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#
Make Accessibility Part of Your Startup’s Products and Culture From Day One633
accessibility, culture
Element Diversity (mat)632
html
Interactive Learning Tools for Front-End Developers (lou/sma)631
learning
The Effect of CSS on Screen Readers630
css, accessibility, screen-readers
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)629
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Threats of Using Regular Expressions in JavaScript628
javascript, regex
Getting Started With Web Accessibility Testing627
accessibility, testing, introductions
Best Practices for Logging in Node.js (app)626
nodejs, logging, best-practices
CSS Dangling Characters (dfk)625
css
It Takes a PhD to Develop That624
career, quality, complexity
timefind623
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained622
html, css, twitter+x
Building a Split-Button Component (arg)621
components, html, css, javascript
Web Scraping With JavaScript and Node.js620
javascript, nodejs, scraping
Building a Stepper Component (sha)619
components, html, css
Color and Contrast, What Does It Mean? (eri)618
accessibility, colors, contrast
State Management in Next.js (ati/sma)617
state-management, nextjs
9.5 Ways Google Rewrites Your Title Tags (moz)616
seo, google
Why You Should Manage Your Energy, Not Your Time615
career, productivity
Writing High-Performance JavaScript (cfe)614
javascript, performance
Building Reactive Systems With Node.js613
nodejs, reactivity
Using SVG With Media Queries (web)612
svg, css, media-queries
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)611
history, servers, apache, microsoft, iis
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities610
accessibility, wcag
Rethinking User Personas609
usability, user-experience, personas
Shifting Accessibility Testing to the Left608
accessibility, design, usability
7 Practices to Create Good JavaScript Variables607
javascript, variables
Exploring the CSS Paint API: Blob Animation (css/css)606
css, apis, animations
HTML Cheatsheet605
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)604
career
What Are the Web Performance Metrics That Actually Matter? (cfe)603
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why602
typography, fonts
Common npm Mistakes Every Developer Should Avoid601
npm, mistakes
Remove Unnecessary Files in node_modules600
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev599
github
Essential Concepts in JS598
javascript, concepts
7 Useful CSS Cheat Sheets to Improve Your Skills597
css, cheat-sheets
Creating a Positive Culture Around Accessibility596
accessibility, culture
5 Tools to Automate Your Development595
tooling, automation, productivity
Compound Components in React (sma)594
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)593
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)592
css, cssom
Named and Framed (ste)591
accessibility, html
Small Wins for Accessibility and Resilience590
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)589
design, links
How to Use “Promise.any()”588
how-tos, javascript, promises
Getting Started With CSS Animations587
css, animations, introductions
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS586
design, css, overflow
jsc: My New Best Friend585
javascript, tooling
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense584
how-tos, css, flexbox, grids, layout, comparisons
8 Fundamental Principles of Effective Web Design583
principles
How to Automate Documentation Workflow for Developers (sma)582
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)581
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)580
google, search, seo
React JS—the Confusing Parts579
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)578
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions577
javascript, functions, comparisons
An Introduction to Semantic Versioning576
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)575
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)574
interviews, user-experience, design, okr, strategies, processes
5 Ways to Undo Mistakes With Git573
git, command-line, mistakes
6 CSS Shorthand Properties to Improve Your Web Application572
css, shorthands, optimization
How I Experience Web Today571
websites, web
Using the Platform570
web-platform
Design Thinking: Study Guide (nng)569
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules568
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)567
accessibility
How to Calculate REMs From Pixels566
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me565
writing, blogging
What’s on the Menu?564
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships563
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website562
how-tos, aws, s3, ssl
Web Accessibility Checklist561
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It560
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)559
javascript
Top 9 Lessons Learned in 12 Years as a Software Developer (the)558
lessons, career
Building the Same App 5 Times557
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)556
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)555
release-notes, safari, browsers
Level Up Your CSS Linting Using Stylelint (log)554
css, consistency, linting, stylelint
Using CSS Module Scripts to Import Stylesheets553
css, javascript, modules
What’s New in Bootstrap 5552
frameworks, bootstrap
ARIA Spec for the Uninitiated (ger/deq)551
html, accessibility, aria
State Management in Svelte Applications550
state-management, svelte
Measuring Developer Relations (swy)549
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)548
javascript, promises, asynchronicity
Understanding Generics in TypeScript547
typescript, generics
CSS Grid Tooling in DevTools546
dev-tools, css, grids, layout, browsers, chrome
Does Shadow DOM Improve Style Performance? (nol)545
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)544
css, math, functions
You Don’t Know “useEffect”543
react, hooks
Reviewing a Design for Accessibility542
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)541
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis540
algorithms, performance
The Problem of SSR Frameworks (ant)539
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)538
images, avif, deep-dives
Breaking the Web Forward (ppk)537
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business536
videos, tutorials, ghost, blogging, monetization
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)535
comparisons, tooling, tech-stacks, jamstack
Logging in Unit Tests, a Bad Practice (yeg)534
logging, testing
How to Test for Accessibility With Users at Every Design Stage533
how-tos, accessibility, testing
CSS “accent-color” (arg)532
css, forms
Accessible Design Systems: Look Good While Doing Good531
design-systems, accessibility
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)530
css, animations
The State of Mobile First and Desktop First (sha)529
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance528
vuejs, client-side-rendering, performance, optimization
The Complete Guide to HTML Forms and Constraint Validation (cra)527
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript526
javascript, promises, comparisons
Accessible Contrast Ratios and A-Levels Explained525
accessibility, colors, contrast
Principles by Design524
design, principles
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)523
css, apis, images, effects
Google vs. the Web (cfe)522
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)521
http, protocols, concepts
The World of CSS Transforms (jos)520
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know519
videos, css
JavaScript Development: Making a Web Worker Optional518
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools517
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer516
career, writing
Uploading Multiple Files With Fetch515
javascript, file-handling, data-fetching
Next-Level List Bullets With CSS “::marker”514
lists, css, selectors
Pixelart and the “image-rendering” Paradox513
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)512
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)511
history
Browsers and Representation (jim)510
browsers
Modular Code With Nunjucks and Eleventy (jer)509
nunjucks, eleventy, examples
On the “<dl>” (ben)508
html, lists
Creating a WordPress Child Theme: Is It Really Necessary in 2021?507
wordpress, themes
Sustainable Web Design, an Excerpt (ali)506
sustainability
Why Are We Talking So Much About Design Leadership?505
design, leadership
A Guide to Accessible Digital UX Design504
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design503
usability, testing, dei
Visualizing a Codebase502
tooling, developer-experience, visualization
Accessibility Testing With Storybook (sto)501
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)500
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)499
react
Refresher on JavaScript Callbacks and Promises (ato)498
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)497
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)496
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)495
accessibility, overlays
A Deep Dive on Skipping to Content (css)494
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)493
how-tos, javascript, user-experience, resilience
npm Security Best Practices (owa)492
npm, security, best-practices
Using localStorage With React Hooks (log)491
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)490
accessibility, myths
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)489
github, ci-cd
What Devs Need488
websites, tooling, link-lists
How to Use “Promise.allSettled()”487
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol486
introductions, protocols, tcp
Balancing UX Design and Conversion-Rate Optimization (uxm)485
user-experience, design, user-conversion, optimization
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)484
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)483
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide482
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)481
surveys, css, scrolling
Mitigating User Errors (uxm)480
user-experience, errors
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score479
performance, nextjs, lighthouse, case-studies
Why It’s Okay for Web Components to Use Frameworks (nol)478
frameworks, web-components
101 Digital Accessibility Tips and Tricks477
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better476
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer475
dev-tools, accessibility, source-order, debugging, browsers, chrome
How to Stay Focused as a Self-Taught Frontend Web Developer474
how-tos, career, learning, productivity
Best Practices for Tags and Tag Managers473
tag-management, web-vitals, best-practices
Optimizing Your Own Performance as a Designer472
design, career
5 Git Tips to Level Up Your Workflow471
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends470
css, architecture, performance, micro-frontends
There Is No Such Thing as a CSS Absolute Unit (sma)469
css, units
Creating an Accessible Dialog From Scratch (kit/sma)468
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)467
performance, webpagetest
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)466
css
Architecting and Scaffolding a TypeScript and Express API465
typescript, express, apis
How to Hand Off Accessible Designs to Developers?464
how-tos, accessibility, processes
Safari Isn’t Protecting the Web, It’s Killing It (pim)463
browsers, safari, web
CSS Logical Properties and Values (oll/css)462
css, logical-properties
Global vs. Local Styling in Next.js (sma)461
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)460
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)459
design, layout, grids
When You Cannot Run Away From Using Tables on Mobile458
layout, user-experience, tables, mobile
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks457
tutorials, guides, webhooks
A Beginner’s Guide to Lighthouse456
guides, lighthouse, performance, web-vitals
Accessible Design From the Get-Go (rom/evi)455
accessibility
Getting Started With React “useContext” Hook and React Context454
react, hooks, introductions
Overview of the RenderingNG Architecture (chr)453
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)452
accessibility, user-experience, principles
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
12 Python Tips and Tricks You Must Know448
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)447
css, layout
Complete Introduction to CSS Flexbox446
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)445
react
5 UI Tips to Become a Better Front-End Developer444
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)443
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility442
accessibility
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)441
how-tos, performance, rendering
Accessibility Strategy for Product Management (slo/tpg)440
accessibility, strategies, product-management
Using Google Drive as a CMS (css)439
content-management, google
The Vanishing Designer438
design, career
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages437
accessibility
Definition of Done vs. Acceptance Criteria436
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism435
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)434
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work433
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)432
avif, images, cloudinary
Custom Properties and “@property” (ppk)431
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders430
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)429
how-tos, migrating, wordpress, headless, content-management
The Accessibility Stalemate (cod)428
accessibility
From a Colourblind Designer to the World: Please Stop Using Red and Green Together427
accessibility, colors
6 Useful Frontend Techniques That You May Not Know About426
html, css, javascript, techniques
Journey of a Web Page—How Browsers Work425
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)424
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)423
css, animations
The Future of UX Design (uxm)422
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers421
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)420
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)419
introductions, web-components, javascript, dom
Principle of Closure in Visual Design (nng)418
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)417
accessibility, user-experience, legal
Designing for Information Density416
design
Accessibility of the “Section” Element (sco)415
accessibility, html
Magento Tips and Tricks414
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”413
google, lessons
The State of Developer Ecosystem 2021 (jet)412
surveys, metrics
Designing for the Unexpected (ali)411
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated410
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)409
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)408
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)407
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)406
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)405
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)404
accessibility, automation
Content Accessibility Fact Sheet403
content, accessibility
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)402
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know401
http, protocols
I’m Changing How I Review Code400
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)399
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)398
css, flexbox, alignment
An Unreasonably Long Introduction to ARIA (With Example Implementation)397
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)396
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions395
angular
The Most Important Lessons I’ve Learned From Senior Software Engineers394
lessons, career
Detecting Media Query Support in CSS and JavaScript (kil)393
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)392
how-tos, migrating, jquery, nextjs
Gridless Design (don)391
websites, design, layout
Refactoring CSS: Introduction (cod/sma)390
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started389
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility388
accessibility, writing
15 HTML5 Best Practices for Beginners to Master387
html, best-practices
Freelance React Developer Checklist (rwi)386
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)385
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp384
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)383
accessibility
The Document Outline (mat/mat)382
html, headings, accessibility
Creating Accessible CSS Art (alv)381
css, accessibility, art
Milligram CSS380
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed379
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)378
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained377
colors, color-palettes, frameworks
ARIA in HTML (sco)376
accessibility, aria, html
Five Ways to Include D/Deaf Users in Your Designs (tpg)375
accessibility, design
TypeScript and Native ESM on Node.js (rau)374
typescript, esm, nodejs
Bootstrap 5 Print Stylesheet (chr)373
bootstrap, print, css
The Dilemma of Naming Font Size Variables (css)372
css, preprocessors, custom-properties
How Does Node.js Load Its Built-In/Native Modules? (joy)371
javascript, nodejs, modules
Build a Website With React and Tailwind CSS370
react, tailwind
How to Use “Promise.all()”369
how-tos, javascript, promises
A Quick Introduction to Handlebars368
introductions, handlebars
Accessibility and Inclusivity: Distinctions in Experience Design367
accessibility, dei, user-experience
The Anatomy of a Web Page: 14 Basic Elements366
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
Using HSL Colors in CSS (sha/sma)365
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest364
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)363
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design362
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)361
javascript
Acronyms in Web Development (fla)360
terminology
Short Note on Skip Links With Sticky Headers359
accessibility, skip-links, css
Evaluating Color and Contrast—How Hard Can It Be? (web)358
accessibility, colors, contrast
Towards Richer Colors on the Web357
design, colors
What Do HTML Elements Sound Like? (rik)356
html, screen-readers, voiceover, accessibility
Accessibility and SEO355
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (lei/sma)354
testing, quality
Colorblind Accessibility Manifesto353
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)352
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)351
javascript, web-workers
When a Click Is Not Just a Click (css)350
javascript
Detecting Hover-Capable Devices (mic)349
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career348
career, mistakes
10 Figma Best Practices to 10× Your Workflow347
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview346
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End345
react, components, case-studies
The Internet Is Rotting (zit/the)344
link-rot, web
Use the “i” Element, and Use It Appropriately (j9t)343
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer342
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js341
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)340
amp, web-vitals, google
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)339
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)338
javascript, frameworks, performance, web-vitals
Screen Readers: Hearing the Unseen337
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS (fas)336
design, strategies
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals335
css, frameworks, fundamentals, quality
I Regret Being a Hipster in Tech334
career
My Journey From a Novice to a Front-End Engineer333
career
Creating a Multi-Author Blog With Next.js (dom/sma)332
nextjs, blogging
All You Need Is 5 Fonts331
design, typography, fonts
Using CSS to Enforce Accessibility (aar)330
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)329
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)328
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)327
videos, css, container-queries
Debugging JavaScript and Front-End326
videos, javascript, debugging
Accessibility in React325
accessibility, react
React Architecture: How to Structure and Organize a React Application324
how-tos, react, architecture
Making the Web—Faster323
web, performance, developer-experience, principles
The True Cost of a Redesign322
redesigning, economics
Beyond Basic Alt Text—Charts, Maps, and Diagrams321
accessibility, alt-text, images, information-design
No Code Reviews by Default320
code-reviews
Custom Scrollbars in CSS (sha)319
css
Demystifying Styled Components (jos)318
css, javascript, components
Sorting Colors in JavaScript317
javascript, sorting, colors
RenderingNG (chr)316
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images315
open-graph, images
Craft Good Questions for Usability Tests314
usability, testing
What Is QUIC Protocol: Everything That You Should Know313
protocols, quic
What’s New in ES2021312
javascript, ecmascript, standards
How to Use Dynamic Imports in JavaScript311
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)310
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches309
redux, state-management, testing, history
Keeping It Consistent: Design Tokens308
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design307
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)306
maintenance
Client-Side Routing in Next.js (sma)305
nextjs, routing
OMG, SVG Favicons FTW!304
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)303
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)302
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)301
standards, multimedia, apis
How Apple Changed the Way We Navigate—Forever300
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)299
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)298
guides, accessibility, tooling
NPM Global Audit297
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)296
career
Everyday Accessibility295
accessibility
Dart Basics294
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities293
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)292
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)291
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console290
regex, seo, google
How to Center Anything in CSS Using Flexbox and Grid (fre)289
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)288
html, images, performance
React Cheat Sheet (Updated June 2021)287
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)286
performance, images
The Art of Frontend Engineering285
career
Adding Shadows to SVG Icons With CSS and SVG Filters (css)284
css, svg, images, icons, shadows, filters, effects
Let’s Learn About Aspect Ratio in CSS (sha)283
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples282
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)281
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)280
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)279
css, selectors
The Simplicity of Svelte278
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)277
alpinejs, tips-and-tricks
Why Validate? (j9t)276
html, css, quality, conformance, craft
Building a Color Scheme (arg)275
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States274
design, usability
What Is Prisma and Why Do We Need Another ORM? (nea)273
databases, tooling, orm, prisma
Ready-Made Counter Styles (ri/w3c)272
css, localization, counters
10 Postman Features Everyone Should Know (get)271
postman
Component-Specific Design Tokens (clo)270
components, design-tokens
Reasons Why Bugs Might Feel “Impossible”269
debugging, quality, bugs
Towards a Common Vision for Browser Extensions268
browsers, browser-extensions
Improving the UX of Your Design System267
design-systems, user-experience, optimization
Accessible Overflow266
accessibility, html, css, overflow
An Accessibility Strategy265
accessibility, strategies
The Dark Side of Notepad++ : v8264
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison263
frameworks, vuejs, react, comparisons
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)262
performance
Using AVIF to Compress Images on Your Site261
performance, images, avif, compression
A Comprehensive Guide to Vue Slots260
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG259
interviews, whatwg
10 Utility Functions for Working With Objects in JavaScript258
javascript, functions, objects
A Little Book of Accessibility (gar)257
accessibility
JavaScript: Debouncing and Throttling256
javascript, debouncing, throttling
CSS System Colors (jim)255
css, colors
Managing Shared State in Vue 3 (wil/sma)254
vuejs, state-management
Best Practices for Fonts (tun)253
fonts, best-practices, performance
Getting Started With a Kanban Board: 6 Tips for Productive Work252
introductions, kanban, agile, tips-and-tricks, productivity
Open Source Insights251
websites, foss, dependencies, security, licensing
How to Redirect HTTP to HTTPS (sem)250
how-tos, redirecting, http, tls, wordpress, nginx, iis, apache, servers, seo
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)249
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)248
css
CSS for Web Vitals (una)247
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)246
release-notes, firefox, browsers
Thoughts for the Aging Web Developer (j9t)245
career
Embracing Design Constraints (aar)244
design
The Hidden World of “aria-hidden” (ste)243
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)242
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)241
tooling, search, performance
Disabling a Link (sco)240
links, css, accessibility
Geolocation API (mar/w3c)239
geolocation, apis, standards
How to Build an Image Comparison Slider238
how-tos, sliders, react, images
What Makes a Great Component Library?237
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)236
accessibility, svg, images, screen-readers
A Thorough Analysis of CSS-in-JS (css)235
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today234
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
A Beginner’s Guide to Vue 3233
guides, vuejs
Accessible Web Forms232
videos, accessibility, forms
Writing Better Regular Expressions in PHP231
php, regex, readability
25 Years of CSS (mey)230
css, history
Your Design System Is Actually a Product—Treat It Like One229
design-systems
Access Guide228
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)227
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)226
eleventy, time, hiding
The Curb-Cut Effect (ske)225
accessibility
Svelte for the Experienced React Dev (ada/css)224
react, svelte
A11y Audit Bookmarklets (llo)223
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)222
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice221
career, training, professionalism
Don’t Overabstract Your Components220
html, javascript, components
Useful and Useless Code Comments (jim)219
developer-experience, comments
Approaches to Undo and Redo (mca)218
undo-redo, functionality, javascript
The New Responsive: Web Design in a Component-Driven World (una)217
responsive-design, css, components
Dark Patterns Tip Line216
websites, dark-patterns, user-experience
How to Name Your Design System215
how-tos, design-systems, naming
WebGPU (kai/w3c)214
webgpu, standards
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)213
html, css, conformance, metrics, quality, craft
Learn CSS (bel)212
courses, css
FTP: Fifty Years and Millions of FTP Servers Worldwide211
ftp, standards, history, servers, tooling
We Need to Talk About WCAG (ria)210
accessibility, wcag
The Button Cheat Sheet (mat)209
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)208
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components207
css, container-queries, web-components
Create Scripts in JavaScript With zx206
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)205
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)204
css, selectors, igalia
JPEG XL203
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)202
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)201
guides, css, grids, layout
Making Disabled Buttons More Inclusive (san/css)200
css, accessibility
Video SEO Best Practices for Ecommerce199
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale198
react, design-systems
A Primer on CSS Container Queries (5t3/sma)197
introductions, css, container-queries
Introduction to Using Dart in Flutter (log)196
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js195
zx, nodejs
Rethinking Component Libraries194
components
Everything You Need to Know About A/B Testing193
metrics, a-b-testing, optimization
Web Application Development: The Ultimate Guide (2021)192
guides, web-apps
Introduction to HTTP Cookies191
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap190
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse189
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)188
css, vendor-extensions
Reducing HTML Payload With Next.js (Case Study) (sma)187
nextjs, html, performance, case-studies
Overreliance on Overlays Is Counter to Enculturation of Accessibility186
accessibility, overlays
Checking “Under the Hood” of Code (jay)185
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)184
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)183
design, career
The Evolution of Jamstack (bii/sma)182
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)181
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates180
dependencies, maintenance, automation, depfu
Immersive Content Strategy (ali)179
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs178
design-systems, components, apis
Better Onboarding: How to Prevent Codebase Overwhelm177
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)176
videos, components, responsive-design, breakpoints
A Complete Guide to Custom Properties (chr/css)175
guides, css, custom-properties, examples
Understanding the New Reactivity System in Vue 3174
vuejs, reactivity
Level Up Your Team Workflows With These Kanban Board Best Practices173
agile, kanban, best-practices
Goodnight Polymer Project172
web-components, polymer, lit
Find Unused npm Dependencies171
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit170
css, custom-properties, browsers, browser-engines, webkit
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)169
browsers, edge, epic, chromium
Cache Busting in Eleventy (bni)168
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)167
guides, css, selectors, support
21 Best Practices for a Clean React Project166
best-practices, quality, react
Do You Need to Localize Your Website? (ali)165
content, localization, strategies
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling164
career
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)163
interviews, career
An Introduction to Performance Budgets162
introductions, performance, performance-budgets, metrics
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)161
guides, incremental-static-regeneration, nextjs
Intrinsic Typography Is the Future of Styling Text on the Web (css)160
typography, css
Making GraphQL Work in WordPress (sma)159
wordpress, graphql
The Lazy-Loading Property Pattern in JavaScript (nza)158
javascript, software-design-patterns, lazy-loading, performance
How Artificial Intelligence Is Impacting UX Design (uxm)157
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)156
overviews, building, tooling, vite
Five Reasons Your First Design System Will Fail155
design-systems
Content-Aware Image Resizing in JavaScript154
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction153
introductions, dev-ops
CSS Hell152
websites, css
A Beginner’s Guide to Load Balancing (osd)151
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)150
php, retrospectives
Overflow Issues in CSS (sha/sma)149
css, overflow, scrolling, flexbox, grids, layout
Fifteen Design Trends From an Accessibility Perspective148
accessibility, design, trends
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)147
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared146
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Variable Scope, Lexical Scope, and Code Blocks in JavaScript145
javascript, scope
Web Developer’s Guide to AVIF Images144
guides, images, avif
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know143
accessibility, wcag
Understanding Logical Focus Order142
accessibility, focus, html
9 Principles of Good Web Design141
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)140
videos, css
Comparing the New Generation of Build Tools (css)139
tooling, building, bundling, comparisons
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)138
webauthn, authentication, apis, standards
Write a Plugin for Tailwind CSS137
tailwind, plugins
My Tips for Using IntelliJ IDEA Effectively (das)136
intellij-idea, code-editors, tips-and-tricks, keyboard-shortcuts
Sticky Headers: 5 Ways to Make Them Better (nng)135
navigation, design, optimization
How Modernizr Can Help You Implement CSS Fallbacks (kar/spe)134
modernizr, css