The Future of Web Accessibility: WCAG 3.0 (for) | | 333 |
accessibility, wcag, standards |
42 Tips for Getting Good at DevOps and Life | | 332 |
dev-ops, career, productivity, tips-and-tricks |
Add Data to a Google Sheet From a Node.js Backend | | 331 |
nodejs, google |
Where TypeScript Excels (the) | | 330 |
videos, typescript |
Horizontal Scrolling Nav (mdo) | | 329 |
javascript, scrolling |
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax | | 328 |
how-tos, javascript, functions |
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack | | 327 |
css, javascript, mobile |
CommonJS (CJS) and Modules (ESM): Import Compatibility | | 326 |
javascript, typescript, commonjs, esm |
Digging Into CSS Media Queries (kil) | | 325 |
videos, css, media-queries |
You Don’t Always Need a CMS | | 324 |
content-management |
Carousels: No One Likes You | | 323 |
carousels, accessibility, usability, user-experience |
Don’t Alienate Your User: A Primer for Internationalisation and Localisation | | 322 |
introductions, user-experience, internationalization, localization |
Accumulation of Tech Debt (mfo) | | 321 |
technical-debt |
Ten Years of Page Bloat: What Have We Learned? (spe) | | 320 |
performance, web-vitals, user-experience |
An Introduction to User Journey Maps (ste) | | 319 |
introductions, design, usability, user-experience |
WebGPU—All of the Cores, None of the Canvas (sur) | | 318 |
apis, canvas, rendering |
A Look at the Dialog Element’s Super Powers (ste) | | 317 |
modals, html, javascript |
10 Amazing Games to Learn CSS | | 316 |
css, learning |
An Introduction to AWS CloudFront Functions | | 315 |
introductions, aws, cloudfront, functions, content-delivery |
Designing the User Experience of a Rating System (uxd) | | 314 |
design, user-experience |
Using HTTPS in Your Development Environment | | 313 |
security, http, environments |
Moderated Versus Unmoderated Usability Testing (uxm) | | 312 |
usability, testing, comparisons |
Session Timeouts (pat/tet) | | 311 |
accessibility, user-experience |
Performance Signals for Customizing Website UX (tun/sma) | | 310 |
performance, user-experience, web-vitals, customization |
Optimizing a Web Site for Google’s New UX Criteria (uxm) | | 309 |
optimization, seo, user-experience, google |
My Dev Content Creation Journey and Tips for Starting Yours (5t3) | | 308 |
content, marketing, developer-relations, tips-and-tricks |
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau) | | 307 |
javascript, naming, refactoring |
A New Speed Milestone for Chrome (dev) | | 306 |
browsers, google, chrome, performance |
7 Ways to Achieve a Faster Core Web Vitals Score (hac) | | 305 |
performance, web-vitals |
Alternatives to Pagination on Product-Listing Pages | | 304 |
design-patterns, usability, navigation, pagination |
Why I Avoid “async”/“await” | | 303 |
javascript, asynchronicity |
The Basics—Generics in PHP | | 302 |
videos, fundamentals, php, generics |
Creating Native Web Components (cod) | | 301 |
web-components, javascript, html |
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+/dev) | | 300 |
browsers, support, interoperability |
Accessibility and Limited Fine Motor Skills | | 299 |
accessibility |
How to Design Better APIs | | 298 |
how-tos, software-design, apis |
Remix vs. Next.js | | 297 |
remix, nextjs, comparisons |
How to Prevent SQL Injection Attacks in Node.js | | 296 |
how-tos, nodejs, databases, security, sql |
It’s Always Been You, Canvas2D (dev) | | 295 |
html, css, canvas, javascript |
Dive Into Node.js Streams | | 294 |
nodejs, streaming |
The Best Design System Is No System | | 293 |
design-systems |
The Importance of Screen Reader Software for Web Navigation | | 292 |
accessibility, screen-readers, navigation |
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma) | | 291 |
css, layout, responsive-design |
How to Use Higher-Order Functions in JavaScript | | 290 |
how-tos, javascript, functions |
How Many Hyperlinks Are Too Many for Accessibility? | | 289 |
accessibility, links |
Taming CSS Variables With Web Inspector (web) | | 288 |
css, custom-properties, browsers, tooling |
Progressive Enhancement, the New Hotness (cfe) | | 287 |
progressive-enhancement |
How to Make a “Raise the Curtains” Effect in CSS (cit/css) | | 286 |
how-tos, css, effects |
How Do Primitive Values Get Their Properties? (rau) | | 285 |
javascript |
Simple Color System for Complex Digital Interfaces | | 284 |
websites, design-systems, colors, complexity |
What’s Really Going On Inside Your node_modules Folder? (soc) | | 283 |
nodejs, npm, dependencies |
New CSS Features in 2022 (mic/sma) | | 282 |
css |
5 Things You Don’t Need JavaScript For | | 281 |
javascript |
Foundations: Headings (tet) | | 280 |
accessibility, fundamentals, html, headings, semantics |
How to Build a File Upload Service With Vanilla JavaScript (log) | | 279 |
how-tos, file-handling, javascript |
Essential Cryptography for JavaScript Developers | | 278 |
books, cryptography, javascript |
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css) | | 277 |
html, css, web-components |
(Not So) Short Note on Being Owned (ste) | | 276 |
html, aria, accessibility |
HTML Tips and Tricks | | 275 |
html, tips-and-tricks |
How to Publish Deno Modules to npm (kit/den) | | 274 |
how-tos, deno, modules, dependencies, npm |
Accessibility Checklist: Five Things Usually Left Out (uxd) | | 273 |
accessibility, checklists |
A Recipe for a Good Design System (ati/sma) | | 272 |
design-systems |
Should Frontend Devs Care About Performance? | | 271 |
performance |
Solid.js Feels Like What I Always Wanted React to Be | | 270 |
frameworks, react, solidjs |
CSS “content” Property | | 269 |
css |
Importing ES6 Modules Over HTTP/HTTPS in Node.js | | 268 |
esm, http, nodejs |
Higher-Order Components in React Hooks Era (ade) | | 267 |
components, react, hooks |
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit) | | 266 |
studies, research, frameworks, css, performance |
4 Simple Ways to Improve Web Accessibility | | 265 |
accessibility, optimization |
Overlay Position and Recommendations | | 264 |
accessibility, overlays |
Screaming Architecture—Evolution of a React Folder Structure | | 263 |
react, architecture |
When to Avoid the “text-decoration” Shorthand Property (sim/css) | | 262 |
css, shorthands |
How I Structure My React Projects | | 261 |
react, architecture |
Accessibility and Inclusivity in Practice | | 260 |
podcasts, accessibility, dei |
Understanding Dependencies Inside Your package.json | | 259 |
nodejs, dependencies, npm, yarn |
Deploying a React Application to Netlify | | 258 |
deploying, web-apps, react, netlify |
Moving From Next to Remix | | 257 |
frameworks, nextjs, remix, comparisons |
A Complete Guide to CSV Files in Node.js (log) | | 256 |
guides, file-handling, nodejs, csv |
How to Fix Your Security Vulnerabilities With npm Override | | 255 |
how-tos, security, vulnerabilities, npm, dependencies |
HTML Comments Work in JavaScript Too | | 254 |
javascript, html, comments |
Container Queries, the Next Step Towards a Truly Modular CSS | | 253 |
videos, css, container-queries |
5 Accessibility Quick Wins You Can Implement Today (css) | | 252 |
accessibility |
Can You Get Pwned With CSS? | | 251 |
css, security |
How to Make MPAs That Are as Fast as SPAs (cfe) | | 250 |
how-tos, performance, multi-page-apps, single-page-apps |
Reliably Send an HTTP Request as a User Leaves a Page (css) | | 249 |
http |
15 Useful Placeholder Tools for Designers and Developers | | 248 |
tooling, images, content, placeholders, testing, link-lists |
Comparing Gatsby and Next.js for Website Development | | 247 |
gatsby, nextjs, comparisons, site-generators |
How to Prioritize Your Components (zer) | | 246 |
how-tos, design-systems, components, prioritization |
Component Tokens and Themes Example (to Learn Figma Tokens) (fig) | | 245 |
design, theming, design-tokens, components, figma |
Design Systems in Figma: How to Be More Productive (uxd) | | 244 |
how-tos, design-systems, figma, productivity |
Inclusive Design vs. Accessible Design: Understanding the Differences | | 243 |
accessibility, dei, design, comparisons |
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results | | 242 |
images, favicons, google, seo |
What Is Responsible JavaScript? (mal+/sma) | | 241 |
podcasts, javascript |
Turning the Tables on Accessibility (the) | | 240 |
accessibility |
The Case for Adding Validation State to Your Design Tokens (eri) | | 239 |
design-tokens, validation |
Support for Marking Radio Buttons Required, Invalid (aar) | | 238 |
accessibility, html |
SPAs Were a Mistake (cfe) | | 237 |
single-page-apps, mistakes |
How Websites Die | | 236 |
web, link-rot |
Writing Logic in CSS | | 235 |
css |
Let’s Get Inclusive: Designing Products for Everyone (uxm) | | 234 |
design, dei |
Design System: How to Successfully Collaborate? (uxd) | | 233 |
how-tos, design-systems, collaboration |
CSS Quick Tip: Animating in a Newly Added Element (5t3) | | 232 |
css, animations, tips-and-tricks |
A Complete Guide to CSS Cascade Layers (mia/css) | | 231 |
guides, css, cascade |
Invisible Characters | | 230 |
websites, unicode |
Minimizing Google Fonts by Only Loading It for Certain Characters (ami) | | 229 |
typography, google, fonts, performance, minimalism |
Column Headers and Browser Support (aar) | | 228 |
accessibility, html, semantics |
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations | | 227 |
javascript, asynchronicity |
How to Consume Microformats2 Data | | 226 |
how-tos, microformats, parsing, json, comparisons |
React State Management Libraries in 2022 | | 225 |
react, state-management, libraries |
There Is No Character Limit for “Alt Text” (yat) | | 224 |
accessibility, html, alt-text, images |
Minimum Static Site Setup With Sass (5t3) | | 223 |
sass |
Comparing Node JavaScript to JavaScript in the Browser (css) | | 222 |
javascript, nodejs, browsers, comparisons |
JavaScript Obfuscation: The Definitive Guide (2022) | | 221 |
guides, javascript, obfuscation |
Using “mask” as “clip-path” | | 220 |
svg, css, masking |
Core Web Vitals: What Next? (moz) | | 219 |
performance, web-vitals, seo |
Structuring Documentation in Multi-Brand Design Systems (amy) | | 218 |
design-systems, documentation |
Web Developers and Cognitive Biases | | 217 |
productivity, career |
What Makes Writing More Readable? | | 216 |
writing, readability |
How to Create a Search Page for a Static Website With Vanilla JS (cfe) | | 215 |
how-tos, functionality, search, html, javascript |
How To: Correctly Test for Python’s Version (tab) | | 214 |
how-tos, python, testing, versioning |
Flexbox Dynamic Line Separator (sha) | | 213 |
css, flexbox |
The State of JavaScript 2021 [Results] (sac/dev) | | 212 |
surveys, javascript |
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” | | 211 |
javascript, fundamentals, career |
Track Down the JavaScript Code Responsible for Polluting the Global Scope | | 210 |
javascript, scope |
7 Lessons I’ve Learned in the Last Year as a Software Engineer | | 209 |
lessons, career |
What Is the Difference Between WCAG Compliance Level A, AA, and AAA? | | 208 |
accessibility, wcag, compliance |
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css) | | 207 |
css, grids, layout |
Browsers for People Who Just Want a Browser (nei) | | 206 |
browsers, tor-browser, konqueror, edge, microsoft, vivaldi |
Never, Ever, Ever Use Pixelation for Redacting Text | | 205 |
content, images, obfuscation, security |
Introducing Progressive Web Apps (nit) | | 204 |
introductions, progressive-web-apps, web-apps |
Version 100 in Chrome and Firefox | | 203 |
browsers, support, google, chrome, mozilla, firefox |
Colors That Make Sense | | 202 |
accessibility, semantics, colors |
The Basics of package.json | | 201 |
fundamentals, nodejs, dependencies, npm, yarn |
Foundations: Colour and Meaning (tet) | | 200 |
accessibility, fundamentals, colors |
10 Mental Models Developers Can Use to Get Unstuck | | 199 |
productivity |
7 Killer One-Liners in JavaScript | | 198 |
javascript |
WCAG 2.2 Update | | 197 |
accessibility, wcag |
Functions and the Future of Design Systems | | 196 |
design-systems |
The Entire Cascade (as a Funnel) (mia) | | 195 |
code-pens, css, cascade |
Multi-Value CSS Properties With Optional Custom Property Values (css) | | 194 |
css, custom-properties |
Introducing PHP: A Beginner’s Guide | | 193 |
introductions, guides, php |
Using the Language Attribute to Make Your Website Accessible | | 192 |
attributes, accessibility, localization, internationalization |
Why Radio Buttons Are Called Radio Buttons in UIs? (ami) | | 191 |
html, semantics, naming |
WebDex: Web Specs Index (don) | | 190 |
terminology, standards |
Hello, CSS Cascade Layers (sha) | | 189 |
css, cascade |
How to Keep Your Repo Package Dependencies Up to Date Automatically | | 188 |
how-tos, dependencies, tooling, github-actions, github |
Moving From JavaScript to TypeScript | | 187 |
javascript, typescript |
Release Notes for Safari Technology Preview 140 (jon/web) | | 186 |
release-notes, safari, apple, browsers |
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site | | 185 |
performance, compression, brotli, gzip |
What I Learned Implementing a Design System for an Existing Product | | 184 |
design-systems, lessons |
How to Make CSS Slanted Containers (css) | | 183 |
how-tos, css |
MHTML in Chromium | | 182 |
html, browsers |
Only 2% of Sites Meet Accessibility Standards—Let’s Change That | | 181 |
accessibility |
Accessibility Monitoring: How We Test | | 180 |
accessibility, monitoring, testing, case-studies |
Everything Publishers Need to Know About URLs | | 179 |
seo, urls, naming |
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd) | | 178 |
design, layout, grids, content |
Building an Adaptive Favicon (arg/dev) | | 177 |
images, favicons |
This Is Why Your Node.js Application Is Slow | | 176 |
performance, nodejs |
Aspect Ratio Is Great (mic) | | 175 |
css, layout |
Debugging JavaScript | | 174 |
javascript, debugging |
Developing a Focus Style for a Themable Design System | | 173 |
accessibility, design-systems, theming, focus |
Replace JavaScript Dialogs With the New HTML Dialog Element (css) | | 172 |
modals, html, semantics |
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste) | | 171 |
javascript, events |
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git) | | 170 |
javascript |
Creating Generative SVG Grids | | 169 |
javascript, svg, grids |
Introducing the Dialog Element (web) | | 168 |
introductions, html, modals |
CSS Animations Tutorial: Complete Guide for Beginners | | 167 |
tutorials, guides, css, animations |
Do We Need Screen Reader for Accessibility Testing | | 166 |
accessibility, testing, screen-readers |
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm) | | 165 |
design, user-experience, trends |
Accessibility Testing Best Practices in CI/CD | | 164 |
accessibility, testing, ci-cd, best-practices |
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi) | | 163 |
how-tos, images, favicons |
How to Create a UX Vision Statement | | 162 |
how-tos, user-experience |
UX and User Personas: How to Get It Right | | 161 |
user-experience, usability, personas |
How to Use the Accessibility Tree for A11Y Testing | | 160 |
how-tos, accessibility, testing |
Are We Live? (sco) | | 159 |
accessibility, aria |
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements | | 158 |
accessibility, conformance, testing |
Foundations: Colour Contrast (tet) | | 157 |
accessibility, fundamentals, colors, contrast |
What Web Frameworks Solve: The Vanilla Alternative (nom/sma) | | 156 |
frameworks, javascript, react |
Design System Versioning: Single Library or Individual Components? (bra) | | 155 |
design-systems, versioning |
8 Key Elements for Creating a Culture of Accessibility | | 154 |
accessibility, culture |
HTML Cheat Sheet—HTML Elements List Reference (fre) | | 153 |
html, semantics, examples, cheat-sheets |
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi) | | 152 |
javascript, frameworks, hydration |
The Impact of Motion Animation on Cognitive Disability (tpg) | | 151 |
accessibility, css, javascript |
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma) | | 150 |
social-media, embed-code, sustainability, performance |
No Accessibility Without Disabilities (yat) | | 149 |
accessibility, user-experience |
Introducing Wolvic (iga) | | 148 |
introductions, wolvic, igalia, browsers |
Custom Markdown Components in 11ty (ale) | | 147 |
eleventy, markdown, functionality |
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd) | | 146 |
accessibility, screen-readers, assistive-tech, tooling |
Grow Your Design System From Good to Great | | 145 |
design-systems |
Settings Are Not a Design Failure | | 144 |
design, usability, user-experience |
State of Frontend 2022 | | 143 |
surveys |
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma) | | 142 |
javascript, performance, bundling, code-splitting, optimization |
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus | | 141 |
guides, design, usability |
Website Themes and Color Schemes | | 140 |
design, theming, colors, color-palettes |
Career Advice Nobody Gave Me: Never Ignore a Recruiter | | 139 |
career |
5 Pitfalls of Using Micro Frontends and How to Avoid Them | | 138 |
micro-frontends |
Structuring Your Storybook | | 137 |
storybook |
24 Lesser-Known HTML Attributes You May Want to Use | | 136 |
html, attributes |
“Evergreen” Does Not Mean Immediately Available (eri/css) | | 135 |
browsers |
CSS—Understanding the Cascade (bra/9el) | | 134 |
videos, css, cascade |
Cascade Layers Are Coming to Your Browser (una/dev) | | 133 |
css, cascade, browsers, support |
Accessibly Insecure | | 132 |
accessibility, security |
4 Questions to Ask Before Using ARIA | | 131 |
accessibility, aria, semantics, testing |
Speed Matters, but It Isn’t Everything | | 130 |
performance, user-experience, metrics |
The Focus-Indicated Pseudo-Class “:focus-visible” (web) | | 129 |
css, selectors, focus |
Use Cases for CSS “fit-content” (sha) | | 128 |
css |
Preventing Smooth Scrolling With JavaScript (kil) | | 127 |
javascript, scrolling |
Learn Responsive Design (ada/dev) | | 126 |
courses, responsive-design |
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe) | | 125 |
javascript |
Inclusive Design | | 124 |
design, dei |
Why You Should Use a Developer Font | | 123 |
fonts, typography, productivity |
Why Testing After Is a Bad Practice | | 122 |
testing |
Internal Onboarding for Design System Teams | | 121 |
design-systems, onboarding |
What Web Frameworks Solve and How to Do Without Them (nom/sma) | | 120 |
frameworks, react, svelte |
WCAG, but in Language I Can Understand (tem) | | 119 |
accessibility, wcag |
How Does “!important” Actually Work? (una) | | 118 |
videos, css, cascade |
Cascade Layers: First Contact (mat) | | 117 |
css, cascade |
WebAssembly Feature Detection (dev) | | 116 |
webassembly, feature-detection, support |
There’s No Such Thing as Clean Code | | 115 |
developer-experience, quality |
Demystifying TypeScript Discriminated Unions (css) | | 114 |
typescript |
Top Ten Most Common Web Accessibility Issues (tpg) | | 113 |
accessibility |
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd) | | 112 |
design-systems, processes, collaboration |
Naming Design Tokens (luk/uxd) | | 111 |
design-tokens, naming |
Cherry Picking Commits in Git (ami) | | 110 |
git, command-line |
Caching Header Best Practices (sim) | | 109 |
performance, caching, http, http-headers, best-practices |
A Pipe Operator for JavaScript: Introduction and Use Cases (rau) | | 108 |
introductions, javascript, operators |
Design System: How to Efficiently Scale Development? (uxd) | | 107 |
how-tos, design-systems, scalability |
How to Convert Markdown to HTML (red) | | 106 |
how-tos, markdown, html, conversion |
Overview of Accessibility Testing Using DevTools (pat+) | | 105 |
overviews, dev-tools, accessibility, testing, browsers, microsoft, edge |
The Double-Assignment Pattern in jQuery’s Source Code | | 104 |
jquery, javascript |
Prisma in 100 Seconds (fir) | | 103 |
videos, introductions, prisma |
The Baseline for Web Development in 2022 | | 102 |
browsers, support, web-platform, libraries, frameworks, comparisons |
What’s New in DevTools? (pat/sma) | | 101 |
dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox |
The Return of Server Side Routing (rya/thi) | | 100 |
routing |
Fancy CSS Borders Using Masks (css/css) | | 99 |
css, borders, decoration, masking |
Here’s What I Didn’t Know About “:where()” (mat) | | 98 |
css, selectors |
Foundations: Text Descriptions (tet) | | 97 |
accessibility, fundamentals, writing |
The Risks and Rewards of App Modernization (uxm) | | 96 |
maintenance, modernization, quality |
Monorepo Explained | | 95 |
websites, monorepos |
Best Practices for Creating Your UX Design Portfolio (uxm) | | 94 |
user-experience, design, career, best-practices |
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack | | 93 |
videos, introductions, tutorials, esbuild, bundling, webpack, comparisons |
Why Don’t Developers Take Accessibility Seriously? (a11/css) | | 92 |
accessibility |
An Introduction to CSS Cascade Layers (5t3/sma) | | 91 |
introductions, css, cascade |
Drift: Why Your Design System Isn’t Working (uxd) | | 90 |
design-systems, design-debt |
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv) | | 89 |
html, semantics, accessibility |
Context-Aware Web Components Are Easier Than You Think (css) | | 88 |
web-components, html, javascript |
Deploying Web Applications With GitHub Actions | | 87 |
deploying, web-apps, github-actions, github |
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe) | | 86 |
javascript, strings |
Technology Time-Outs (uxd) | | 85 |
processes, productivity |
How to Check What Item Is in Focus When Accessibility Testing | | 84 |
how-tos, accessibility, testing, focus |