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)629
html
Getting Started With Web Accessibility Testing628
accessibility, testing, introductions
Interactive Learning Tools for Front-End Developers (lou/sma)627
learning
The Effect of CSS on Screen Readers626
css, accessibility, screen-readers
Threats of Using Regular Expressions in JavaScript625
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)624
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Best Practices for Logging in Node.js (app)623
nodejs, logging, best-practices
CSS Dangling Characters (dfk)622
css
It Takes a PhD to Develop That621
career, quality, complexity
timefind620
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained619
html, css, twitter+x
Web Scraping With JavaScript and Node.js618
javascript, nodejs, scraping
Building a Split-Button Component (arg)617
components, html, css, javascript
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)616
history, servers, apache, microsoft, iis
Building a Stepper Component (sha)615
components, html, css
Color and Contrast, What Does It Mean? (eri)614
accessibility, colors, contrast
Rethinking User Personas613
usability, user-experience, personas
Shifting Accessibility Testing to the Left612
accessibility, design, usability
State Management in Next.js (ati/sma)611
state-management, nextjs
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities610
accessibility, wcag
9.5 Ways Google Rewrites Your Title Tags (moz)609
seo, google
Why You Should Manage Your Energy, Not Your Time608
career, productivity
Writing High-Performance JavaScript (cfe)607
javascript, performance
Building Reactive Systems With Node.js606
nodejs, reactivity
Using SVG With Media Queries (web)605
svg, css, media-queries
7 Practices to Create Good JavaScript Variables604
javascript, variables
Common npm Mistakes Every Developer Should Avoid603
npm, mistakes
Exploring the CSS Paint API: Blob Animation (css/css)602
css, apis, animations
HTML Cheatsheet601
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)600
career
What Are the Web Performance Metrics That Actually Matter? (cfe)599
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why598
typography, fonts
Remove Unnecessary Files in node_modules597
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev596
github
Essential Concepts in JS595
javascript, concepts
Creating a Positive Culture Around Accessibility594
accessibility, culture
7 Useful CSS Cheat Sheets to Improve Your Skills593
css, cheat-sheets
5 Tools to Automate Your Development592
tooling, automation, productivity
Compound Components in React (sma)591
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)590
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)589
css, cssom
Getting Started With CSS Animations588
css, animations, introductions
How to Use “Promise.any()”587
how-tos, javascript, promises
Named and Framed (ste)586
accessibility, html
Small Wins for Accessibility and Resilience585
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)584
design, links
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS583
design, css, overflow
jsc: My New Best Friend582
javascript, tooling
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense581
how-tos, css, flexbox, grids, layout, comparisons
8 Fundamental Principles of Effective Web Design580
principles
How to Automate Documentation Workflow for Developers (sma)579
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)578
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)577
google, search, seo
React JS—the Confusing Parts576
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)575
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions574
javascript, functions, comparisons
An Introduction to Semantic Versioning573
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)572
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)571
interviews, user-experience, design, okr, strategies, processes
5 Ways to Undo Mistakes With Git570
git, command-line, mistakes
6 CSS Shorthand Properties to Improve Your Web Application569
css, shorthands, optimization
How I Experience Web Today568
websites, web
Using the Platform567
web-platform
Design Thinking: Study Guide (nng)566
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules565
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)564
accessibility
How to Calculate REMs From Pixels563
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me562
writing, blogging
What’s on the Menu?561
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships560
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website559
how-tos, aws, s3, ssl
Top 9 Lessons Learned in 12 Years as a Software Developer558
lessons, career
Web Accessibility Checklist557
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It556
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)555
javascript
Building the Same App 5 Times554
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)553
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)552
release-notes, safari, apple, browsers
ARIA Spec for the Uninitiated (deq)551
html, accessibility, aria
Level Up Your CSS Linting Using Stylelint (log)550
css, consistency, linting, stylelint
State Management in Svelte Applications549
state-management, svelte
Using CSS Module Scripts to Import Stylesheets548
css, javascript, modules
What’s New in Bootstrap 5547
frameworks, bootstrap
Measuring Developer Relations (swy)546
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)545
javascript, promises, asynchronicity
Understanding Generics in TypeScript544
typescript, generics
CSS Grid Tooling in DevTools543
dev-tools, css, grids, layout, browsers, google, chrome
Does Shadow DOM Improve Style Performance? (nol)542
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)541
css, math, functions
You Don’t Know “useEffect”540
react, hooks
Reviewing a Design for Accessibility539
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)538
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis537
algorithms, performance
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)536
images, avif, deep-dives
The Problem of SSR Frameworks (ant)535
server-side-rendering, frameworks, nextjs, sveltekit
Breaking the Web Forward (ppk)534
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business533
videos, tutorials, ghost, blogging, monetization
Accessible Design Systems: Look Good While Doing Good532
design-systems, accessibility
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)531
comparisons, tooling, tech-stacks, jamstack
CSS “accent-color” (arg)530
css, forms
Logging in Unit Tests, a Bad Practice (yeg)529
logging, testing
How to Test for Accessibility With Users at Every Design Stage528
how-tos, accessibility, testing
Accessible Contrast Ratios and A-Levels Explained527
accessibility, colors, contrast
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)526
css, animations
Principles by Design525
design, principles
“return await promise” vs. “return promise” in JavaScript524
javascript, promises, comparisons
The State of Mobile First and Desktop First (sha)523
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance522
vuejs, client-side-rendering, performance, optimization
The Complete Guide to HTML Forms and Constraint Validation (cra)521
guides, html, forms, validation
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)520
css, apis, images, effects
Google vs. the Web (cfe)519
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)518
http, protocols, concepts
The World of CSS Transforms (jos)517
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know516
videos, css
JavaScript Development: Making a Web Worker Optional515
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools514
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer513
career, writing
Next-Level List Bullets With CSS “::marker”512
lists, css, selectors
Uploading Multiple Files With Fetch511
javascript, file-handling, data-fetching
Pixelart and the “image-rendering” Paradox510
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)509
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)508
history
Browsers and Representation (jim)507
browsers
Creating a WordPress Child Theme: Is It Really Necessary in 2021?506
wordpress, themes
Modular Code With Nunjucks and Eleventy (jer)505
nunjucks, eleventy, examples
On the “<dl>” (ben)504
html, lists
A Guide to Accessible Digital UX Design503
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design502
usability, testing, dei
Sustainable Web Design, an Excerpt (ali)501
sustainability
Visualizing a Codebase500
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership?499
design, leadership
Accessibility Testing With Storybook (sto)498
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)497
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)496
react
Refresher on JavaScript Callbacks and Promises (ato)495
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)494
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)493
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)492
accessibility, overlays
A Deep Dive on Skipping to Content (css)491
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)490
how-tos, javascript, user-experience, resilience
How to Use “Promise.allSettled()”489
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol488
introductions, protocols, tcp
npm Security Best Practices (owa)487
npm, security, best-practices
Using localStorage With React Hooks (log)486
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)485
accessibility, myths
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)484
github, ci-cd
What Devs Need483
websites, tooling, link-lists
Balancing UX Design and Conversion-Rate Optimization (uxm)482
user-experience, design, user-conversion, optimization
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score481
performance, nextjs, lighthouse, google, case-studies
Mitigating User Errors (uxm)480
user-experience, errors
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)479
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)478
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide477
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)476
surveys, css, scrolling
Why It’s Okay for Web Components to Use Frameworks (nol)475
frameworks, web-components
101 Digital Accessibility Tips and Tricks474
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better473
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer472
dev-tools, accessibility, source-order, debugging, browsers, google, chrome
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
How to Stay Focused as a Self-Taught Frontend Web Developer469
how-tos, career, learning, productivity
There Is No Such Thing as a CSS Absolute Unit (sma)468
css, units
Optimizing Your Own Performance as a Designer467
design, career
Best Practices for Tags and Tag Managers466
tag-management, web-vitals, best-practices
Creating an Accessible Dialog From Scratch (kit/sma)465
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)464
performance, webpagetest
Safari Isn’t Protecting the Web, It’s Killing It463
browsers, apple, safari, web
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)462
css
How to Hand Off Accessible Designs to Developers?461
how-tos, accessibility, processes
Architecting and Scaffolding a TypeScript and Express API460
typescript, express, apis
CSS Logical Properties and Values (oll/css)459
css, logical-properties
Global vs. Local Styling in Next.js (sma)458
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)457
css, svg, techniques, effects, comparisons
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks456
tutorials, guides, webhooks
When You Cannot Run Away From Using Tables on Mobile455
layout, user-experience, tables, mobile
Is It Time to Ditch the Design Grid? (mic)454
design, layout, grids
A Beginner’s Guide to Lighthouse453
guides, lighthouse, google, performance, web-vitals
Accessible Design From the Get-Go (rom/evi)452
accessibility
Getting Started With React “useContext” Hook and React Context451
react, hooks, introductions
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender450
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)449
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics448
sem, concepts
Overview of the RenderingNG Architecture (chr)447
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)446
accessibility, user-experience, principles
12 Python Tips and Tricks You Must Know445
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)444
css, layout
Complete Introduction to CSS Flexbox443
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)442
react
Four Factors in UX Maturity (nng)441
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility440
accessibility
5 UI Tips to Become a Better Front-End Developer439
design, colors, tips-and-tricks
Accessibility Strategy for Product Management (tpg)438
accessibility, strategies, product-management
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)437
how-tos, performance, rendering
Using Google Drive as a CMS (css)436
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages435
accessibility
The Vanishing Designer434
design, career
Definition of Done vs. Acceptance Criteria433
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism432
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)431
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work430
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)429
avif, images, cloudinary
Custom Properties and “@property” (ppk)428
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders427
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)426
how-tos, migrating, wordpress, headless, content-management
From a Colourblind Designer to the World: Please Stop Using Red and Green Together425
accessibility, colors
The Accessibility Stalemate (cod)424
accessibility
6 Useful Frontend Techniques That You May Not Know About423
html, css, javascript, techniques
Journey of a Web Page—How Browsers Work422
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)421
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)420
css, animations
The Future of UX Design (uxm)419
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers418
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)417
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)416
introductions, web-components, javascript, dom
Principle of Closure in Visual Design (nng)415
design, principles
Designing for Information Density414
design
Why Has User Experience Design Become Legal Experience Design? (gar)413
accessibility, user-experience, legal
Accessibility of the “Section” Element (sco)412
accessibility, html
Magento Tips and Tricks411
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”410
google, lessons
The State of Developer Ecosystem 2021 (jet)409
surveys, metrics
Content Accessibility Fact Sheet408
content, accessibility
Designing for the Unexpected (ali)407
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated406
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)405
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)404
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)403
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)402
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi)401
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)400
accessibility, automation
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)399
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know398
http, protocols
I’m Changing How I Review Code397
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)396
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)395
css, flexbox, alignment
The Most Important Lessons I’ve Learned From Senior Software Engineers394
lessons, career
An Unreasonably Long Introduction to ARIA (With Example Implementation)393
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)392
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions391
angular
Detecting Media Query Support in CSS and JavaScript (kil)390
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)389
how-tos, migrating, jquery, nextjs
Gridless Design (don)388
websites, design, layout
Refactoring CSS: Introduction (cod/sma)387
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started386
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility385
accessibility, writing
15 HTML5 Best Practices for Beginners to Master384
html, best-practices
Freelance React Developer Checklist (rwi)383
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)382
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp381
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)380
accessibility
The Document Outline (mat/mat)379
html, headings, accessibility
Creating Accessible CSS Art (alv)378
css, accessibility, art
Milligram CSS377
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed376
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)375
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained374
colors, color-palettes, frameworks
ARIA in HTML (sco)373
accessibility, aria, html
Five Ways to Include D/Deaf Users in Your Designs (tpg)372
accessibility, design
TypeScript and Native ESM on Node.js (rau)371
typescript, esm, nodejs
Bootstrap 5 Print Stylesheet (chr)370
bootstrap, print, css
Accessibility and Inclusivity: Distinctions in Experience Design369
accessibility, dei, user-experience
How to Use “Promise.all()”368
how-tos, javascript, promises
The Anatomy of a Web Page: 14 Basic Elements367
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
The Dilemma of Naming Font Size Variables (css)366
css, preprocessors, custom-properties
A Quick Introduction to Handlebars365
introductions, handlebars
How Does Node.js Load Its Built-In/Native Modules? (joy)364
javascript, nodejs, modules
Build a Website With React and Tailwind CSS363
react, tailwind
Using HSL Colors in CSS (sha/sma)362
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest361
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)360
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design359
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)358
javascript
Acronyms in Web Development (fla)357
terminology
Evaluating Color and Contrast—How Hard Can It Be? (web)356
accessibility, colors, contrast
Short Note on Skip Links With Sticky Headers355
accessibility, skip-links, css
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)354
testing, quality
Towards Richer Colors on the Web353
design, colors
What Do HTML Elements Sound Like? (rik)352
html, screen-readers, voiceover, accessibility
Accessibility and SEO351
accessibility, seo, html
9 Tips to Help You Ace a Whiteboard Interview350
interviewing, career, tips-and-tricks
Colorblind Accessibility Manifesto349
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)348
javascript, security, encoding
How We Built React Components for Any Front End347
react, components, case-studies
The Internet Is Rotting346
link-rot, web
The State of Web Workers in 2021 (sur/sma)345
javascript, web-workers
When a Click Is Not Just a Click (css)344
javascript
10 Figma Best Practices to 10× Your Workflow343
design, figma, productivity, best-practices
Detecting Hover-Capable Devices (mic)342
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career341
career, mistakes
Use the “i” Element, and Use It Appropriately (j9t)340
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer339
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js338
nextjs, maintainability, monorepos
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric)337
css, frameworks, fundamentals, quality
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)336
amp, web-vitals, google
Screen Readers: Hearing the Unseen335
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS334
design, strategies
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)333
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)332
javascript, frameworks, performance, web-vitals
I Regret Being a Hipster in Tech331
career
My Journey From a Novice to a Front-End Engineer330
career
Creating a Multi-Author Blog With Next.js (dom/sma)329
nextjs, blogging
All You Need Is 5 Fonts328
design, typography, fonts
Building a Responsive Layout With CSS Grid and Container Queries (5t3)327
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)326
videos, css, container-queries
Debugging JavaScript and Front-End325
videos, javascript, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)324
javascript, html, frameworks
Using CSS to Enforce Accessibility (aar)323
accessibility, css
Accessibility in React322
accessibility, react
Beyond Basic Alt Text—Charts, Maps, and Diagrams321
accessibility, alt-text, images, information-design
No Code Reviews by Default320
code-reviews
React Architecture: How to Structure and Organize a React Application319
how-tos, react, architecture
The True Cost of a Redesign318
redesigning, economics
Making the Web—Faster317
web, performance, developer-experience, principles
Custom Scrollbars in CSS (sha)316
css
Demystifying Styled Components (jos)315
css, javascript, components
Sorting Colors in JavaScript314
javascript, sorting, colors
What Is QUIC Protocol: Everything That You Should Know313
protocols, quic
What’s New in ES2021312
javascript, ecmascript, standards
Craft Good Questions for Usability Tests311
usability, testing
RenderingNG (chr)310
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images309
open-graph, images
How to Use Dynamic Imports in JavaScript308
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)307
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches306
redux, state-management, testing, history
Keeping It Consistent: Design Tokens305
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design304
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)303
maintenance
Client-Side Routing in Next.js (sma)302
nextjs, routing
OMG, SVG Favicons FTW!301
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)300
css, fonts, variable-fonts, typography
Web Audio API (pad/w3c)299
standards, multimedia, apis
Your Image Is Probably Not Decorative (eri/sma)298
images, decoration, accessibility, alt-text
How Apple Changed the Way We Navigate—Forever297
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)296
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)295
guides, accessibility, tooling
NPM Global Audit294
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)293
career
Dart Basics292
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities291
security, vulnerabilities
Everyday Accessibility290
accessibility
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)289
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)288
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console287
regex, seo, google
Adding Shadows to SVG Icons With CSS and SVG Filters (css)286
css, svg, images, icons, shadows, filters, effects
How to Center Anything in CSS Using Flexbox and Grid (fre)285
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)284
html, images, performance
React Cheat Sheet (Updated June 2021)283
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)282
performance, images
The Art of Frontend Engineering281
career
Let’s Learn About Aspect Ratio in CSS (sha)280
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples279
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)278
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)277
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)276
css, selectors
The Simplicity of Svelte275
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)274
alpinejs, tips-and-tricks
What Is Prisma and Why Do We Need Another ORM? (nea)273
databases, tooling, prisma
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States272
design, usability
Ready-Made Counter Styles (ri/w3c)271
css, localization
Why Validate? (j9t)270
html, css, quality, conformance, craft
Building a Color Scheme (arg)269
css, design, colors, color-palettes
10 Postman Features Everyone Should Know (get)268
postman
Component-Specific Design Tokens (clo)267
components, design-tokens
Improving the UX of Your Design System266
design-systems, user-experience, optimization
Towards a Common Vision for Browser Extensions265
browsers, browser-extensions
Reasons Why Bugs Might Feel “Impossible”264
debugging, quality, bugs
Accessible Overflow263
accessibility, html, css, overflow
An Accessibility Strategy262
accessibility, strategies
Extracts From a Private Q&A Retrospective About the WHATWG261
interviews, whatwg
The Dark Side of Notepad++ : v8260
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison259
frameworks, vuejs, react, comparisons
10 Utility Functions for Working With Objects in JavaScript258
javascript, functions, objects
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)257
performance
Using AVIF to Compress Images on Your Site256
performance, images, avif, compression
A Comprehensive Guide to Vue Slots255
guides, vuejs
A Little Book of Accessibility (gar)254
accessibility
JavaScript: Debouncing and Throttling253
javascript, debouncing, throttling
CSS System Colors (jim)252
css, colors
Getting Started With a Kanban Board: 6 Tips for Productive Work251
introductions, kanban, agile, tips-and-tricks, productivity
How to Redirect HTTP to HTTPS (sem)250
how-tos, redirecting, http, tls, wordpress, nginx, iis, microsoft, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)249
vuejs, state-management
Open Source Insights248
websites, foss, dependencies, security, licensing
Best Practices for Fonts (tun)247
fonts, best-practices, performance
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)246
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)245
css
CSS for Web Vitals (una)244
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)243
release-notes, firefox, mozilla, browsers
Thoughts for the Aging Web Developer (j9t)242
career
Embracing Design Constraints (aar)241
design
The Hidden World of “aria-hidden” (ste)240
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)239
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)238
tooling, search, performance
Disabling a Link (sco)237
links, css, accessibility
Geolocation API (mar/w3c)236
geolocation, apis, standards
How to Build an Image Comparison Slider235
how-tos, sliders, react, images
What Makes a Great Component Library?234
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)233
accessibility, svg, images, screen-readers
Accessible Web Forms232
videos, accessibility, forms
A Thorough Analysis of CSS-in-JS (css)231
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today230
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Writing Better Regular Expressions in PHP229
php, regex, readability
A Beginner’s Guide to Vue 3228
guides, vuejs
25 Years of CSS (mey)227
css, history
Your Design System Is Actually a Product—Treat It Like One226
design-systems
Access Guide225
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)224
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)223
eleventy, time, hiding
The Curb-Cut Effect (ske)222
accessibility
Svelte for the Experienced React Dev (ada/css)221
react, svelte
A11y Audit Bookmarklets (llo)220
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)219
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice218
career, training, professionalism
Dark Patterns Tip Line217
websites, dark-patterns, user-experience
Don’t Overabstract Your Components216
html, javascript, components
Useful and Useless Code Comments (jim)215
developer-experience, comments
Approaches to Undo and Redo (mca)214
undo-redo, functionality, javascript
How to Name Your Design System213
how-tos, design-systems, naming
The New Responsive: Web Design in a Component-Driven World (una)212
responsive-design, css, components
WebGPU (kai/w3c)211
webgpu, standards
We Need to Talk About WCAG (ria)210
accessibility, wcag
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)209
html, css, conformance, metrics, quality, craft
Learn CSS (bel)208
courses, css
The Button Cheat Sheet (mat)207
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)206
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components205
css, container-queries, web-components
Create Scripts in JavaScript With zx204
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)203
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)202
css, selectors, igalia
JPEG XL201
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)200
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)199
guides, css, grids, layout
Building a React Design System for Adoption and Scale198
react, design-systems
Making Disabled Buttons More Inclusive (san/css)197
css, accessibility
Video SEO Best Practices for Ecommerce196
seo, google, multimedia, ecommerce, best-practices
A Primer on CSS Container Queries (5t3/sma)195
introductions, css, container-queries
Everything You Need to Know About A/B Testing194
metrics, testing, optimization
Introduction to Using Dart in Flutter (log)193
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js192
zx, nodejs
Web Application Development: The Ultimate Guide (2021)191
guides, web-apps
Rethinking Component Libraries190
components
Introduction to HTTP Cookies189
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap188
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse187
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)186
css, vendor-extensions
Overreliance on Overlays Is Counter to Enculturation of Accessibility185
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)184
nextjs, html, performance, case-studies
Checking “Under the Hood” of Code (jay)183
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)182
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)181
design, career
The Evolution of Jamstack (bii/sma)180
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)179
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates178
dependencies, maintenance, automation, depfu
Immersive Content Strategy (ali)177
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs176
design-systems, components, apis
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)175
videos, components, responsive-design, breakpoints
Better Onboarding: How to Prevent Codebase Overwhelm174
how-tos, onboarding
A Complete Guide to Custom Properties (chr/css)173
guides, css, custom-properties, examples
Level Up Your Team Workflows With These Kanban Board Best Practices172
agile, kanban, best-practices
Understanding the New Reactivity System in Vue 3171
vuejs, reactivity
Goodnight Polymer Project170
web-components, polymer, lit
Find Unused npm Dependencies169
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit168
css, custom-properties, browsers, browser-engines, webkit
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)167
browsers, edge, microsoft, epic, chromium
21 Best Practices for a Clean React Project166
best-practices, quality, react
Cache Busting in Eleventy (bni)165
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)164
guides, css, selectors, support
Do You Need to Localize Your Website? (ali)163
content, localization, strategies
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling162
career
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)161
guides, incremental-static-regeneration, nextjs
An Introduction to Performance Budgets160
introductions, performance, performance-budgets, metrics
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)159
interviews, career
Intrinsic Typography Is the Future of Styling Text on the Web (css)158
typography, css
Making GraphQL Work in WordPress (sma)157
wordpress, graphql
The Lazy-Loading Property Pattern in JavaScript (nza)156
javascript, software-design-patterns, lazy-loading, performance
Five Reasons Your First Design System Will Fail155
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)154
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)153
overviews, building, tooling, vite
CSS Hell152
websites, css
What Is DevOps? A Comprehensive Introduction151
introductions, dev-ops
Content-Aware Image Resizing in JavaScript150
javascript, images, resizing
A Beginner’s Guide to Load Balancing (osd)149
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)148
php, retrospectives
Overflow Issues in CSS (sha/sma)147
css, overflow, scrolling, flexbox, grids, layout
Fifteen Design Trends From an Accessibility Perspective146
accessibility, design, trends
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)145
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared144
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know143
accessibility, wcag
Variable Scope, Lexical Scope, and Code Blocks in JavaScript142
javascript, scope
Web Developer’s Guide to AVIF Images141
guides, images, avif
Understanding Logical Focus Order140
accessibility, focus, html
9 Principles of Good Web Design139
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)138
videos, css
Comparing the New Generation of Build Tools (css)137
tooling, building, bundling, comparisons
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)136
webauthn, authentication, apis, standards
My Tips for Using IntelliJ IDEA Effectively (das)135
intellij-idea, jetbrains, code-editors, tips-and-tricks, keyboard-shortcuts
Write a Plugin for Tailwind CSS134
tailwind, plugins
How Modernizr Can Help You Implement CSS Fallbacks (kar)133
modernizr, css
Sticky Headers: 5 Ways to Make Them Better (nng)132
navigation, design, optimization
Getting Started With Preact131
introductions, preact
Building an Accessibility Library130
accessibility, processes