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 and included. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Element Diversity (mat)630
html
Getting Started With Web Accessibility Testing629
accessibility, testing, introductions
Interactive Learning Tools for Front-End Developers (lou/sma)628
learning
The Effect of CSS on Screen Readers627
css, accessibility, screen-readers
Threats of Using Regular Expressions in JavaScript626
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)625
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Best Practices for Logging in Node.js (app)624
nodejs, logging, best-practices
CSS Dangling Characters (dfk)623
css
It Takes a PhD to Develop That622
career, quality, complexity
timefind621
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained620
html, css, twitter+x
Web Scraping With JavaScript and Node.js619
javascript, nodejs, scraping
Building a Split-Button Component (arg)618
components, html, css, javascript
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)617
history, servers, apache, microsoft, iis
Building a Stepper Component (sha)616
components, html, css
Color and Contrast, What Does It Mean? (eri)615
accessibility, colors, contrast
Rethinking User Personas614
usability, user-experience, personas
Shifting Accessibility Testing to the Left613
accessibility, design, usability
State Management in Next.js (ati/sma)612
state-management, nextjs
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities611
accessibility, wcag
9.5 Ways Google Rewrites Your Title Tags (moz)610
seo, google
Why You Should Manage Your Energy, Not Your Time609
career, productivity
Writing High-Performance JavaScript (cfe)608
javascript, performance
Building Reactive Systems With Node.js607
nodejs, reactivity
Using SVG With Media Queries (web)606
svg, css, media-queries
7 Practices to Create Good JavaScript Variables605
javascript, variables
Common npm Mistakes Every Developer Should Avoid604
npm, mistakes
Exploring the CSS Paint API: Blob Animation (css/css)603
css, apis, animations
HTML Cheatsheet602
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)601
career
What Are the Web Performance Metrics That Actually Matter? (cfe)600
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why599
typography, fonts
Remove Unnecessary Files in node_modules598
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev597
github
Essential Concepts in JS596
javascript, concepts
7 Useful CSS Cheat Sheets to Improve Your Skills595
css, cheat-sheets
Creating a Positive Culture Around Accessibility594
accessibility, culture
5 Tools to Automate Your Development593
tooling, automation, productivity
Compound Components in React (sma)592
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)591
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)590
css, cssom
Getting Started With CSS Animations589
css, animations, introductions
Named and Framed (ste)588
accessibility, html
Small Wins for Accessibility and Resilience587
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)586
design, links
How to Use “Promise.any()”585
how-tos, javascript, promises
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS584
design, css, overflow
jsc: My New Best Friend583
javascript, tooling
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense582
how-tos, css, flexbox, grids, layout, comparisons
8 Fundamental Principles of Effective Web Design581
principles
How to Automate Documentation Workflow for Developers (sma)580
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)579
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)578
google, search, seo
React JS—the Confusing Parts577
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)576
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions575
javascript, functions, comparisons
An Introduction to Semantic Versioning574
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)573
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)572
interviews, user-experience, design, okr, strategies, processes
5 Ways to Undo Mistakes With Git571
git, command-line, mistakes
6 CSS Shorthand Properties to Improve Your Web Application570
css, shorthands, optimization
How I Experience Web Today569
websites, web
Using the Platform568
web-platform
Design Thinking: Study Guide (nng)567
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules566
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)565
accessibility
How to Calculate REMs From Pixels564
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me563
writing, blogging
What’s on the Menu?562
vuejs, accessibility
How to Set Up an AWS S3 Static SSL Website561
how-tos, aws, s3, ssl
UI Cheat Sheet: Spacing Friendships560
design, spacing, cheat-sheets
Top 9 Lessons Learned in 12 Years as a Software Developer559
lessons, career
Web Accessibility Checklist558
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It557
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)556
javascript
Building the Same App 5 Times555
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)554
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)553
release-notes, safari, apple, browsers
Level Up Your CSS Linting Using Stylelint (log)552
css, consistency, linting, stylelint
State Management in Svelte Applications551
state-management, svelte
Using CSS Module Scripts to Import Stylesheets550
css, javascript, modules
What’s New in Bootstrap 5549
frameworks, bootstrap
ARIA Spec for the Uninitiated (ger/deq)548
html, accessibility, aria
Measuring Developer Relations (swy)547
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)546
javascript, promises, asynchronicity
Understanding Generics in TypeScript545
typescript, generics
CSS Grid Tooling in DevTools544
dev-tools, css, grids, layout, browsers, google, chrome
Does Shadow DOM Improve Style Performance? (nol)543
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)542
css, math, functions
You Don’t Know “useEffect”541
react, hooks
Reviewing a Design for Accessibility540
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)539
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis538
algorithms, performance
The Problem of SSR Frameworks (ant)537
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)536
images, avif, deep-dives
Breaking the Web Forward (ppk)535
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business534
videos, tutorials, ghost, blogging, monetization
Accessible Design Systems: Look Good While Doing Good533
design-systems, accessibility
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)532
comparisons, tooling, tech-stacks, jamstack
Logging in Unit Tests, a Bad Practice (yeg)531
logging, testing
How to Test for Accessibility With Users at Every Design Stage530
how-tos, accessibility, testing
CSS “accent-color” (arg)529
css, forms
Accessible Contrast Ratios and A-Levels Explained528
accessibility, colors, contrast
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)527
css, animations
Principles by Design526
design, principles
The State of Mobile First and Desktop First (sha)525
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance524
vuejs, client-side-rendering, performance, optimization
The Complete Guide to HTML Forms and Constraint Validation (cra)523
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript522
javascript, promises, comparisons
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)521
css, apis, images, effects
Google vs. the Web (cfe)520
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)519
http, protocols, concepts
The World of CSS Transforms (jos)518
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know517
videos, css
JavaScript Development: Making a Web Worker Optional516
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools515
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer514
career, writing
Next-Level List Bullets With CSS “::marker”513
lists, css, selectors
Uploading Multiple Files With Fetch512
javascript, file-handling, data-fetching
Pixelart and the “image-rendering” Paradox511
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)510
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)509
history
Browsers and Representation (jim)508
browsers
Creating a WordPress Child Theme: Is It Really Necessary in 2021?507
wordpress, themes
Modular Code With Nunjucks and Eleventy (jer)506
nunjucks, eleventy, examples
On the “<dl>” (ben)505
html, lists
A Guide to Accessible Digital UX Design504
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design503
usability, testing, dei
Sustainable Web Design, an Excerpt (ali)502
sustainability
Visualizing a Codebase501
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership?500
design, leadership
Accessibility Testing With Storybook (sto)499
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)498
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)497
react
Refresher on JavaScript Callbacks and Promises (ato)496
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)495
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)494
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)493
accessibility, overlays
A Deep Dive on Skipping to Content (css)492
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)491
how-tos, javascript, user-experience, resilience
Introduction to TCP: Transmission Control Protocol490
introductions, protocols, tcp
npm Security Best Practices (owa)489
npm, security, best-practices
Using localStorage With React Hooks (log)488
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)487
accessibility, myths
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)486
github, ci-cd
What Devs Need485
websites, tooling, link-lists
How to Use “Promise.allSettled()”484
how-tos, javascript, promises
Balancing UX Design and Conversion-Rate Optimization (uxm)483
user-experience, design, user-conversion, optimization
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score482
performance, nextjs, lighthouse, google, case-studies
Mitigating User Errors (uxm)481
user-experience, errors
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)480
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)479
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide478
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)477
surveys, css, scrolling
Why It’s Okay for Web Components to Use Frameworks (nol)476
frameworks, web-components
101 Digital Accessibility Tips and Tricks475
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better474
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer473
dev-tools, accessibility, source-order, debugging, browsers, google, chrome
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
How to Stay Focused as a Self-Taught Frontend Web Developer470
how-tos, career, learning, productivity
There Is No Such Thing as a CSS Absolute Unit (sma)469
css, units
Best Practices for Tags and Tag Managers468
tag-management, web-vitals, best-practices
Optimizing Your Own Performance as a Designer467
design, career
Creating an Accessible Dialog From Scratch (kit/sma)466
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)465
performance, webpagetest
Safari Isn’t Protecting the Web, It’s Killing It464
browsers, apple, safari, web
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)463
css
Architecting and Scaffolding a TypeScript and Express API462
typescript, express, apis
How to Hand Off Accessible Designs to Developers?461
how-tos, accessibility, processes
CSS Logical Properties and Values (oll/css)460
css, logical-properties
Global vs. Local Styling in Next.js (sma)459
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)458
css, svg, techniques, effects, comparisons
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks457
tutorials, guides, webhooks
Is It Time to Ditch the Design Grid? (mic)456
design, layout, grids
A Beginner’s Guide to Lighthouse455
guides, lighthouse, google, performance, web-vitals
When You Cannot Run Away From Using Tables on Mobile454
layout, user-experience, tables, mobile
Accessible Design From the Get-Go (rom/evi)453
accessibility
Getting Started With React “useContext” Hook and React Context452
react, hooks, introductions
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender451
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)450
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics449
sem, concepts
Overview of the RenderingNG Architecture (chr)448
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)447
accessibility, user-experience, principles
12 Python Tips and Tricks You Must Know446
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)445
css, layout
Complete Introduction to CSS Flexbox444
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)443
react
5 UI Tips to Become a Better Front-End Developer442
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)441
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility440
accessibility
Accessibility Strategy for Product Management (tpg)439
accessibility, strategies, product-management
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)438
how-tos, performance, rendering
Using Google Drive as a CMS (css)437
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages436
accessibility
The Vanishing Designer435
design, career
Definition of Done vs. Acceptance Criteria434
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism433
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)432
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work431
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)430
avif, images, cloudinary
Custom Properties and “@property” (ppk)429
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders428
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)427
how-tos, migrating, wordpress, headless, content-management
From a Colourblind Designer to the World: Please Stop Using Red and Green Together426
accessibility, colors
The Accessibility Stalemate (cod)425
accessibility
6 Useful Frontend Techniques That You May Not Know About424
html, css, javascript, techniques
Journey of a Web Page—How Browsers Work423
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)422
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)421
css, animations
The Future of UX Design (uxm)420
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers419
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)418
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)417
introductions, web-components, javascript, dom
Principle of Closure in Visual Design (nng)416
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)415
accessibility, user-experience, legal
Designing for Information Density414
design
Accessibility of the “Section” Element (sco)413
accessibility, html
Magento Tips and Tricks412
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”411
google, lessons
The State of Developer Ecosystem 2021 (jet)410
surveys, metrics
Content Accessibility Fact Sheet409
content, accessibility
Designing for the Unexpected (ali)408
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated407
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)406
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)405
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)404
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)403
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)402
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)401
accessibility, automation
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)400
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know399
http, protocols
I’m Changing How I Review Code398
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)397
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)396
css, flexbox, alignment
The Most Important Lessons I’ve Learned From Senior Software Engineers395
lessons, career
An Unreasonably Long Introduction to ARIA (With Example Implementation)394
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)393
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions392
angular
Detecting Media Query Support in CSS and JavaScript (kil)391
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)390
how-tos, migrating, jquery, nextjs
Gridless Design (don)389
websites, design, layout
Refactoring CSS: Introduction (cod/sma)388
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started387
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility386
accessibility, writing
15 HTML5 Best Practices for Beginners to Master385
html, best-practices
Freelance React Developer Checklist (rwi)384
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)383
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp382
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)381
accessibility
The Document Outline (mat/mat)380
html, headings, accessibility
Creating Accessible CSS Art (alv)379
css, accessibility, art
Milligram CSS378
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed377
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)376
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained375
colors, color-palettes, frameworks
ARIA in HTML (sco)374
accessibility, aria, html
Five Ways to Include D/Deaf Users in Your Designs (tpg)373
accessibility, design
TypeScript and Native ESM on Node.js (rau)372
typescript, esm, nodejs
Bootstrap 5 Print Stylesheet (chr)371
bootstrap, print, css
Accessibility and Inclusivity: Distinctions in Experience Design370
accessibility, dei, user-experience
The Anatomy of a Web Page: 14 Basic Elements369
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
The Dilemma of Naming Font Size Variables (css)368
css, preprocessors, custom-properties
A Quick Introduction to Handlebars367
introductions, handlebars
How Does Node.js Load Its Built-In/Native Modules? (joy)366
javascript, nodejs, modules
Build a Website With React and Tailwind CSS365
react, tailwind
How to Use “Promise.all()”364
how-tos, javascript, promises
Using HSL Colors in CSS (sha/sma)363
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest362
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)361
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design360
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)359
javascript
Acronyms in Web Development (fla)358
terminology
Short Note on Skip Links With Sticky Headers357
accessibility, skip-links, css
Evaluating Color and Contrast—How Hard Can It Be? (web)356
accessibility, colors, contrast
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)355
testing, quality
Towards Richer Colors on the Web354
design, colors
What Do HTML Elements Sound Like? (rik)353
html, screen-readers, voiceover, accessibility
Accessibility and SEO352
accessibility, seo, html
9 Tips to Help You Ace a Whiteboard Interview351
interviewing, career, tips-and-tricks
Colorblind Accessibility Manifesto350
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)349
javascript, security, encoding
How We Built React Components for Any Front End348
react, components, case-studies
The Internet Is Rotting347
link-rot, web
The State of Web Workers in 2021 (sur/sma)346
javascript, web-workers
When a Click Is Not Just a Click (css)345
javascript
Detecting Hover-Capable Devices (mic)344
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career343
career, mistakes
10 Figma Best Practices to 10× Your Workflow342
design, figma, productivity, best-practices
Use the “i” Element, and Use It Appropriately (j9t)341
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer340
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js339
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)338
amp, web-vitals, google
Screen Readers: Hearing the Unseen337
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS336
design, strategies
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)335
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)334
javascript, frameworks, performance, web-vitals
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric)333
css, frameworks, fundamentals, quality
I Regret Being a Hipster in Tech332
career
My Journey From a Novice to a Front-End Engineer331
career
Creating a Multi-Author Blog With Next.js (dom/sma)330
nextjs, blogging
All You Need Is 5 Fonts329
design, typography, fonts
Container Queries and the Future of CSS (mia)328
videos, css, container-queries
Debugging JavaScript and Front-End327
videos, javascript, debugging
Using CSS to Enforce Accessibility (aar)326
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)325
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)324
videos, css, grids, layout, responsive-design, container-queries
Accessibility in React323
accessibility, react
Beyond Basic Alt Text—Charts, Maps, and Diagrams322
accessibility, alt-text, images, information-design
No Code Reviews by Default321
code-reviews
React Architecture: How to Structure and Organize a React Application320
how-tos, react, architecture
Making the Web—Faster319
web, performance, developer-experience, principles
The True Cost of a Redesign318
redesigning, economics
Custom Scrollbars in CSS (sha)317
css
Demystifying Styled Components (jos)316
css, javascript, components
Sorting Colors in JavaScript315
javascript, sorting, colors
What Is QUIC Protocol: Everything That You Should Know314
protocols, quic
What’s New in ES2021313
javascript, ecmascript, standards
RenderingNG (chr)312
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images311
open-graph, images
Craft Good Questions for Usability Tests310
usability, testing
How to Use Dynamic Imports in JavaScript309
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)308
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches307
redux, state-management, testing, history
Keeping It Consistent: Design Tokens306
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design305
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)304
maintenance
Client-Side Routing in Next.js (sma)303
nextjs, routing
OMG, SVG Favicons FTW!302
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)301
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)300
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)299
standards, multimedia, apis
How Apple Changed the Way We Navigate—Forever298
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)297
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)296
guides, accessibility, tooling
NPM Global Audit295
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)294
career
Dart Basics293
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities292
security, vulnerabilities
Everyday Accessibility291
accessibility
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)290
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)289
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console288
regex, seo, google
Adding Shadows to SVG Icons With CSS and SVG Filters (css)287
css, svg, images, icons, shadows, filters, effects
How to Center Anything in CSS Using Flexbox and Grid (fre)286
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)285
html, images, performance
React Cheat Sheet (Updated June 2021)284
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)283
performance, images
The Art of Frontend Engineering282
career
Let’s Learn About Aspect Ratio in CSS (sha)281
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples280
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)279
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)278
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)277
css, selectors
The Simplicity of Svelte276
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)275
alpinejs, tips-and-tricks
Ready-Made Counter Styles (ri/w3c)274
css, localization
Why Validate? (j9t)273
html, css, quality, conformance, craft
Building a Color Scheme (arg)272
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States271
design, usability
What Is Prisma and Why Do We Need Another ORM? (nea)270
databases, tooling, orm, prisma
10 Postman Features Everyone Should Know (get)269
postman
Component-Specific Design Tokens (clo)268
components, design-tokens
Improving the UX of Your Design System267
design-systems, user-experience, optimization
Towards a Common Vision for Browser Extensions266
browsers, browser-extensions
Reasons Why Bugs Might Feel “Impossible”265
debugging, quality, bugs
Accessible Overflow264
accessibility, html, css, overflow
An Accessibility Strategy263
accessibility, strategies
The Dark Side of Notepad++ : v8262
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison261
frameworks, vuejs, react, comparisons
10 Utility Functions for Working With Objects in JavaScript260
javascript, functions, objects
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)259
performance
Using AVIF to Compress Images on Your Site258
performance, images, avif, compression
A Comprehensive Guide to Vue Slots257
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG256
interviews, whatwg
A Little Book of Accessibility (gar)255
accessibility
JavaScript: Debouncing and Throttling254
javascript, debouncing, throttling
CSS System Colors (jim)253
css, colors
Getting Started With a Kanban Board: 6 Tips for Productive Work252
introductions, kanban, agile, tips-and-tricks, productivity
How to Redirect HTTP to HTTPS (sem)251
how-tos, redirecting, http, tls, wordpress, nginx, iis, microsoft, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)250
vuejs, state-management
Open Source Insights249
websites, foss, dependencies, security, licensing
Best Practices for Fonts (tun)248
fonts, best-practices, performance
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)247
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)246
css
CSS for Web Vitals (una)245
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)244
release-notes, firefox, mozilla, browsers
Thoughts for the Aging Web Developer (j9t)243
career
Embracing Design Constraints (aar)242
design
The Hidden World of “aria-hidden” (ste)241
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)240
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)239
tooling, search, performance
Disabling a Link (sco)238
links, css, accessibility
Geolocation API (mar/w3c)237
geolocation, apis, standards
How to Build an Image Comparison Slider236
how-tos, sliders, react, images
What Makes a Great Component Library?235
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)234
accessibility, svg, images, screen-readers
Accessible Web Forms233
videos, accessibility, forms
A Thorough Analysis of CSS-in-JS (css)232
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today231
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Writing Better Regular Expressions in PHP230
php, regex, readability
A Beginner’s Guide to Vue 3229
guides, vuejs
25 Years of CSS (mey)228
css, history
Your Design System Is Actually a Product—Treat It Like One227
design-systems
Access Guide226
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)225
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)224
eleventy, time, hiding
The Curb-Cut Effect (ske)223
accessibility
Svelte for the Experienced React Dev (ada/css)222
react, svelte
A11y Audit Bookmarklets (llo)221
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)220
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice219
career, training, professionalism
Dark Patterns Tip Line218
websites, dark-patterns, user-experience
Don’t Overabstract Your Components217
html, javascript, components
Useful and Useless Code Comments (jim)216
developer-experience, comments
Approaches to Undo and Redo (mca)215
undo-redo, functionality, javascript
How to Name Your Design System214
how-tos, design-systems, naming
The New Responsive: Web Design in a Component-Driven World (una)213
responsive-design, css, components
WebGPU (kai/w3c)212
webgpu, standards
We Need to Talk About WCAG (ria)211
accessibility, wcag
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)210
html, css, conformance, metrics, quality, craft
Learn CSS (bel)209
courses, css
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
Building a React Design System for Adoption and Scale199
react, design-systems
Making Disabled Buttons More Inclusive (san/css)198
css, accessibility
Video SEO Best Practices for Ecommerce197
seo, google, multimedia, ecommerce, best-practices
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
Web Application Development: The Ultimate Guide (2021)193
guides, web-apps
Rethinking Component Libraries192
components
Everything You Need to Know About A/B Testing191
metrics, a-b-testing, optimization
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
Overreliance on Overlays Is Counter to Enculturation of Accessibility186
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)185
nextjs, html, performance, case-studies
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
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)176
videos, components, responsive-design, breakpoints
Better Onboarding: How to Prevent Codebase Overwhelm175
how-tos, onboarding
A Complete Guide to Custom Properties (chr/css)174
guides, css, custom-properties, examples
Level Up Your Team Workflows With These Kanban Board Best Practices173
agile, kanban, best-practices
Understanding the New Reactivity System in Vue 3172
vuejs, reactivity
Goodnight Polymer Project171
web-components, polymer, lit
Find Unused npm Dependencies170
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit169
css, custom-properties, browsers, browser-engines, webkit
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)168
browsers, edge, microsoft, epic, chromium
21 Best Practices for a Clean React Project167
best-practices, quality, react
Cache Busting in Eleventy (bni)166
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)165
guides, css, selectors, support
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
An Introduction to Performance Budgets161
introductions, performance, performance-budgets, metrics
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)160
interviews, career
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
Five Reasons Your First Design System Will Fail156
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)155
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)154
overviews, building, tooling, vite
CSS Hell153
websites, css
What Is DevOps? A Comprehensive Introduction152
introductions, dev-ops
Content-Aware Image Resizing in JavaScript151
javascript, images, resizing
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
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know144
accessibility, wcag
Variable Scope, Lexical Scope, and Code Blocks in JavaScript143
javascript, scope
Web Developer’s Guide to AVIF Images142
guides, images, avif
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
Building an Accessibility Library131
accessibility, processes