No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana) | | 287 |
code-pens, sliders, css, sass, effects |
Introduction to Symfony PHP Framework | | 286 |
introductions, symfony |
How to Build Accessible Main Navigation? (iod) | | 285 |
how-tos, accessibility, navigation |
How to Add an Event Handler in React | | 284 |
how-tos, react, dom, events |
Quick Tip: How to Check if a Variable Is Set in PHP | | 283 |
how-tos, variables, php, tips-and-tricks |
Modularizing React Applications With Established UI Patterns (mfo) | | 282 |
react, components, modules |
Testing Colour Accessibility With Dev Tools (mic) | | 281 |
accessibility, colors, testing, browsers, dev-tools |
Advanced Figma Prototyping Tips and Tricks (uxd) | | 280 |
figma, prototyping, tips-and-tricks |
Nest.js Crash Course—Introduction and Setup | | 279 |
videos, crash-courses, introductions, nestjs |
Theming a Design System (uxd) | | 278 |
design-systems, theming |
The Story of the World Wide Web (jay) | | 277 |
books, web, history, browsers, standards, css, community, browser-wars |
Table of Contents Progress Animation (kev) | | 276 |
html, css, javascript, animations, progress-indicators |
Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (tho/the) | | 275 |
browsers, browser-engines, mozilla, google, apple, webkit |
How to Write Semantic CSS (kev) | | 274 |
videos, how-tos, css, semantics |
Focus Appearance Thoughts (ala) | | 273 |
accessibility, focus, css |
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg) | | 272 |
css, colors, contrast, backgrounds, strategies |
Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (its) | | 271 |
mozilla, browser-engines, servo, browsers |
How to Build a Magazine Layout With CSS Grid Areas (sma) | | 270 |
how-tos, layout, css, grids |
Qodana Code Quality Platform—Overview | | 269 |
videos, overviews, jetbrains, qodana, quality, ci-cd |
Should Inclusive Design Be a UX Concern? (uxd) | | 268 |
design, dei, user-experience |
Non-Text Content Contrast Also Matters | | 267 |
accessibility, colors, contrast |
Testing Vue Components the Right Way | | 266 |
vuejs, vitest, components, testing |
Supporting CSS Multi Direction Languages in 2023 | | 265 |
css, internationalization, logical-properties |
The Difference Between Iteration and Prototyping | | 264 |
processes, prototyping, comparisons |
The “margin-trim” Property (mat) | | 263 |
css |
The Different Names for Values in CSS (chr) | | 262 |
css |
My Favourite 3 Lines of CSS (bel/pic) | | 261 |
css |
Interop 2023 CMS Checkin (chr) | | 260 |
interoperability, html, syndication, rss, atom, semantics |
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi) | | 259 |
how-tos, images, favicons |
Frontend Frameworks for Web-App Development (uxm) | | 258 |
frameworks, web-apps |
Building a Dev Blog With the Pelican Static Site Generator (djr) | | 257 |
site-generators, blogging |
A Historical Reference of React Criticism (zac) | | 256 |
react, history |
How to Pick a Font (That Doesn’t Suck) | | 255 |
how-tos, guides, fonts, typography |
Discovery in Agile | | 254 |
agile, processes |
React Anti-Patterns and Best Practices—Dos and Don’ts | | 253 |
react, anti-patterns, best-practices |
Speeding Up the JavaScript Ecosystem—ESLint (mar) | | 252 |
javascript, performance, eslint, linting |
The Market for Lemons (sli) | | 251 |
web-platform, javascript, frameworks |
Rotating Gallery With CSS Scroll-Driven Animations (jhe) | | 250 |
html, css, javascript, animations, scrolling |
Typography Manual | | 249 |
code-pens, typography |
How to Make a Zoom Effect Using CSS (css) | | 248 |
how-tos, css, effects |
The Case Against Cycle Time | | 247 |
productivity, metrics |
Multi-Threaded React App Using useWorker | | 246 |
multithreading, react, javascript, web-workers |
How to Build a Static Website | | 245 |
how-tos, fundamentals |
Foundation: The Best Framework for Building Responsive Sites | | 244 |
foundation |
WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion | | 243 |
accessibility, wcag, standards |
What Is Bootstrap: A Beginner’s Guide | | 242 |
guides, bootstrap |
The YAML Document From Hell—JavaScript Edition (phi) | | 241 |
javascript, yaml |
How to Get the Last Matching Item in an Array With Vanilla JavaScript (cfe) | | 240 |
how-tos, javascript, arrays |
High Definition CSS Color Guide (arg/dev) | | 239 |
guides, css, colors |
Advice for Engineers, From a Manager (pol) | | 238 |
tips-and-tricks, career, communication, collaboration |
Interop 2023: Continuing to Improve the Web for Developers (foo+/dev) | | 237 |
interoperability, web-platform |
3 Notion Templates to Better Manage Your Design System | | 236 |
design-systems, templates, maintenance |
Pushing Interop Forward in 2023 (jon+/web) | | 235 |
interoperability, web-platform |
The Gotcha With Animating Custom Properties (bra) | | 234 |
css, animations, custom-properties, performance |
Announcing Interop 2023 | | 233 |
interoperability, web-platform |
Caching Data in SvelteKit (css) | | 232 |
caching, sveltekit |
Design for AI: What Should People Who Design AI Know? (uxd) | | 231 |
design, ai |
Gatsby Is Joining Netlify | | 230 |
gatsby, netlify |
WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (sar) | | 229 |
wordpress |
Quick Tip: How to Manage Timezones in PHP | | 228 |
how-tos, php, internationalization, tips-and-tricks |
Why Is Making a Dark Mode Greyscale So Hard to Get Right? | | 227 |
dark-mode, contrast, colors, design |
Screen Reader Quick Guide | | 226 |
guides, screen-readers |
Microsoft Edge and Interop 2023 | | 225 |
interoperability, web-platform, browsers, microsoft, edge |
Understanding App Directory Architecture in Next.js (ati/sma) | | 224 |
architecture, nextjs |
The Guide to Responsive Design in 2023 and Beyond (sha) | | 223 |
responsive-design, css |
Modular Web Design: Flexibility, Examples, and Alternatives | | 222 |
design |
Learn Images (wil/dev) | | 221 |
courses, images, svg, gif, png, jpeg, webp, avif |
Interop 2023 (boc) | | 220 |
interoperability, web-platform |
Igalia and Interop 2023 (iga) | | 219 |
interoperability, web-platform, igalia |
How the CSS “box-sizing” Property Works (bel) | | 218 |
css, box-model |
Hex Colors Aren’t Great at Anything Except Being Popular (chr) | | 217 |
colors, css |
Don’t Use Return Types, Unless… (mat) | | 216 |
videos, typescript |
Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (aus) | | 215 |
javascript, data-fetching |
Should You Start a Web Development YouTube Channel in 2023? (zor/css) | | 214 |
videos, career, youtube |
The Ultimate Guide to JavaScript Error Handling (cra) | | 213 |
guides, javascript, errors |
6 Approaches for Data Fetching in React | | 212 |
data-fetching, react |
Typographic Hierarchy in Print, Web, and App Design | | 211 |
typography, design, hierarchy |
External Links: In or Out | | 210 |
seo, links, accessibility, user-experience |
Invoking React Components From Your Ember Apps | | 209 |
emberjs, react, components |
Understanding Color and Accessibility (kat) | | 208 |
accessibility, colors |
Speed for Who? (bel) | | 207 |
performance, frameworks, developer-experience, user-experience |
Setting Expectations for Asking ChatGPT Web Accessibility Questions (sco) | | 206 |
accessibility, ai, chatgpt |
New to the Web Platform in January (rac/dev) | | 205 |
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari |
19 Must-Visit Sites for Product Design Inspiration (uxd) | | 204 |
design, link-lists |
Using Local Storage in JavaScript and React | | 203 |
javascript, react, browser-storage |
Easy SVG Customization and Animation: A Practical Guide (cod/sma) | | 202 |
guides, images, svg, animations |
CSS “color-mix()” (arg/dev) | | 201 |
css |
Léonie Watson on Accessibility (tin+) | | 200 |
podcasts, interviews, accessibility |
An Introduction to MIME Types | | 199 |
introductions, mime-types |
You’ve Got Options for Removing Event Listeners (mac) | | 198 |
javascript, events |
New WCAG 2.2 Features Rated (yat) | | 197 |
accessibility, wcag, standards |
Git Commit Patterns | | 196 |
git, documentation |
Is It a Bad Idea to Use “target="_blank"” for Links in an Email? | | 195 |
email, links, user-experience |
10 GitHub Repositories You Should Know as a JavaScript Developer | | 194 |
javascript, cheat-sheets, best-practices, link-lists, github |
The Pros and Cons of Responsive Web Design in 2023 (web) | | 193 |
responsive-design |
HTML Input Types (mar) | | 192 |
html, forms |
Accessible Hamburger Buttons Without JavaScript | | 191 |
accessibility, javascript, navigation |
Flow Control in JavaScript: Callbacks, Promises, “async”/“await” (cra) | | 190 |
javascript, callbacks, promises, asynchronicity |
Login Form UI Design Guide (uxd) | | 189 |
guides, design, forms |
Pointing and Calling and Accessibility Testing | | 188 |
accessibility, testing |
Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires (fox/cal) | | 187 |
performance |
Use the Dialog Element (Reasonably) (sco) | | 186 |
html, modals, accessibility |
Screen Readers Support for Text Level HTML Semantics (ste/tpg) | | 185 |
html, semantics, screen-readers, support |
Optimal Images in HTML (ste/bui) | | 184 |
html, images, backgrounds, performance, optimization |
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma) | | 183 |
design-systems, css, custom-properties, contrast, colors |
Container Queries and Typography (fon) | | 182 |
css, container-queries, typography |
CSS Layers for CSS Resets | | 181 |
css, resets |
Quick Tip: How to Manage Error Reporting in PHP | | 180 |
how-tos, php, errors, tips-and-tricks |
Animating CSS Grid (How-To and Examples) (css) | | 179 |
css, grids, layout, examples |
The Modern Way of Serving Images (kur) | | 178 |
images, html, performance |
“scrollend”, a New JavaScript Event (arg/dev) | | 177 |
javascript, events |
Release Notes for Safari Technology Preview 162 (jon/web) | | 176 |
release-notes, browsers, apple, safari |
Musing Upon an “[alt]” Text Badge on Images (chr) | | 175 |
accessibility, html, css |
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again (gwi/deq) | | 174 |
accessibility, wcag, standards |
A “nth-child” CSS Trick (kev) | | 173 |
css, selectors, tips-and-tricks |
10 Web Development Trends in 2023 (rwi) | | 172 |
trends, frameworks, tooling, javascript, monorepos, css, ai, code-completion |
Copying Designs Doesn’t Work, and Here’s Why (sma) | | 171 |
design, user-experience |
Introduction to Gulp.js: Beginner’s Guide | | 170 |
introductions, guides, gulp |
Creating a Custom Cursor Using CSS (css) | | 169 |
cursors, css, images, svg |
Things to Do and Not to Do During a Wave of Tech Layoffs (cod) | | 168 |
career |
Locking “body” Scroll for Modals on iOS (jfr) | | 167 |
scrolling, css, modals |
CSS Wishlist 2023 (dav) | | 166 |
css, wish-lists |
A Simple Custom (ste) | | 165 |
forms, accessibility, usability, css |
3 Essential Design Trends, January 2023 (web) | | 164 |
design, trends |
Ship Small, Ship Fast | | 163 |
releasing |
Be a Digital Ally: Further Exploration of WCAG 2.2 | | 162 |
accessibility, wcag, standards |
Visual Design Rules You Can Safely Follow Every Time | | 161 |
design |
Making Sense of TypeScript Using Set Theory | | 160 |
typescript |
CSS Art Tutorial: Create a Cute Cartoon Creature | | 159 |
tutorials, css, art |
Level Up Your CSS Skills With the “:has()” Selector (5t3/sma) | | 158 |
css, selectors |
International Domain Names: Where Does meßagefactory.ca Lead You? (lem) | | 157 |
internationalization, domains |
If You Need a Link, Don’t Use a Button (tem) | | 156 |
html, semantics, links, buttons, accessibility |
CSS Named Colors: Groups, Palettes, Facts, and Fun (aus) | | 155 |
css, colors, color-palettes |
Creating a Community That Values Accessibility (web) | | 154 |
accessibility, community |
Best Browsers For Developers in 2023 (tal) | | 153 |
browsers, comparisons, firefox, mozilla, polypane, brave, chrome, google |
Improve Your HTML Semantic With Pico CSS | | 152 |
html, pico |
Replace “Create React App” Recommendation With Vite | | 151 |
discussions, react, vite |
Accessibility Tools and Resources for Designers | | 150 |
tooling, link-lists, design |
Is CSS-in-JS Actually Bad? (may) | | 149 |
css, javascript, css-in-js |
How to Review a Web Site (uxm) | | 148 |
how-tos, user-experience, performance, seo |
Web Scraping—A Complete Guide | | 147 |
guides, scraping |
How to Use Pico CSS and Next.js? | | 146 |
how-tos, pico, nextjs |
Web Accessibility Global Usage Survey | | 145 |
surveys, accessibility |
Comparing Level Access Automated Tools to Manual Accessibility Testing (rac) | | 144 |
accessibility, tooling, testing, automation |
15 Must-Have Cheatsheets for Developers | | 143 |
cheat-sheets, link-lists |
The Key to Good Component Design Is Selfishness (sma) | | 142 |
components, developer-experience, maintainability |
What Is a Core Update? (moz) | | 141 |
seo |
Building Reliable Distributed Systems in Node.js | | 140 |
nodejs |
Unordered Lists in Main Navigations (mat) | | 139 |
html, lists, navigation, semantics |
So You Want to Make a New JS Framework (dav) | | 138 |
javascript, frameworks |
More Real-World Uses for “:has()” (css) | | 137 |
css, selectors |
Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi (uxd) | | 136 |
internationalization, design |
Cascading Components—a Way to Organize Figma Component Variants | | 135 |
components, figma |
Unlocking Security Updates for Transitive Dependencies With npm (git) | | 134 |
npm, dependencies, security, maintenance |
Don’t Target 100% Coverage | | 133 |
testing, code-coverage |
Two Ways to Safely Break a Long Word in HTML (ami) | | 132 |
html |
Three Attributes for Better Web Forms (ada) | | 131 |
forms, html, attributes |
Optimize Time to First Byte (mal/dev) | | 130 |
performance, optimization |
Comparing Manual and Free Automated WCAG Reviews (aar) | | 129 |
accessibility, wcag, auditing, comparisons |
“::backdrop” Doesn’t Inherit From Anywhere (kil) | | 128 |
css |
On-Scroll Typography Animations (cod) | | 127 |
typography, animations |
Accessible Writing Is Just Good Writing | | 126 |
accessibility, writing |
Solved With “:has()”: Vertical Spacing in Long-Form Text (css) | | 125 |
css, selectors |
Front-End Is So Much More Than Building Designs (bel) | | 124 |
processes |
Discovering the Capable Web (tom/dev) | | 123 |
web-platform |
Deep Cloning Objects in JavaScript, the Modern Way (ste/bui) | | 122 |
javascript, objects |
CSS Tip: Style Your Radio Buttons and Checkboxes for Printing (alv) | | 121 |
css, tips-and-tricks, forms, print |
Scalable CSS (chr) | | 120 |
css, scalability |
The Storytelling Power of Simple Design Solutions (uxd) | | 119 |
design, simplicity |
Can a Bridge Be Unethical? | | 118 |
design, ethics |
Intro to Wasp—Fullstack App | | 117 |
videos, introductions, wasp, express, react |
Quick Tip: How to Read a Local File With PHP | | 116 |
how-tos, file-handling, php, tips-and-tricks |
Using “:is()” in Complex Selectors Selects More Than You Might Initially Think (bra) | | 115 |
css, selectors |
The Truth About CSS Selector Performance (pat) | | 114 |
css, selectors, performance |
Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That | | 113 |
accessibility, information-design |
6 Common SVG Fails (and How to Fix Them) (css) | | 112 |
svg, images |
Why We Switched CDNs: How Google’s Core Web Vitals Led Us to Cloudflare Pages | | 111 |
content-delivery, performance, web-vitals, cloudflare |
Promises, Thenables, and Lazy-Evaluation: What, Why, How (aus) | | 110 |
javascript, promises |
Optimizing the Image Element LCP (sma) | | 109 |
performance, web-vitals, images |
Minimal Dark Mode Styling (mey) | | 108 |
css, dark-mode, minimalism |
Greater Styling Control Over Type With “initial-letter” (sea) | | 107 |
css, typography |
A Better Way to Work With Number and Date Inputs in JavaScript (ste/bui) | | 106 |
javascript |
Interactive SVG Reference | | 105 |
svg, images |
Complete Guide to Make You a Regex Guru | | 104 |
guides, regex |
User Style Sheets | | 103 |
videos, user-styles, css |
The Only Markdown Cheatsheet You Will Ever Need | | 102 |
markdown, cheat-sheets |
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir) | | 101 |
screenshots, images, playwright, javascript |
Speeding Up the JavaScript Ecosystem—Module Resolution (mar) | | 100 |
javascript, performance, modules, esm, commonjs |
CSS Nesting Is Coming (alv) | | 99 |
css, nesting |
5 Principles of Readable Code: KISS, YAGNI, DRY, BDU, Occam’s Razor | | 98 |
principles, maintainability |
Succeed as a Junior Developer | | 97 |
career |
Foundations: Visible Focus Styles (tet) | | 96 |
accessibility, fundamentals, focus, css |
Four Ways to Chop Up Arrays (with Vanilla JavaScript) (cfe) | | 95 |
javascript, arrays |
Fixing a Memory Leak in a Production Node.js App (ken) | | 94 |
nodejs, memory |
What Can We Really Do About Spam? | | 93 |
spam, email, sustainability |
Sibling Scopes in CSS, Thanks to “:has()” (bra) | | 92 |
css, selectors |
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch | | 91 |
nodejs, foss, tooling, link-lists |
React, Vite, and TypeScript: Get Started in Under 2 Minutes | | 90 |
introductions, react, vite, typescript |
Top Front-End Tools of 2022 (lou/sma) | | 89 |
tooling, link-lists |
Manual Accessibility Testing (dev) | | 88 |
accessibility, testing |
Is TypeScript Worth It? | | 87 |
discussions, typescript |
Generics: The Most Intimidating TypeScript Feature (mat) | | 86 |
videos, typescript, generics |
CSS Color Functions and Custom Properties (mat) | | 85 |
css, colors, functions, custom-properties |
Cookie “Expires” and “Max-Age” Attributes Now Have Upper Limit (ari/dev) | | 84 |
cookies, browsers, google |
How to Destructure Props in Vue (Composition API) | | 83 |
how-tos, vuejs, props |
The Main Areas of WAI–ARIA | | 82 |
accessibility, aria |
The State of JavaScript 2022 [Results] (sac) | | 81 |
surveys, javascript |
11 Excellent WordPress Themes for 2023 | | 80 |
wordpress, themes, link-lists |
The YAML Document From Hell (ruu) | | 79 |
yaml, standards |
The Gotcha of Unhandled Promise Rejections (jaf) | | 78 |
javascript, promises |
JavaScript, Community (zac) | | 77 |
javascript, community |
“:has” Is an Unforgiving Selector (geo/css) | | 76 |
css, selectors |
Closed Captions and Subtitles UX (vit/sma) | | 75 |
accessibility, captions, user-experience |
2023 Design Trends From an Accessibility Perspective | | 74 |
design, accessibility, trends |
D̶e̶s̶i̶g̶n̶ Token Clusters (uxd) | | 73 |
design-tokens |
Set Up a React App With TypeScript in 5 Minutes | | 72 |
react, vite, typescript |
Quick Tip: How to Filter Data With PHP | | 71 |
how-tos, php, tips-and-tricks |
Data-Driven Design Systems in Practice | | 70 |
design-systems |
Data URLs and Pool in Your URL (wes) | | 69 |
html, data-urls |
Why Not “document.write()”? (css) | | 68 |
javascript, performance |
Versioning Design Systems: Best Practices | | 67 |
design-systems, versioning, best-practices |
Our Top Core Web Vitals Recommendations for 2023 (phi+/dev) | | 66 |
performance, web-vitals, best-practices |
Faking Min Width on a Table Column (css) | | 65 |
html, tables, css, responsive-design |
CSS “:readonly” Is Not for Select Fields (hel) | | 64 |
css, selectors |
CSS “:empty” Isn’t Applicable on Form Fields (hel) | | 63 |
css, selectors, forms |
Node.js Retro 2022 | | 62 |
nodejs, retrospectives |
Implementing Microservice Architecture in Node.js | | 61 |
microservices, architecture, nodejs |
7 Principles of Design Psychology Every UX Designer Should Know (uxm) | | 60 |
design, user-experience, principles |
Building a Design System: Lessons Learned (uxd) | | 59 |
lessons, design-systems |
A Software Developer’s Guide to Writing | | 58 |
guides, writing |
Styling Buttons in WordPress Block Themes (css) | | 57 |
wordpress, theming, buttons, css |
Good Design Is Intentional (jon) | | 56 |
design |
Customizing HTML Form Validation (dav) | | 55 |
html, forms, validation |
Conditional CSS (sha) | | 54 |
css |
Clever Code Considered Harmful (jos) | | 53 |
complexity, maintainability, career |
7 Purpose-Driven UX Tips for Your Next Web-Site Redesign (uxm) | | 52 |
user-experience, redesigning, tips-and-tricks |
3D in CSS | | 51 |
css |
Intro to SolidJS: How to Create Fast, Reactive Web Apps | | 50 |
introductions, solidjs, web-apps |
Angular vs. AngularJS: 15 Key Differences to Know | | 49 |
angular, angularjs, comparisons |
Personas Are Living Documents: Design Them to Evolve | | 48 |
usability, personas |
OK LCH, I’m Convinced (jim) | | 47 |
colors, css |
Best Node.js Schedulers | | 46 |
nodejs, cron |
Revolutionizing the Web With WebAssembly: A Comprehensive Guide | | 45 |
webassembly, guides |
Using GitHub Copilot for Unit Testing | | 44 |
github-copilot, github, ai, testing |
Stock Photos of People With Disabilities (den) | | 43 |
accessibility, content, images |
Infinite Scrolling: When to Use It, When to Avoid It | | 42 |
videos, scrolling, usability |
When to Use Flexbox and When to Use CSS Grid (log) | | 41 |
css, flexbox, grids, layout |
URI vs. URL: The Main Differences Between URL and URI | | 40 |
urls, terminology, comparisons |
Why Web Performance Still Matters in 2023 (sia) | | 39 |
performance |
2022 JavaScript Rising Stars | | 38 |
javascript, frameworks, react, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives |