tag Tools

標籤
貢獻235
98
11:04 PM · Nov 16 ,2025
anselm-hannemann 頭像 vitaly-friedman 頭像 cosima-mielke 頭像 joas-pambou 頭像 cameron-chapman 頭像 geoff-graham 頭像 jacob-gube 頭像 patrickbrosset 頭像 sven-lennartz 頭像 leonardolosoviz 頭像 zara-cooper 頭像 louis-lazaris 頭像

@Tools / 博客 RSS 訂閱

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #132: The Challenges In Our Field, Debouncing And The Contain CSS Property

What has been your biggest web development challenge recently? Was it a development issue, a communication issue or an education issue in your team? Facing so many things that don’t work as expected

Web Development Reading List , Tools , coding

收藏 評論

addy-osmani 頭像

Addy Osmani - Essential jQuery Plugin Patterns

I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’s a lot o

Tools , coding , jquery

收藏 評論

tommyhodgins 頭像

Tommy Hodgins - Element Queries, And How You Can Use Them Today

For some time, we’ve run up against the limits of what CSS can do. Those who build responsive layouts will freely admit the frustrations and shortcomings of CSS that force us to reach for CSS prepro

Tools , coding , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Typography Keyboard Layout [Free Download]

The main idea was to provide the web design community with a handy tool that would let designers enter characters that are usually unavailable on a keyboard easier and quicker. If you already tried

Typography , Tools , Freebies , fonts

收藏 評論

joas-pambou 頭像

Joas Pambou - Integrating Image-To-Text And Text-To-Speech Models (Part 2)

In Part 1 of this brief two-part series, we developed an application that turns images into audio descriptions using vision-language and text-to-speech models. We combined an image-to-text that anal

Techniques , Tools , AI

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 Helpful Typography Tools And Resources

To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You will learn the fundamentals of typography, find out how

Typography , Tools , fonts

收藏 評論

sven-lennartz 頭像

Sven Lennartz - Online Converters

Online converters always come in handy. Once you need to perform some operation with your files, they can save your time achieving the same results online, without installing some specific software.

workflow , Tools

收藏 評論

ilya 頭像

Ilya Zayats - Love Generating SVG With JavaScript? Move It To The Server!

I hope that by now, in 2014, there is no need to explain why SVG is a blessing to developers who want to ensure that their graphics look sharp on all devices, especially with their huge diversity of

Techniques , Tools , coding , svg

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 22 Extremely Useful And Powerful CSS Tools

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their too

Tools , coding , Css , Resources

收藏 評論

jourdan-wilkerson 頭像

Jourdan Wilkerson - Free and Commercial Stock Photography Sites

Stock photography is often used in print and web design and has been around since the 1920s, when it was utilized by the newspaper industry. It has turned out to be such a common element to use now

Photography , Graphics , Tools , Freebies

收藏 評論

oluwasanmi-akande 頭像

Oluwasanmi Akande - Recovering Deleted Files From Your Git Working Tree

There are times when mistakes happen, and useful and important files are deleted by error or lost from your file system irrevocably (or seemingly, at least). Version control systems make it difficul

workflow , Tools , coding , Git

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #142: Contextual Identities, Form Hints, And ApplePay.js

Today will be a day in history regardless of what happens over the next weeks. The majority of people in the UK voted to leave the EU, and this made clear once again that many people in our society

Web Development Reading List , Tools , coding

收藏 評論

kamil-khadeyev 頭像

Kamil Khadeyev - Introduction To Photoshop Scripts

Automation is useful in the work of every designer. It saves precious time on repetitive tasks and helps us solve certain problems more quickly and easily. You can automate your workflow in Photosh

Graphic Design , Photoshop , workflow , Tools

收藏 評論

michelle-barker 頭像

Michelle Barker - Simplifying Form Styles With accent-color

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. aspect-ratio is one such p

Tools , Accessibility , Css , Browsers

收藏 評論

ramona-schwering 頭像

Ramona Schwering - Testing Pipeline 101 For Frontend Testing

Picture this situation: You’re approaching a deadline fast, and you’re using every spare minute to achieve your goal of finishing this complex refactoring, with plenty of changes in your CSS files.

workflow , Frameworks , Tools , testing

收藏 評論

eric-burel 頭像

Eric Burel - How OWASP Helps You Secure Your Full-Stack Web Applications

Security can be an intimidating topic for web developers. The vocabulary is rich and full of acronyms. Trends evolve quickly as hackers and analysts play a perpetual cat-and-mouse game. Vulnerabilit

Tools , Apps , Privacy

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - ‘Web Development Reading List #119: Bulletproof Third-Party Content and Progressive Applications’

I wish you a happy New Year! But although we write another number now — 2016 — your habits and goals won’t change overnight. That is why I’m not convinced of New Year’s resolutions. You should have

Web Development Reading List , Tools , coding

收藏 評論

william-lyon 頭像

William Lyon - Putting The Graph In GraphQL With The Neo4j GraphQL Library

This article has been kindly supported by our dear friends at Neo4j who are known to be the clear performance leaders in graph technology. Thank you! GraphQL enables an API developer to mod

Techniques , API , graphql , Tools , coding

收藏 評論

geoff-graham 頭像

Geoff Graham - Answering Common Questions About Interpreting Page Speed Reports

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! Running a performance check on your site is

performance , optimization , Techniques , Tools

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 Useful Tools and Resources For Web Designers

An effective, well-organized workflow is an important asset of professional web designers. The more useful and time-saving your tools are, the more time you can focus on important things, thus creat

Tools , coding , Resources

收藏 評論

anselm-hannemann 頭像

Anselm Hannemann - Web Development Reading List #171: Leaks, SHA-1 Collision, And Brotli

Phew, what a week! Due to an HTML-parsing bug, Cloudflare experienced a major data leak, and the first practical collision for SHA-1 was revealed as well. We should take these events as an occasion

Web Development Reading List , Tools , coding

收藏 評論

peiter-buick 頭像

Peiter Buick - The Messy Art Of UX Sketching

Although starting a prototype on a computer is sometimes easier, it’s not the best way to visually problem-solve. When you need to ideate website layouts or mobile applications or to storyboard work

Sketching , Ideation , Tools , ux , Process , Prototyping

收藏 評論

michelle-barker 頭像

Michelle Barker - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

收藏 評論

eric-bailey 頭像

Eric Bailey - Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties

I’m extremely excited about the upcoming Forced Colors media query. It takes the work done for Windows High Contrast mode and elevates it to an open, cross-browser standard. This means that a person

Techniques , Tools , Accessibility , Css

收藏 評論