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 respect and accountability. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Make Accessibility Part of Your Startup’s Products and Culture From Day One634
accessibility, culture
Element Diversity (mat)633
html
Interactive Learning Tools for Front-End Developers (lou/sma)632
learning
The Effect of CSS on Screen Readers631
css, accessibility, screen-readers
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)630
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Threats of Using Regular Expressions in JavaScript629
javascript, regex
Getting Started With Web Accessibility Testing628
accessibility, testing, introductions
Best Practices for Logging in Node.js (app)627
nodejs, logging, best-practices
CSS Dangling Characters (dfk)626
css
It Takes a PhD to Develop That625
career, quality, complexity
timefind624
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained623
html, css, twitter+x
Building a Split-Button Component (arg)622
components, html, css, javascript
Web Scraping With JavaScript and Node.js621
javascript, nodejs, scraping
Building a Stepper Component (sha)620
components, html, css
Color and Contrast, What Does It Mean? (eri)619
accessibility, colors, contrast
State Management in Next.js (ati/sma)618
state-management, nextjs
9.5 Ways Google Rewrites Your Title Tags (moz)617
seo, google
Why You Should Manage Your Energy, Not Your Time616
career, productivity
Writing High-Performance JavaScript (cfe)615
javascript, performance
Building Reactive Systems With Node.js614
nodejs, reactivity
Using SVG With Media Queries (web)613
svg, css, media-queries
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)612
history, servers, apache, microsoft, iis
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities611
accessibility, wcag
Rethinking User Personas610
usability, user-experience, personas
Shifting Accessibility Testing to the Left609
accessibility, design, usability
7 Practices to Create Good JavaScript Variables608
javascript, variables
Exploring the CSS Paint API: Blob Animation (css/css)607
css, apis, animations
HTML Cheatsheet606
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)605
career
What Are the Web Performance Metrics That Actually Matter? (cfe)604
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why603
typography, fonts
Common npm Mistakes Every Developer Should Avoid602
npm, mistakes
Remove Unnecessary Files in node_modules601
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev600
github
Essential Concepts in JS599
javascript, concepts
7 Useful CSS Cheat Sheets to Improve Your Skills598
css, cheat-sheets
Creating a Positive Culture Around Accessibility597
accessibility, culture
5 Tools to Automate Your Development596
tooling, automation, productivity
Compound Components in React (sma)595
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)594
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)593
css, cssom
Named and Framed (ste)592
accessibility, html
Small Wins for Accessibility and Resilience591
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)590
design, links
How to Use “Promise.any()”589
how-tos, javascript, promises
Getting Started With CSS Animations588
css, animations, introductions
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS587
design, css, overflow
jsc: My New Best Friend586
javascript, tooling
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense585
how-tos, css, flexbox, grids, layout, comparisons
8 Fundamental Principles of Effective Web Design584
principles
How to Automate Documentation Workflow for Developers (sma)583
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)582
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)581
google, search, seo
React JS—the Confusing Parts580
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)579
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions578
javascript, functions, comparisons
An Introduction to Semantic Versioning577
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)576
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)575
interviews, user-experience, design, okr, strategies, processes
5 Ways to Undo Mistakes With Git574
git, command-line, mistakes
6 CSS Shorthand Properties to Improve Your Web Application573
css, shorthands, optimization
How I Experience Web Today572
websites, web
Using the Platform571
web-platform
Design Thinking: Study Guide (nng)570
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules569
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)568
accessibility
How to Calculate REMs From Pixels567
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me566
writing, blogging
What’s on the Menu?565
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships564
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website563
how-tos, aws, s3, ssl
Web Accessibility Checklist562
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It561
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)560
javascript
Top 9 Lessons Learned in 12 Years as a Software Developer (the)559
lessons, career
Building the Same App 5 Times558
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)557
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)556
release-notes, safari, browsers
Level Up Your CSS Linting Using Stylelint (log)555
css, consistency, linting, stylelint
Using CSS Module Scripts to Import Stylesheets554
css, javascript, modules
What’s New in Bootstrap 5553
frameworks, bootstrap
ARIA Spec for the Uninitiated (ger/deq)552
html, accessibility, aria
State Management in Svelte Applications551
state-management, svelte
Measuring Developer Relations (swy)550
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)549
javascript, promises, asynchronicity
Understanding Generics in TypeScript548
typescript, generics
CSS Grid Tooling in DevTools547
dev-tools, css, grids, layout, browsers, chrome
Does Shadow DOM Improve Style Performance? (nol)546
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)545
css, math, functions
You Don’t Know “useEffect”544
react, hooks
Reviewing a Design for Accessibility543
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)542
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis541
algorithms, performance
The Problem of SSR Frameworks (ant)540
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)539
images, avif, deep-dives
Breaking the Web Forward (ppk)538
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business537
videos, tutorials, ghost, blogging, monetization
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)536
comparisons, tooling, tech-stacks, jamstack
Logging in Unit Tests, a Bad Practice (yeg)535
logging, testing
How to Test for Accessibility With Users at Every Design Stage534
how-tos, accessibility, testing
CSS “accent-color” (arg)533
css, forms
Accessible Design Systems: Look Good While Doing Good532
design-systems, accessibility
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)531
css, animations
The State of Mobile First and Desktop First (sha)530
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance529
vuejs, client-side-rendering, performance, optimization
The Complete Guide to HTML Forms and Constraint Validation (cra)528
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript527
javascript, promises, comparisons
Accessible Contrast Ratios and A-Levels Explained526
accessibility, colors, contrast
Principles by Design525
design, principles
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)524
css, apis, images, effects
Google vs. the Web (cfe)523
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)522
http, protocols, concepts
The World of CSS Transforms (jos)521
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know520
videos, css
JavaScript Development: Making a Web Worker Optional519
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools518
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer517
career, writing
Uploading Multiple Files With Fetch516
javascript, file-handling, data-fetching
Next-Level List Bullets With CSS “::marker”515
lists, css, selectors
Pixelart and the “image-rendering” Paradox514
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)513
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)512
history
Browsers and Representation (jim)511
browsers
Modular Code With Nunjucks and Eleventy (jer)510
nunjucks, eleventy, examples
On the “<dl>” (ben)509
html, lists
Creating a WordPress Child Theme: Is It Really Necessary in 2021?508
wordpress, themes
Sustainable Web Design, an Excerpt (ali)507
sustainability
Why Are We Talking So Much About Design Leadership?506
design, leadership
A Guide to Accessible Digital UX Design505
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design504
usability, testing, dei
Visualizing a Codebase503
tooling, developer-experience, visualization
Accessibility Testing With Storybook (sto)502
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)501
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)500
react
Refresher on JavaScript Callbacks and Promises (ato)499
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)498
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)497
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)496
accessibility, overlays
A Deep Dive on Skipping to Content (css)495
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)494
how-tos, javascript, user-experience, resilience
npm Security Best Practices (owa)493
npm, security, best-practices
Using localStorage With React Hooks (log)492
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)491
accessibility, myths
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)490
github, ci-cd
What Devs Need489
websites, tooling, link-lists
How to Use “Promise.allSettled()”488
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol487
introductions, protocols, tcp
Balancing UX Design and Conversion-Rate Optimization (uxm)486
user-experience, design, user-conversion, optimization
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)485
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)484
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide483
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)482
surveys, css, scrolling
Mitigating User Errors (uxm)481
user-experience, errors
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score480
performance, nextjs, lighthouse, case-studies
Why It’s Okay for Web Components to Use Frameworks (nol)479
frameworks, web-components
101 Digital Accessibility Tips and Tricks478
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better477
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer476
dev-tools, accessibility, source-order, debugging, browsers, chrome
How to Stay Focused as a Self-Taught Frontend Web Developer475
how-tos, career, learning, productivity
Best Practices for Tags and Tag Managers474
tag-management, web-vitals, best-practices
Optimizing Your Own Performance as a Designer473
design, career
5 Git Tips to Level Up Your Workflow472
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends471
css, architecture, performance, micro-frontends
There Is No Such Thing as a CSS Absolute Unit (sma)470
css, units
Creating an Accessible Dialog From Scratch (kit/sma)469
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)468
performance, webpagetest
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)467
css
Architecting and Scaffolding a TypeScript and Express API466
typescript, express, apis
How to Hand Off Accessible Designs to Developers?465
how-tos, accessibility, processes
Safari Isn’t Protecting the Web, It’s Killing It (pim)464
browsers, safari, web
CSS Logical Properties and Values (oll/css)463
css, logical-properties
Global vs. Local Styling in Next.js (sma)462
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)461
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)460
design, layout, grids
When You Cannot Run Away From Using Tables on Mobile459
layout, user-experience, tables, mobile
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks458
tutorials, guides, webhooks
A Beginner’s Guide to Lighthouse457
guides, lighthouse, performance, web-vitals
Accessible Design From the Get-Go (rom/evi)456
accessibility
Getting Started With React “useContext” Hook and React Context455
react, hooks, introductions
Overview of the RenderingNG Architecture (chr)454
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)453
accessibility, user-experience, principles
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender452
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)451
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics450
sem, concepts
12 Python Tips and Tricks You Must Know449
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)448
css, layout
Complete Introduction to CSS Flexbox447
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)446
react
5 UI Tips to Become a Better Front-End Developer445
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)444
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility443
accessibility
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)442
how-tos, performance, rendering
Accessibility Strategy for Product Management (slo/tpg)441
accessibility, strategies, product-management
Using Google Drive as a CMS (css)440
content-management, google
The Vanishing Designer439
design, career
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages438
accessibility
Definition of Done vs. Acceptance Criteria437
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism436
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)435
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work434
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)433
avif, images, cloudinary
Custom Properties and “@property” (ppk)432
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders431
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)430
how-tos, migrating, wordpress, headless, content-management
The Accessibility Stalemate (cod)429
accessibility
From a Colourblind Designer to the World: Please Stop Using Red and Green Together428
accessibility, colors
6 Useful Frontend Techniques That You May Not Know About427
html, css, javascript, techniques
Journey of a Web Page—How Browsers Work426
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)425
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)424
css, animations
The Future of UX Design (uxm)423
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers422
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)421
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)420
introductions, web-components, javascript, dom
Principle of Closure in Visual Design (nng)419
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)418
accessibility, user-experience, legal
Designing for Information Density417
design
Accessibility of the “Section” Element (sco)416
accessibility, html
Magento Tips and Tricks415
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”414
google, lessons
The State of Developer Ecosystem 2021 (jet)413
surveys, metrics
Designing for the Unexpected (ali)412
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated411
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)410
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)409
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)408
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)407
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)406
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)405
accessibility, automation
Content Accessibility Fact Sheet404
content, accessibility
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)403
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know402
http, protocols
I’m Changing How I Review Code401
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)400
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)399
css, flexbox, alignment
An Unreasonably Long Introduction to ARIA (With Example Implementation)398
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)397
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions396
angular
The Most Important Lessons I’ve Learned From Senior Software Engineers395
lessons, career
Detecting Media Query Support in CSS and JavaScript (kil)394
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)393
how-tos, migrating, jquery, nextjs
Gridless Design (don)392
websites, design, layout
Refactoring CSS: Introduction (cod/sma)391
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started390
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility389
accessibility, writing
15 HTML5 Best Practices for Beginners to Master388
html, best-practices
Freelance React Developer Checklist (rwi)387
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)386
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp385
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)384
accessibility
The Document Outline (mat/mat)383
html, headings, accessibility
Creating Accessible CSS Art (alv)382
css, accessibility, art
Milligram CSS381
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed380
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)379
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained378
colors, color-palettes, frameworks
ARIA in HTML (sco)377
accessibility, aria, html
Five Ways to Include D/Deaf Users in Your Designs (tpg)376
accessibility, design
TypeScript and Native ESM on Node.js (rau)375
typescript, esm, nodejs
Bootstrap 5 Print Stylesheet (chr)374
bootstrap, print, css
The Dilemma of Naming Font Size Variables (css)373
css, preprocessors, custom-properties
How Does Node.js Load Its Built-In/Native Modules? (joy)372
javascript, nodejs, modules
Build a Website With React and Tailwind CSS371
react, tailwind
How to Use “Promise.all()”370
how-tos, javascript, promises
A Quick Introduction to Handlebars369
introductions, handlebars
Accessibility and Inclusivity: Distinctions in Experience Design368
accessibility, dei, user-experience
The Anatomy of a Web Page: 14 Basic Elements367
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
Using HSL Colors in CSS (sha/sma)366
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest365
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)364
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design363
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)362
javascript
Acronyms in Web Development (fla)361
terminology
Short Note on Skip Links With Sticky Headers360
accessibility, skip-links, css
Evaluating Color and Contrast—How Hard Can It Be? (web)359
accessibility, colors, contrast
Towards Richer Colors on the Web358
design, colors
What Do HTML Elements Sound Like? (rik)357
html, screen-readers, voiceover, accessibility
Accessibility and SEO356
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (lei/sma)355
testing, quality
Colorblind Accessibility Manifesto354
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)353
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)352
javascript, web-workers
When a Click Is Not Just a Click (css)351
javascript
Detecting Hover-Capable Devices (mic)350
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career349
career, mistakes
10 Figma Best Practices to 10× Your Workflow348
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview347
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End346
react, components, case-studies
The Internet Is a Collective Hallucination (zit)345
link-rot, web
Use the “i” Element, and Use It Appropriately (j9t)344
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer343
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js342
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)341
amp, web-vitals, google
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)340
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)339
javascript, frameworks, performance, web-vitals
Screen Readers: Hearing the Unseen338
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS (fas)337
design, strategies
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals336
css, frameworks, fundamentals, quality
I Regret Being a Hipster in Tech335
career
My Journey From a Novice to a Front-End Engineer334
career
Creating a Multi-Author Blog With Next.js (dom/sma)333
nextjs, blogging
All You Need Is 5 Fonts332
design, typography, fonts
Using CSS to Enforce Accessibility (aar)331
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)330
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)329
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)328
videos, css, container-queries
Debugging JavaScript and Front-End327
videos, javascript, debugging
Accessibility in React326
accessibility, react
React Architecture: How to Structure and Organize a React Application325
how-tos, react, architecture
Making the Web—Faster324
web, performance, developer-experience, principles
The True Cost of a Redesign323
redesigning, economics
Beyond Basic Alt Text—Charts, Maps, and Diagrams322
accessibility, alt-text, images, information-design
No Code Reviews by Default321
code-reviews
Custom Scrollbars in CSS (sha)320
css
Demystifying Styled Components (jos)319
css, javascript, components
Sorting Colors in JavaScript318
javascript, sorting, colors
RenderingNG (chr)317
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images316
open-graph, images
Craft Good Questions for Usability Tests315
usability, testing
What Is QUIC Protocol: Everything That You Should Know314
protocols, quic
What’s New in ES2021313
javascript, ecmascript, standards
How to Use Dynamic Imports in JavaScript312
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)311
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches310
redux, state-management, testing, history
Keeping It Consistent: Design Tokens309
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design308
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)307
maintenance
Client-Side Routing in Next.js (sma)306
nextjs, routing
OMG, SVG Favicons FTW!305
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)304
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)303
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)302
standards, multimedia, apis
How Apple Changed the Way We Navigate—Forever301
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)300
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)299
guides, accessibility, tooling
NPM Global Audit298
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)297
career
Everyday Accessibility296
accessibility
Dart Basics295
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities294
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)293
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)292
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console291
regex, seo, google
How to Center Anything in CSS Using Flexbox and Grid (fre)290
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)289
html, images, performance
React Cheat Sheet (Updated June 2021)288
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)287
performance, images
The Art of Frontend Engineering286
career
Adding Shadows to SVG Icons With CSS and SVG Filters (css)285
css, svg, images, icons, shadows, filters, effects
Let’s Learn About Aspect Ratio in CSS (sha)284
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples283
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)282
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)281
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)280
css, selectors
The Simplicity of Svelte279
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)278
alpinejs, tips-and-tricks
Why Validate? (j9t)277
html, css, quality, conformance, craft
Building a Color Scheme (arg)276
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States275
design, usability
What Is Prisma and Why Do We Need Another ORM? (nea)274
databases, tooling, orm, prisma
Ready-Made Counter Styles (ri/w3c)273
css, localization, counters
10 Postman Features Everyone Should Know (get)272
postman
Component-Specific Design Tokens (clo)271
components, design-tokens
Reasons Why Bugs Might Feel “Impossible”270
debugging, quality, bugs
Towards a Common Vision for Browser Extensions269
browsers, browser-extensions
Improving the UX of Your Design System268
design-systems, user-experience, optimization
Accessible Overflow267
accessibility, html, css, overflow
An Accessibility Strategy266
accessibility, strategies
The Dark Side of Notepad++ : v8265
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison264
frameworks, vuejs, react, comparisons
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)263
performance
Using AVIF to Compress Images on Your Site262
performance, images, avif, compression
A Comprehensive Guide to Vue Slots261
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG260
interviews, whatwg
10 Utility Functions for Working With Objects in JavaScript259
javascript, functions, objects
A Little Book of Accessibility (gar)258
accessibility
JavaScript: Debouncing and Throttling257
javascript, debouncing, throttling
CSS System Colors (jim)256
css, colors
Managing Shared State in Vue 3 (wil/sma)255
vuejs, state-management
Best Practices for Fonts (tun)254
fonts, best-practices, performance
Getting Started With a Kanban Board: 6 Tips for Productive Work253
introductions, kanban, agile, tips-and-tricks, productivity
Open Source Insights252
websites, foss, dependencies, security, licensing
How to Redirect HTTP to HTTPS (sem)251
how-tos, redirecting, http, tls, wordpress, nginx, iis, apache, servers, seo
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)250
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)249
css
CSS for Web Vitals (una)248
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)247
release-notes, firefox, browsers
Thoughts for the Aging Web Developer (j9t)246
career
Embracing Design Constraints (aar)245
design
The Hidden World of “aria-hidden” (ste)244
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)243
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)242
tooling, search, performance
Disabling a Link (sco)241
links, css, accessibility
Geolocation API (mar/w3c)240
geolocation, apis, standards
How to Build an Image Comparison Slider239
how-tos, sliders, react, images
What Makes a Great Component Library?238
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)237
accessibility, svg, images, screen-readers
A Thorough Analysis of CSS-in-JS (css)236
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today235
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
A Beginner’s Guide to Vue 3234
guides, vuejs
Accessible Web Forms233
videos, accessibility, forms
Writing Better Regular Expressions in PHP232
php, regex, readability
25 Years of CSS (mey)231
css, history
Your Design System Is Actually a Product—Treat It Like One230
design-systems
Access Guide229
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)228
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)227
eleventy, time, hiding
The Curb-Cut Effect (ske)226
accessibility
Svelte for the Experienced React Dev (ada/css)225
react, svelte
A11y Audit Bookmarklets (llo)224
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)223
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice222
career, training, professionalism
Don’t Overabstract Your Components221
html, javascript, components
Useful and Useless Code Comments (jim)220
developer-experience, comments
Approaches to Undo and Redo (mca)219
undo-redo, functionality, javascript
The New Responsive: Web Design in a Component-Driven World (una)218
responsive-design, css, components
Dark Patterns Tip Line217
websites, dark-patterns, user-experience
How to Name Your Design System216
how-tos, design-systems, naming
WebGPU (kai/w3c)215
webgpu, standards
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)214
html, css, conformance, metrics, quality, craft
Learn CSS (bel)213
courses, css
FTP: Fifty Years and Millions of FTP Servers Worldwide212
ftp, standards, history, servers, tooling
We Need to Talk About WCAG (ria)211
accessibility, wcag
The Button Cheat Sheet (mat)210
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)209
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components208
css, container-queries, web-components
Create Scripts in JavaScript With zx207
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)206
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)205
css, selectors, igalia
JPEG XL204
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)203
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)202
guides, css, grids, layout
Making Disabled Buttons More Inclusive (san/css)201
css, accessibility
Video SEO Best Practices for Ecommerce200
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale199
react, design-systems
A Primer on CSS Container Queries (5t3/sma)198
introductions, css, container-queries
Introduction to Using Dart in Flutter (log)197
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js196
zx, nodejs
Rethinking Component Libraries195
components
Everything You Need to Know About A/B Testing194
metrics, a-b-testing, optimization
Web Application Development: The Ultimate Guide (2021)193
guides, web-apps
Introduction to HTTP Cookies192
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap191
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse190
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)189
css, vendor-extensions
Reducing HTML Payload With Next.js (Case Study) (sma)188
nextjs, html, performance, case-studies
Overreliance on Overlays Is Counter to Enculturation of Accessibility187
accessibility, overlays
Checking “Under the Hood” of Code (jay)186
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)185
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)184
design, career
The Evolution of Jamstack (bii/sma)183
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)182
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates181
dependencies, maintenance, automation, depfu
Immersive Content Strategy (ali)180
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs179
design-systems, components, apis
Better Onboarding: How to Prevent Codebase Overwhelm178
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)177
videos, components, responsive-design, breakpoints
A Complete Guide to Custom Properties (chr/css)176
guides, css, custom-properties, examples
Understanding the New Reactivity System in Vue 3175
vuejs, reactivity
Level Up Your Team Workflows With These Kanban Board Best Practices174
agile, kanban, best-practices
Goodnight Polymer Project173
web-components, polymer, lit
Find Unused npm Dependencies172
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit171
css, custom-properties, browsers, browser-engines, webkit
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)170
browsers, edge, epic, chromium
Cache Busting in Eleventy (bni)169
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)168
guides, css, selectors, support
21 Best Practices for a Clean React Project167
best-practices, quality, react
Do You Need to Localize Your Website? (ali)166
content, localization, strategies
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling165
career
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)164
interviews, career
An Introduction to Performance Budgets163
introductions, performance, performance-budgets, metrics
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)162
guides, incremental-static-regeneration, nextjs
Intrinsic Typography Is the Future of Styling Text on the Web (css)161
typography, css
The Lazy-Loading Property Pattern in JavaScript (nza)160
javascript, software-design-patterns, lazy-loading, performance
Making GraphQL Work in WordPress (sma)159
wordpress, graphql
How Artificial Intelligence Is Impacting UX Design (uxm)158
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)157
overviews, building, tooling, vite
Five Reasons Your First Design System Will Fail156
design-systems
Content-Aware Image Resizing in JavaScript155
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction154
introductions, dev-ops
CSS Hell153
websites, css
A Beginner’s Guide to Load Balancing (osd)152
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)151
php, retrospectives
Overflow Issues in CSS (sha/sma)150
css, overflow, scrolling, flexbox, grids, layout
Fifteen Design Trends From an Accessibility Perspective149
accessibility, design, trends
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)148
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared147
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Variable Scope, Lexical Scope, and Code Blocks in JavaScript146
javascript, scope
Web Developer’s Guide to AVIF Images145
guides, images, avif
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know144
accessibility, wcag
Understanding Logical Focus Order143
accessibility, focus, html
9 Principles of Good Web Design142
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)141
videos, css
Comparing the New Generation of Build Tools (css)140
tooling, building, bundling, comparisons
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)139
webauthn, authentication, apis, standards
Write a Plugin for Tailwind CSS138
tailwind, plugins
My Tips for Using IntelliJ IDEA Effectively (das)137
intellij-idea, code-editors, tips-and-tricks, keyboard-shortcuts
Sticky Headers: 5 Ways to Make Them Better (nng)136
navigation, design, optimization
How Modernizr Can Help You Implement CSS Fallbacks (kar/spe)135
modernizr, css