Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Element Diversity (mat)631
html
Interactive Learning Tools for Front-End Developers (lou/sma)630
learning
The Effect of CSS on Screen Readers629
css, accessibility, screen-readers
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)628
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Threats of Using Regular Expressions in JavaScript627
javascript, regex
Getting Started With Web Accessibility Testing626
accessibility, testing, introductions
Best Practices for Logging in Node.js (app)625
nodejs, logging, best-practices
CSS Dangling Characters (dfk)624
css
It Takes a PhD to Develop That623
career, quality, complexity
timefind622
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained621
html, css, twitter+x
Building a Split-Button Component (arg)620
components, html, css, javascript
Web Scraping With JavaScript and Node.js619
javascript, nodejs, scraping
Building a Stepper Component (sha)618
components, html, css
Color and Contrast, What Does It Mean? (eri)617
accessibility, colors, contrast
State Management in Next.js (ati/sma)616
state-management, nextjs
9.5 Ways Google Rewrites Your Title Tags (moz)615
seo, google
Why You Should Manage Your Energy, Not Your Time614
career, productivity
Writing High-Performance JavaScript (cfe)613
javascript, performance
Building Reactive Systems With Node.js612
nodejs, reactivity
Using SVG With Media Queries (web)611
svg, css, media-queries
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)610
history, servers, apache, microsoft, iis
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities609
accessibility, wcag
Rethinking User Personas608
usability, user-experience, personas
Shifting Accessibility Testing to the Left607
accessibility, design, usability
7 Practices to Create Good JavaScript Variables606
javascript, variables
Exploring the CSS Paint API: Blob Animation (css/css)605
css, apis, animations
HTML Cheatsheet604
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)603
career
What Are the Web Performance Metrics That Actually Matter? (cfe)602
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why601
typography, fonts
Common npm Mistakes Every Developer Should Avoid600
npm, mistakes
Remove Unnecessary Files in node_modules599
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev598
github
Essential Concepts in JS597
javascript, concepts
7 Useful CSS Cheat Sheets to Improve Your Skills596
css, cheat-sheets
Creating a Positive Culture Around Accessibility595
accessibility, culture
5 Tools to Automate Your Development594
tooling, automation, productivity
Compound Components in React (sma)593
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)592
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)591
css, cssom
Named and Framed (ste)590
accessibility, html
Small Wins for Accessibility and Resilience589
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)588
design, links
How to Use “Promise.any()”587
how-tos, javascript, promises
Getting Started With CSS Animations586
css, animations, introductions
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS585
design, css, overflow
jsc: My New Best Friend584
javascript, tooling
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense583
how-tos, css, flexbox, grids, layout, comparisons
8 Fundamental Principles of Effective Web Design582
principles
How to Automate Documentation Workflow for Developers (sma)581
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)580
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)579
google, search, seo
React JS—the Confusing Parts578
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)577
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions576
javascript, functions, comparisons
An Introduction to Semantic Versioning575
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)574
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)573
interviews, user-experience, design, okr, strategies, processes
5 Ways to Undo Mistakes With Git572
git, command-line, mistakes
6 CSS Shorthand Properties to Improve Your Web Application571
css, shorthands, optimization
How I Experience Web Today570
websites, web
Using the Platform569
web-platform
Design Thinking: Study Guide (nng)568
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules567
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)566
accessibility
How to Calculate REMs From Pixels565
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me564
writing, blogging
What’s on the Menu?563
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships562
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website561
how-tos, aws, s3, ssl
Web Accessibility Checklist560
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It559
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)558
javascript
Top 9 Lessons Learned in 12 Years as a Software Developer (the)557
lessons, career
Building the Same App 5 Times556
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)555
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)554
release-notes, safari, apple, browsers
Level Up Your CSS Linting Using Stylelint (log)553
css, consistency, linting, stylelint
Using CSS Module Scripts to Import Stylesheets552
css, javascript, modules
What’s New in Bootstrap 5551
frameworks, bootstrap
ARIA Spec for the Uninitiated (ger/deq)550
html, accessibility, aria
State Management in Svelte Applications549
state-management, svelte
Measuring Developer Relations (swy)548
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)547
javascript, promises, asynchronicity
Understanding Generics in TypeScript546
typescript, generics
CSS Grid Tooling in DevTools545
dev-tools, css, grids, layout, browsers, google, chrome
Does Shadow DOM Improve Style Performance? (nol)544
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)543
css, math, functions
You Don’t Know “useEffect”542
react, hooks
Reviewing a Design for Accessibility541
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)540
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis539
algorithms, performance
The Problem of SSR Frameworks (ant)538
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)537
images, avif, deep-dives
Breaking the Web Forward (ppk)536
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business535
videos, tutorials, ghost, blogging, monetization
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)534
comparisons, tooling, tech-stacks, jamstack
Logging in Unit Tests, a Bad Practice (yeg)533
logging, testing
How to Test for Accessibility With Users at Every Design Stage532
how-tos, accessibility, testing
CSS “accent-color” (arg)531
css, forms
Accessible Design Systems: Look Good While Doing Good530
design-systems, accessibility
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)529
css, animations
The State of Mobile First and Desktop First (sha)528
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance527
vuejs, client-side-rendering, performance, optimization
The Complete Guide to HTML Forms and Constraint Validation (cra)526
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript525
javascript, promises, comparisons
Accessible Contrast Ratios and A-Levels Explained524
accessibility, colors, contrast
Principles by Design523
design, principles
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)522
css, apis, images, effects
Google vs. the Web (cfe)521
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)520
http, protocols, concepts
The World of CSS Transforms (jos)519
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know518
videos, css
JavaScript Development: Making a Web Worker Optional517
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools516
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer515
career, writing
Uploading Multiple Files With Fetch514
javascript, file-handling, data-fetching
Next-Level List Bullets With CSS “::marker”513
lists, css, selectors
Pixelart and the “image-rendering” Paradox512
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)511
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)510
history
Browsers and Representation (jim)509
browsers
Modular Code With Nunjucks and Eleventy (jer)508
nunjucks, eleventy, examples
On the “<dl>” (ben)507
html, lists
Creating a WordPress Child Theme: Is It Really Necessary in 2021?506
wordpress, themes
Sustainable Web Design, an Excerpt (ali)505
sustainability
Why Are We Talking So Much About Design Leadership?504
design, leadership
A Guide to Accessible Digital UX Design503
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design502
usability, testing, dei
Visualizing a Codebase501
tooling, developer-experience, visualization
Accessibility Testing With Storybook (sto)500
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)499
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)498
react
Refresher on JavaScript Callbacks and Promises (ato)497
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)496
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)495
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)494
accessibility, overlays
A Deep Dive on Skipping to Content (css)493
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)492
how-tos, javascript, user-experience, resilience
npm Security Best Practices (owa)491
npm, security, best-practices
Using localStorage With React Hooks (log)490
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)489
accessibility, myths
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)488
github, ci-cd
What Devs Need487
websites, tooling, link-lists
How to Use “Promise.allSettled()”486
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol485
introductions, protocols, tcp
Balancing UX Design and Conversion-Rate Optimization (uxm)484
user-experience, design, user-conversion, optimization
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)483
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)482
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide481
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)480
surveys, css, scrolling
Mitigating User Errors (uxm)479
user-experience, errors
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score478
performance, nextjs, lighthouse, google, case-studies
Why It’s Okay for Web Components to Use Frameworks (nol)477
frameworks, web-components
101 Digital Accessibility Tips and Tricks476
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better475
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer474
dev-tools, accessibility, source-order, debugging, browsers, google, chrome
How to Stay Focused as a Self-Taught Frontend Web Developer473
how-tos, career, learning, productivity
There Is No Such Thing as a CSS Absolute Unit (sma)472
css, units
Best Practices for Tags and Tag Managers471
tag-management, web-vitals, best-practices
Optimizing Your Own Performance as a Designer470
design, career
5 Git Tips to Level Up Your Workflow469
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends468
css, architecture, performance, micro-frontends
Creating an Accessible Dialog From Scratch (kit/sma)467
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)466
performance, webpagetest
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)465
css
Architecting and Scaffolding a TypeScript and Express API464
typescript, express, apis
How to Hand Off Accessible Designs to Developers?463
how-tos, accessibility, processes
Safari Isn’t Protecting the Web, It’s Killing It (pim)462
browsers, apple, safari, web
CSS Logical Properties and Values (oll/css)461
css, logical-properties
Global vs. Local Styling in Next.js (sma)460
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)459
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)458
design, layout, grids
A Beginner’s Guide to Lighthouse457
guides, lighthouse, google, performance, web-vitals
When You Cannot Run Away From Using Tables on Mobile456
layout, user-experience, tables, mobile
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks455
tutorials, guides, webhooks
Accessible Design From the Get-Go (rom/evi)454
accessibility
Getting Started With React “useContext” Hook and React Context453
react, hooks, introductions
Overview of the RenderingNG Architecture (chr)452
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)451
accessibility, user-experience, principles
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender450
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)449
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics448
sem, concepts
12 Python Tips and Tricks You Must Know447
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)446
css, layout
Complete Introduction to CSS Flexbox445
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)444
react
5 UI Tips to Become a Better Front-End Developer443
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)442
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility441
accessibility
Accessibility Strategy for Product Management (tpg)440
accessibility, strategies, product-management
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)439
how-tos, performance, rendering
Using Google Drive as a CMS (css)438
content-management, google
The Vanishing Designer437
design, career
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages436
accessibility
Definition of Done vs. Acceptance Criteria435
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism434
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)433
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work432
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)431
avif, images, cloudinary
Custom Properties and “@property” (ppk)430
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders429
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)428
how-tos, migrating, wordpress, headless, content-management
The Accessibility Stalemate (cod)427
accessibility
From a Colourblind Designer to the World: Please Stop Using Red and Green Together426
accessibility, colors
6 Useful Frontend Techniques That You May Not Know About425
html, css, javascript, techniques
Journey of a Web Page—How Browsers Work424
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)423
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)422
css, animations
The Future of UX Design (uxm)421
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers420
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)419
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)418
introductions, web-components, javascript, dom
Principle of Closure in Visual Design (nng)417
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)416
accessibility, user-experience, legal
Designing for Information Density415
design
Accessibility of the “Section” Element (sco)414
accessibility, html
Magento Tips and Tricks413
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”412
google, lessons
The State of Developer Ecosystem 2021 (jet)411
surveys, metrics
Designing for the Unexpected (ali)410
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated409
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)408
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)407
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)406
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)405
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)404
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)403
accessibility, automation
Content Accessibility Fact Sheet402
content, accessibility
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)401
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know400
http, protocols
I’m Changing How I Review Code399
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)398
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)397
css, flexbox, alignment
An Unreasonably Long Introduction to ARIA (With Example Implementation)396
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)395
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions394
angular
The Most Important Lessons I’ve Learned From Senior Software Engineers393
lessons, career
Detecting Media Query Support in CSS and JavaScript (kil)392
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)391
how-tos, migrating, jquery, nextjs
Gridless Design (don)390
websites, design, layout
Refactoring CSS: Introduction (cod/sma)389
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started388
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility387
accessibility, writing
15 HTML5 Best Practices for Beginners to Master386
html, best-practices
Freelance React Developer Checklist (rwi)385
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)384
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp383
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)382
accessibility
The Document Outline (mat/mat)381
html, headings, accessibility
Creating Accessible CSS Art (alv)380
css, accessibility, art
Milligram CSS379
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed378
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)377
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained376
colors, color-palettes, frameworks
ARIA in HTML (sco)375
accessibility, aria, html
Five Ways to Include D/Deaf Users in Your Designs (tpg)374
accessibility, design
TypeScript and Native ESM on Node.js (rau)373
typescript, esm, nodejs
Bootstrap 5 Print Stylesheet (chr)372
bootstrap, print, css
The Dilemma of Naming Font Size Variables (css)371
css, preprocessors, custom-properties
How Does Node.js Load Its Built-In/Native Modules? (joy)370
javascript, nodejs, modules
Build a Website With React and Tailwind CSS369
react, tailwind
How to Use “Promise.all()”368
how-tos, javascript, promises
A Quick Introduction to Handlebars367
introductions, handlebars
Accessibility and Inclusivity: Distinctions in Experience Design366
accessibility, dei, user-experience
The Anatomy of a Web Page: 14 Basic Elements365
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
Using HSL Colors in CSS (sha/sma)364
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest363
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)362
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design361
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)360
javascript
Acronyms in Web Development (fla)359
terminology
Short Note on Skip Links With Sticky Headers358
accessibility, skip-links, css
Evaluating Color and Contrast—How Hard Can It Be? (web)357
accessibility, colors, contrast
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)356
testing, quality
Towards Richer Colors on the Web355
design, colors
What Do HTML Elements Sound Like? (rik)354
html, screen-readers, voiceover, accessibility
Accessibility and SEO353
accessibility, seo, html
Colorblind Accessibility Manifesto352
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)351
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)350
javascript, web-workers
When a Click Is Not Just a Click (css)349
javascript
Detecting Hover-Capable Devices (mic)348
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career347
career, mistakes
10 Figma Best Practices to 10× Your Workflow346
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview345
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End344
react, components, case-studies
The Internet Is Rotting (zit/the)343
link-rot, web
Use the “i” Element, and Use It Appropriately (j9t)342
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer341
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js340
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)339
amp, web-vitals, google
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)338
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)337
javascript, frameworks, performance, web-vitals
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals336
css, frameworks, fundamentals, quality
Screen Readers: Hearing the Unseen335
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS (fas)334
design, strategies
I Regret Being a Hipster in Tech333
career
My Journey From a Novice to a Front-End Engineer332
career
Creating a Multi-Author Blog With Next.js (dom/sma)331
nextjs, blogging
All You Need Is 5 Fonts330
design, typography, fonts
Using CSS to Enforce Accessibility (aar)329
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)328
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)327
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)326
videos, css, container-queries
Debugging JavaScript and Front-End325
videos, javascript, debugging
Accessibility in React324
accessibility, react
React Architecture: How to Structure and Organize a React Application323
how-tos, react, architecture
Making the Web—Faster322
web, performance, developer-experience, principles
The True Cost of a Redesign321
redesigning, economics
Beyond Basic Alt Text—Charts, Maps, and Diagrams320
accessibility, alt-text, images, information-design
No Code Reviews by Default319
code-reviews
Custom Scrollbars in CSS (sha)318
css
Demystifying Styled Components (jos)317
css, javascript, components
Sorting Colors in JavaScript316
javascript, sorting, colors
RenderingNG (chr)315
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images314
open-graph, images
Craft Good Questions for Usability Tests313
usability, testing
What Is QUIC Protocol: Everything That You Should Know312
protocols, quic
What’s New in ES2021311
javascript, ecmascript, standards
How to Use Dynamic Imports in JavaScript310
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)309
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches308
redux, state-management, testing, history
Keeping It Consistent: Design Tokens307
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design306
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)305
maintenance
Client-Side Routing in Next.js (sma)304
nextjs, routing
OMG, SVG Favicons FTW!303
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)302
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)301
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)300
standards, multimedia, apis
How Apple Changed the Way We Navigate—Forever299
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)298
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)297
guides, accessibility, tooling
NPM Global Audit296
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)295
career
Everyday Accessibility294
accessibility
Dart Basics293
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities292
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)291
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)290
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console289
regex, seo, google
Adding Shadows to SVG Icons With CSS and SVG Filters (css)288
css, svg, images, icons, shadows, filters, effects
How to Center Anything in CSS Using Flexbox and Grid (fre)287
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)286
html, images, performance
React Cheat Sheet (Updated June 2021)285
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)284
performance, images
The Art of Frontend Engineering283
career
Let’s Learn About Aspect Ratio in CSS (sha)282
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples281
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)280
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)279
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)278
css, selectors
The Simplicity of Svelte277
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)276
alpinejs, tips-and-tricks
Why Validate? (j9t)275
html, css, quality, conformance, craft
Building a Color Scheme (arg)274
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States273
design, usability
What Is Prisma and Why Do We Need Another ORM? (nea)272
databases, tooling, orm, prisma
Ready-Made Counter Styles (ri/w3c)271
css, localization, counters
10 Postman Features Everyone Should Know (get)270
postman
Component-Specific Design Tokens (clo)269
components, design-tokens
Reasons Why Bugs Might Feel “Impossible”268
debugging, quality, bugs
Towards a Common Vision for Browser Extensions267
browsers, browser-extensions
Improving the UX of Your Design System266
design-systems, user-experience, optimization
Accessible Overflow265
accessibility, html, css, overflow
An Accessibility Strategy264
accessibility, strategies
The Dark Side of Notepad++ : v8263
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison262
frameworks, vuejs, react, comparisons
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)261
performance
Using AVIF to Compress Images on Your Site260
performance, images, avif, compression
A Comprehensive Guide to Vue Slots259
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG258
interviews, whatwg
10 Utility Functions for Working With Objects in JavaScript257
javascript, functions, objects
A Little Book of Accessibility (gar)256
accessibility
JavaScript: Debouncing and Throttling255
javascript, debouncing, throttling
CSS System Colors (jim)254
css, colors
How to Redirect HTTP to HTTPS (sem)253
how-tos, redirecting, http, tls, wordpress, nginx, iis, microsoft, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)252
vuejs, state-management
Best Practices for Fonts (tun)251
fonts, best-practices, performance
Getting Started With a Kanban Board: 6 Tips for Productive Work250
introductions, kanban, agile, tips-and-tricks, productivity
Open Source Insights249
websites, foss, dependencies, security, licensing
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)248
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)247
css
CSS for Web Vitals (una)246
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)245
release-notes, firefox, mozilla, browsers
Thoughts for the Aging Web Developer (j9t)244
career
Embracing Design Constraints (aar)243
design
The Hidden World of “aria-hidden” (ste)242
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)241
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)240
tooling, search, performance
Disabling a Link (sco)239
links, css, accessibility
Geolocation API (mar/w3c)238
geolocation, apis, standards
How to Build an Image Comparison Slider237
how-tos, sliders, react, images
What Makes a Great Component Library?236
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)235
accessibility, svg, images, screen-readers
A Thorough Analysis of CSS-in-JS (css)234
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today233
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
A Beginner’s Guide to Vue 3232
guides, vuejs
Accessible Web Forms231
videos, accessibility, forms
Writing Better Regular Expressions in PHP230
php, regex, readability
25 Years of CSS (mey)229
css, history
Your Design System Is Actually a Product—Treat It Like One228
design-systems
Access Guide227
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)226
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)225
eleventy, time, hiding
The Curb-Cut Effect (ske)224
accessibility
Svelte for the Experienced React Dev (ada/css)223
react, svelte
A11y Audit Bookmarklets (llo)222
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)221
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice220
career, training, professionalism
Don’t Overabstract Your Components219
html, javascript, components
Useful and Useless Code Comments (jim)218
developer-experience, comments
Approaches to Undo and Redo (mca)217
undo-redo, functionality, javascript
The New Responsive: Web Design in a Component-Driven World (una)216
responsive-design, css, components
Dark Patterns Tip Line215
websites, dark-patterns, user-experience
How to Name Your Design System214
how-tos, design-systems, naming
WebGPU (kai/w3c)213
webgpu, standards
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)212
html, css, conformance, metrics, quality, craft
Learn CSS (bel)211
courses, css
FTP: Fifty Years and Millions of FTP Servers Worldwide210
ftp, standards, history, servers, tooling
We Need to Talk About WCAG (ria)209
accessibility, wcag
The Button Cheat Sheet (mat)208
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)207
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components206
css, container-queries, web-components
Create Scripts in JavaScript With zx205
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)204
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)203
css, selectors, igalia
JPEG XL202
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)201
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)200
guides, css, grids, layout
Making Disabled Buttons More Inclusive (san/css)199
css, accessibility
Video SEO Best Practices for Ecommerce198
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale197
react, design-systems
A Primer on CSS Container Queries (5t3/sma)196
introductions, css, container-queries
Introduction to Using Dart in Flutter (log)195
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js194
zx, nodejs
Rethinking Component Libraries193
components
Everything You Need to Know About A/B Testing192
metrics, a-b-testing, optimization
Web Application Development: The Ultimate Guide (2021)191
guides, web-apps
Introduction to HTTP Cookies190
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap189
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse188
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)187
css, vendor-extensions
Reducing HTML Payload With Next.js (Case Study) (sma)186
nextjs, html, performance, case-studies
Overreliance on Overlays Is Counter to Enculturation of Accessibility185
accessibility, overlays
Checking “Under the Hood” of Code (jay)184
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)183
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)182
design, career
The Evolution of Jamstack (bii/sma)181
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)180
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates179
dependencies, maintenance, automation, depfu
Immersive Content Strategy (ali)178
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs177
design-systems, components, apis
Better Onboarding: How to Prevent Codebase Overwhelm176
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)175
videos, components, responsive-design, breakpoints
A Complete Guide to Custom Properties (chr/css)174
guides, css, custom-properties, examples
Understanding the New Reactivity System in Vue 3173
vuejs, reactivity
Level Up Your Team Workflows With These Kanban Board Best Practices172
agile, kanban, best-practices
Goodnight Polymer Project171
web-components, polymer, lit
Find Unused npm Dependencies170
packages, dependencies
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)169
browsers, edge, microsoft, epic, chromium
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit168
css, custom-properties, browsers, browser-engines, webkit
Cache Busting in Eleventy (bni)167
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)166
guides, css, selectors, support
21 Best Practices for a Clean React Project165
best-practices, quality, react
Do You Need to Localize Your Website? (ali)164
content, localization, strategies
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling163
career
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)162
guides, incremental-static-regeneration, nextjs
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)161
interviews, career
An Introduction to Performance Budgets160
introductions, performance, performance-budgets, metrics
Intrinsic Typography Is the Future of Styling Text on the Web (css)159
typography, css
Making GraphQL Work in WordPress (sma)158
wordpress, graphql
The Lazy-Loading Property Pattern in JavaScript (nza)157
javascript, software-design-patterns, lazy-loading, performance
How Artificial Intelligence Is Impacting UX Design (uxm)156
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)155
overviews, building, tooling, vite
Five Reasons Your First Design System Will Fail154
design-systems
CSS Hell153
websites, css
Content-Aware Image Resizing in JavaScript152
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction151
introductions, dev-ops
A Beginner’s Guide to Load Balancing (osd)150
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)149
php, retrospectives
Overflow Issues in CSS (sha/sma)148
css, overflow, scrolling, flexbox, grids, layout
Fifteen Design Trends From an Accessibility Perspective147
accessibility, design, trends
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)146
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared145
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Variable Scope, Lexical Scope, and Code Blocks in JavaScript144
javascript, scope
Web Developer’s Guide to AVIF Images143
guides, images, avif
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know142
accessibility, wcag
Understanding Logical Focus Order141
accessibility, focus, html
9 Principles of Good Web Design140
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)139
videos, css
Comparing the New Generation of Build Tools (css)138
tooling, building, bundling, comparisons
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)137
webauthn, authentication, apis, standards
My Tips for Using IntelliJ IDEA Effectively (das)136
intellij-idea, jetbrains, code-editors, tips-and-tricks, keyboard-shortcuts
Write a Plugin for Tailwind CSS135
tailwind, plugins
Sticky Headers: 5 Ways to Make Them Better (nng)134
navigation, design, optimization
How Modernizr Can Help You Implement CSS Fallbacks (kar/spe)133
modernizr, css
Getting Started With Preact132
introductions, preact