Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Element Diversity (mat)627
html
Getting Started With Web Accessibility Testing626
accessibility, testing, introductions
Interactive Learning Tools for Front-End Developers (lou/sma)625
learning
The Effect of CSS on Screen Readers624
css, accessibility, screen-readers
Threats of Using Regular Expressions in JavaScript623
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)622
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Best Practices for Logging in Node.js (app)621
nodejs, logging, best-practices
CSS Dangling Characters (dfk)620
css
It Takes a PhD to Develop That619
career, quality, complexity
timefind618
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained617
html, css, twitter+x
Web Scraping With JavaScript and Node.js616
javascript, nodejs, scraping
Building a Split-Button Component (arg)615
components, html, css, javascript
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)614
history, servers, apache, microsoft, iis
Building a Stepper Component (sha)613
components, html, css
Building Reactive Systems With Node.js612
nodejs, reactivity
Color and Contrast, What Does It Mean? (eri)611
accessibility, colors, contrast
Rethinking User Personas610
usability, user-experience, personas
Shifting Accessibility Testing to the Left609
accessibility, design, usability
State Management in Next.js (ati/sma)608
state-management, nextjs
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities607
accessibility, wcag
9.5 Ways Google Rewrites Your Title Tags (moz)606
seo, google
Why You Should Manage Your Energy, Not Your Time605
career, productivity
Writing High-Performance JavaScript (cfe)604
javascript, performance
Using SVG With Media Queries (web)603
svg, css, media-queries
7 Practices to Create Good JavaScript Variables602
javascript, variables
Common npm Mistakes Every Developer Should Avoid601
npm, mistakes
Exploring the CSS Paint API: Blob Animation (css/css)600
css, apis, animations
HTML Cheatsheet599
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)598
career
What Are the Web Performance Metrics That Actually Matter? (cfe)597
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why (uxd)596
typography, fonts
Remove Unnecessary Files in node_modules595
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev594
github
Essential Concepts in JS593
javascript, concepts
Creating a Positive Culture Around Accessibility (uxd)592
accessibility, culture
7 Useful CSS Cheat Sheets to Improve Your Skills591
css, cheat-sheets
5 Tools to Automate Your Development590
tooling, automation, productivity
Compound Components in React (sma)589
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)588
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)587
css, cssom
Getting Started With CSS Animations586
css, animations, introductions
How to Use “Promise.any()”585
how-tos, javascript, promises
Named and Framed (ste)584
accessibility, html
Small Wins for Accessibility and Resilience583
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)582
design, links
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS581
design, css, overflow
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense580
how-tos, css, flexbox, grids, layout, comparisons
jsc: My New Best Friend579
javascript, tooling
8 Fundamental Principles of Effective Web Design578
principles
How to Automate Documentation Workflow for Developers (sma)577
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)576
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)575
google, search, seo
React JS—the Confusing Parts574
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)573
browsers, browser-engines, chromium, google, rendering, data-structures
4 Important Differences Between Regular and Arrow Functions572
javascript, functions, comparisons
5 Ways to Undo Mistakes With Git571
git, command-line, mistakes
An Introduction to Semantic Versioning570
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)569
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)568
interviews, user-experience, design, okr, strategies, processes
6 CSS Shorthand Properties to Improve Your Web Application567
css, shorthands, optimization
How I Experience Web Today566
websites, web
Using the Platform565
web-platform
Design Thinking: Study Guide (nng)564
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules563
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)562
accessibility
How to Calculate REMs From Pixels561
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me560
writing, blogging
What’s on the Menu?559
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships (uxd)558
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website557
how-tos, aws, s3, ssl
Top 9 Lessons Learned in 12 Years as a Software Developer556
lessons, career
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)555
javascript
Web Accessibility Checklist554
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It553
angular, react, comparisons
Building the Same App 5 Times552
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)551
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)550
release-notes, safari, apple, browsers
ARIA Spec for the Uninitiated (deq)549
html, accessibility, aria
Level Up Your CSS Linting Using Stylelint (log)548
css, consistency, linting, stylelint
State Management in Svelte Applications547
state-management, svelte
What’s New in Bootstrap 5546
frameworks, bootstrap
Using CSS Module Scripts to Import Stylesheets545
css, javascript, modules
Measuring Developer Relations (swy)544
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)543
javascript, promises, asynchronicity
Understanding Generics in TypeScript542
typescript, generics
CSS Grid Tooling in DevTools541
dev-tools, css, grids, layout, browsers, google, chrome
Does Shadow DOM Improve Style Performance? (nol)540
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)539
css, math, functions
You Don’t Know “useEffect”538
react, hooks
Reviewing a Design for Accessibility537
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)536
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis535
algorithms, performance
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)534
images, avif, deep-dives
The Problem of SSR Frameworks (ant)533
server-side-rendering, frameworks, nextjs, sveltekit
Breaking the Web Forward (ppk)532
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business531
videos, tutorials, ghost, blogging, monetization
Accessible Design Systems: Look Good While Doing Good530
design-systems, accessibility
How to Test for Accessibility With Users at Every Design Stage529
how-tos, accessibility, testing
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)528
comparisons, tooling, tech-stacks, jamstack
CSS “accent-color” (arg)527
css, forms
Accessible Contrast Ratios and A-Levels Explained526
accessibility, colors, contrast
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)525
css, animations
Principles by Design524
design, principles
“return await promise” vs. “return promise” in JavaScript523
javascript, promises, comparisons
The Complete Guide to HTML Forms and Constraint Validation (cra)522
guides, html, forms, validation
The State of Mobile First and Desktop First (sha)521
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance520
vuejs, client-side-rendering, performance, optimization
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)519
css, apis, images, effects
Google vs. the Web (cfe)518
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)517
http, protocols, concepts
The World of CSS Transforms (jos)516
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know515
videos, css
JavaScript Development: Making a Web Worker Optional514
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools513
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer512
career, writing
Next-Level List Bullets With CSS “::marker”511
lists, css, selectors
Uploading Multiple Files With Fetch510
javascript, file-handling, data-fetching
Pixelart and the “image-rendering” Paradox509
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)508
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)507
history
Browsers and Representation (jim)506
browsers
Creating a WordPress Child Theme: Is It Really Necessary in 2021?505
wordpress, themes
Modular Code With Nunjucks and Eleventy (jer)504
nunjucks, eleventy, examples
On the “<dl>” (ben)503
html, lists
A Guide to Accessible Digital UX Design502
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design501
usability, testing, dei
Sustainable Web Design, an Excerpt (ali)500
sustainability
Visualizing a Codebase499
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership? (uxd)498
design, leadership
Accessibility Testing With Storybook (sto)497
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)496
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)495
react
Refresher on JavaScript Callbacks and Promises (ato)494
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)493
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)492
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (uxd)491
accessibility, overlays
A Deep Dive on Skipping to Content (css)490
accessibility, skip-links, deep-dives
How to Build Resilient JavaScript UIs (sma)489
how-tos, javascript, user-experience, resilience
How to Use “Promise.allSettled()”488
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol487
introductions, protocols, tcp
npm Security Best Practices (owa)486
npm, security, best-practices
Using localStorage With React Hooks (log)485
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)484
accessibility, myths
What Devs Need483
websites, tooling, link-lists
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)482
github, ci-cd
Balancing UX Design and Conversion-Rate Optimization (uxm)481
user-experience, design, user-conversion, optimization
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score480
performance, nextjs, lighthouse, google, case-studies
Mitigating User Errors (uxm)479
user-experience, errors
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)478
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)477
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide476
guides, software-design, javascript, principles
2021 Scroll Survey Report (arg)475
surveys, css, scrolling
Why It’s Okay for Web Components to Use Frameworks (nol)474
frameworks, web-components
101 Digital Accessibility Tips and Tricks473
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better472
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer471
dev-tools, accessibility, source-order, debugging, browsers, google, chrome
5 Git Tips to Level Up Your Workflow470
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends469
css, architecture, performance, micro-frontends
How to Stay Focused as a Self-Taught Frontend Web Developer468
how-tos, career, learning, productivity
There Is No Such Thing as a CSS Absolute Unit (sma)467
css, units
Optimizing Your Own Performance as a Designer (uxd)466
design, career
Best Practices for Tags and Tag Managers465
tag-management, web-vitals, best-practices
Creating an Accessible Dialog From Scratch (kit/sma)464
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)463
performance, webpagetest
Safari Isn’t Protecting the Web, It’s Killing It462
browsers, apple, safari, web
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)461
css
How to Hand Off Accessible Designs to Developers? (uxd)460
how-tos, accessibility, processes
Architecting and Scaffolding a TypeScript and Express API459
typescript, express, apis
A Beginner’s Guide to Lighthouse458
guides, lighthouse, google, performance, web-vitals
CSS Logical Properties and Values (oll/css)457
css, logical-properties
Global vs. Local Styling in Next.js (sma)456
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)455
css, svg, techniques, effects, comparisons
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks454
tutorials, guides, webhooks
When You Cannot Run Away From Using Tables on Mobile (uxd)453
layout, user-experience, tables, mobile
Is It Time to Ditch the Design Grid? (mic)452
design, layout, grids
Accessible Design From the Get-Go (rom/evi)451
accessibility
Getting Started With React “useContext” Hook and React Context450
react, hooks, introductions
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender449
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)448
surveys, accessibility
UX Principles That Include Cognitive Accessibility447
accessibility, user-experience, principles
What Is SEM Positioning? Definition, Advantages, and Characteristics446
sem, concepts
Overview of the RenderingNG Architecture (chr)445
overviews, browsers, browser-engines, chromium, google, rendering
12 Python Tips and Tricks You Must Know444
python, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)443
css, layout
Complete Introduction to CSS Flexbox442
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)441
react
Four Factors in UX Maturity (nng)440
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility (uxd)439
accessibility
5 UI Tips to Become a Better Front-End Developer438
design, colors, tips-and-tricks
Accessibility Strategy for Product Management (tpg)437
accessibility, strategies, product-management
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)436
how-tos, performance, rendering
Using Google Drive as a CMS (css)435
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages434
accessibility
The Vanishing Designer (uxd)433
design, career
Definition of Done vs. Acceptance Criteria432
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism431
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)430
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work429
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)428
avif, images, cloudinary
Custom Properties and “@property” (ppk)427
css, custom-properties
A Visual Guide to React Rendering—It Always Re-Renders426
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)425
how-tos, migrating, wordpress, headless, content-management
From a Colourblind Designer to the World: Please Stop Using Red and Green Together424
accessibility, colors
The Accessibility Stalemate (cod)423
accessibility
6 Useful Frontend Techniques That You May Not Know About422
html, css, javascript, techniques
An Introduction to Frameworkless Web Components (cra)421
introductions, web-components, javascript, dom
Journey of a Web Page—How Browsers Work420
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)419
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)418
css, animations
The Future of UX Design (uxm)417
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers416
html, css, javascript, cheat-sheets
Eleventy Serverless With Zach Leatherman (zac)415
videos, eleventy, serverless
Principle of Closure in Visual Design (nng)414
design, principles
Why Has User Experience Design Become Legal Experience Design?413
accessibility, user-experience, legal
Designing for Information Density (uxd)412
design
Accessibility of the “Section” Element (sco)411
accessibility, html
Magento Tips and Tricks410
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”409
google, lessons
The State of Developer Ecosystem 2021 (jet)408
surveys, metrics
Content Accessibility Fact Sheet407
content, accessibility
Designing for the Unexpected (ali)406
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated405
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)404
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)403
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)402
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)401
javascript, performance, concepts, tree-shaking
There’s No Such Thing as Fully Automated Web Accessibility (uxd)400
accessibility, automation
The Performance Effects of Too Much Lazy-Loading (rvi)399
performance, web-vitals, lazy-loading
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)398
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know397
http, protocols
I’m Changing How I Review Code396
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)395
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)394
css, flexbox, alignment
The Most Important Lessons I’ve Learned From Senior Software Engineers393
lessons, career
An Unreasonably Long Introduction to ARIA (With Example Implementation)392
introductions, accessibility, aria, live-regions, examples
The Ultimate Guide to Browser-Side Storage (cra)391
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions390
angular
Detecting Media Query Support in CSS and JavaScript (kil)389
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)388
how-tos, migrating, jquery, nextjs
Gridless Design (don)387
websites, design, layout
Refactoring CSS: Introduction (cod/sma)386
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started385
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility384
accessibility, writing
15 HTML5 Best Practices for Beginners to Master383
html, best-practices
Freelance React Developer Checklist (rwi)382
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)381
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)380
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)379
accessibility
The Document Outline (mat/mat)378
html, headings, accessibility
Creating Accessible CSS Art (alv)377
css, accessibility, art
Milligram CSS376
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed375
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)374
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained373
colors, color-palettes, frameworks
ARIA in HTML (sco)372
accessibility, aria, html
Bootstrap 5 Print Stylesheet (chr)371
bootstrap, print, css
Five Ways to Include D/Deaf Users in Your Designs (tpg)370
accessibility, design
TypeScript and Native ESM on Node.js (rau)369
typescript, esm, nodejs
Accessibility and Inclusivity: Distinctions in Experience Design368
accessibility, dei, user-experience
Build a Website With React and Tailwind CSS367
react, tailwind
How to Use “Promise.all()”366
how-tos, javascript, promises
The Anatomy of a Web Page: 14 Basic Elements365
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
The Dilemma of Naming Font Size Variables (css)364
css, preprocessors, custom-properties
A Quick Introduction to Handlebars363
introductions, handlebars
How Does Node.js Load Its Built-In/Native Modules? (joy)362
javascript, nodejs, modules
Using HSL Colors in CSS (sha/sma)361
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest360
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)359
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)358
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)357
javascript
Acronyms in Web Development (fla)356
terminology
Evaluating Color and Contrast—How Hard Can It Be? (web)355
accessibility, colors, contrast
Short Note on Skip Links With Sticky Headers354
accessibility, skip-links, css
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)353
testing, quality
Towards Richer Colors on the Web352
design, colors
What Do HTML Elements Sound Like? (rik)351
html, screen-readers, voiceover, accessibility
Accessibility and SEO350
accessibility, seo, html
5 Hidden Mistakes That Can Ruin a Developer’s Career349
career, mistakes
9 Tips to Help You Ace a Whiteboard Interview348
interviewing, career, tips-and-tricks
Colorblind Accessibility Manifesto347
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)346
javascript, security, encoding
How We Built React Components for Any Front End345
react, components, case-studies
The Internet Is Rotting344
link-rot, web
The State of Web Workers in 2021 (sur/sma)343
javascript, web-workers
When a Click Is Not Just a Click (css)342
javascript
10 Figma Best Practices to 10× Your Workflow (uxd)341
design, figma, productivity, best-practices
Detecting Hover-Capable Devices (mic)340
css, feature-detection, hover
Use the “i” Element, and Use It Appropriately (j9t)339
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer338
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js337
nextjs, maintainability, monorepos
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)336
css, frameworks, fundamentals, quality
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)335
amp, web-vitals, google
Screen Readers: Hearing the Unseen334
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS333
design, strategies
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)332
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)331
javascript, frameworks, performance, web-vitals
I Regret Being a Hipster in Tech330
career
My Journey From a Novice to a Front-End Engineer329
career
Creating a Multi-Author Blog With Next.js (dom/sma)328
nextjs, blogging
All You Need Is 5 Fonts (uxd)327
design, typography, fonts
Building a Responsive Layout With CSS Grid and Container Queries (5t3)326
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)325
videos, css, container-queries
Debugging JavaScript and Front-End324
videos, javascript, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)323
javascript, html, frameworks
Using CSS to Enforce Accessibility (aar)322
accessibility, css
Accessibility in React321
accessibility, react
Beyond Basic Alt Text—Charts, Maps, and Diagrams320
accessibility, alt-text, images, information-design
Making the Web—Faster (rau)319
web, performance, developer-experience, principles
No Code Reviews by Default318
code-reviews
React Architecture: How to Structure and Organize a React Application317
how-tos, react, architecture
The True Cost of a Redesign (uxd)316
redesigning, economics
Custom Scrollbars in CSS (sha)315
css
Demystifying Styled Components (jos)314
css, javascript, components
Sorting Colors in JavaScript313
javascript, sorting, colors
What Is QUIC Protocol: Everything That You Should Know312
protocols, quic
What’s New in ES2021311
javascript, ecmascript, standards
Craft Good Questions for Usability Tests (uxd)310
usability, testing
RenderingNG (chr)309
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images308
open-graph, images
How to Use Dynamic Imports in JavaScript307
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)306
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches305
redux, state-management, testing, history
Keeping It Consistent: Design Tokens (uxd)304
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design303
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)302
maintenance
Client-Side Routing in Next.js (sma)301
nextjs, routing
OMG, SVG Favicons FTW!300
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)299
css, fonts, variable-fonts, typography
Web Audio API (pad/w3c)298
standards, multimedia, apis
Your Image Is Probably Not Decorative (eri/sma)297
images, decoration, accessibility, alt-text
How Apple Changed the Way We Navigate—Forever (uxd)296
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)295
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)294
guides, accessibility, tooling
NPM Global Audit293
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)292
career
Dart Basics291
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities290
security, vulnerabilities
Everyday Accessibility289
accessibility
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)288
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)287
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console286
regex, seo, google
Adding Shadows to SVG Icons With CSS and SVG Filters (css)285
css, svg, images, icons, shadows, filters, effects
How to Center Anything in CSS Using Flexbox and Grid (fre)284
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)283
html, images, performance
React Cheat Sheet (Updated June 2021)282
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)281
performance, images
The Art of Frontend Engineering280
career
Let’s Learn About Aspect Ratio in CSS (sha)279
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples278
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)277
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)276
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)275
css, selectors
The Simplicity of Svelte274
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)273
alpinejs, tips-and-tricks
What Is Prisma and Why Do We Need Another ORM? (nea)272
databases, tooling, prisma
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)271
design, usability
Ready-Made Counter Styles (ri/w3c)270
css, localization
Why Validate? (j9t)269
html, css, quality, conformance, craft
Building a Color Scheme (arg)268
css, design, colors, color-palettes
10 Postman Features Everyone Should Know (get)267
postman
Component-Specific Design Tokens (clo)266
components, design-tokens
Improving the UX of Your Design System265
design-systems, user-experience, optimization
Towards a Common Vision for Browser Extensions264
browsers, browser-extensions
Reasons Why Bugs Might Feel “Impossible”263
debugging, quality, bugs
Accessible Overflow262
accessibility, html, css, overflow
An Accessibility Strategy261
accessibility, strategies
Extracts From a Private Q&A Retrospective About the WHATWG260
interviews, whatwg
The Dark Side of Notepad++ : v8259
release-notes, notepad++
Vue.js vs. React—Not Your Usual Comparison258
frameworks, vuejs, react, comparisons
10 Utility Functions for Working With Objects in JavaScript257
javascript, functions, objects
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)256
performance
A Comprehensive Guide to Vue Slots255
guides, vuejs
Using AVIF to Compress Images on Your Site254
performance, images, avif, compression
A Little Book of Accessibility253
accessibility
JavaScript: Debouncing and Throttling252
javascript, debouncing, throttling
CSS System Colors (jim)251
css, colors
Getting Started With a Kanban Board: 6 Tips for Productive Work250
introductions, kanban, agile, tips-and-tricks, productivity
How to Redirect HTTP to HTTPS (sem)249
how-tos, redirecting, http, tls, wordpress, nginx, iis, microsoft, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)248
vuejs, state-management
Open Source Insights247
websites, foss, dependencies, security, licensing
Best Practices for Fonts (tun)246
fonts, best-practices, performance
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)245
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)244
css
CSS for Web Vitals (una)243
css, performance, web-vitals
Looking Fine With Firefox 89 (chr/moz)242
release-notes, firefox, mozilla, browsers
Thoughts for the Aging Web Developer (j9t)241
career
Embracing Design Constraints (aar)240
design
The Hidden World of “aria-hidden” (ste)239
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)238
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)237
tooling, search, performance
Disabling a Link (sco)236
links, css, accessibility
Geolocation API (mar/w3c)235
geolocation, apis, standards
How to Build an Image Comparison Slider234
how-tos, sliders, react, images
What Makes a Great Component Library?233
components, libraries
A Beginner’s Guide to Vue 3232
guides, vuejs
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)231
accessibility, svg, images, screen-readers
Accessible Web Forms230
videos, accessibility, forms
A Thorough Analysis of CSS-in-JS (css)229
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today228
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Writing Better Regular Expressions in PHP227
php, regex, readability
25 Years of CSS (mey)226
css, history
Your Design System Is Actually a Product—Treat It Like One (uxd)225
design-systems
Access Guide224
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)223
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)222
eleventy, time, hiding
The Curb-Cut Effect (ske)221
accessibility
Svelte for the Experienced React Dev (ada/css)220
react, svelte
A11y Audit Bookmarklets (llo)219
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)218
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice217
career, training, professionalism
Dark Patterns Tip Line216
websites, dark-patterns, user-experience
Don’t Overabstract Your Components215
html, javascript, components
Useful and Useless Code Comments (jim)214
developer-experience, comments
Approaches to Undo and Redo (mca)213
undo-redo, functionality, javascript
How to Name Your Design System212
how-tos, design-systems, naming
The New Responsive: Web Design in a Component-Driven World (una)211
responsive-design, css, components
WebGPU (kai/w3c)210
webgpu, standards
We Need to Talk About WCAG (ria)209
accessibility, wcag
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)208
html, css, conformance, metrics, quality, craft
Learn CSS (bel)207
courses, css
The Button Cheat Sheet (mat)206
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)205
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components204
css, container-queries, web-components
Create Scripts in JavaScript With zx203
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)202
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)201
css, selectors, igalia
JPEG XL200
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)199
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)198
guides, css, grids, layout
Building a React Design System for Adoption and Scale197
react, design-systems
Making Disabled Buttons More Inclusive (san/css)196
css, accessibility
Video SEO Best Practices for Ecommerce195
seo, google, multimedia, ecommerce, best-practices
A Primer on CSS Container Queries (5t3/sma)194
introductions, css, container-queries
Everything You Need to Know About A/B Testing193
metrics, testing, optimization
Introduction to Using Dart in Flutter (log)192
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js191
zx, nodejs
Web Application Development: The Ultimate Guide (2021)190
guides, web-apps
Rethinking Component Libraries189
components
Introduction to HTTP Cookies188
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap187
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse186
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)185
css, vendor-extensions
Overreliance on Overlays Is Counter to Enculturation of Accessibility184
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)183
nextjs, html, performance, case-studies
Auditing Design Systems for Accessibility (deq)182
accessibility, design-systems, quality, auditing
Checking “Under the Hood” of Code (jay)181
dev-tools, browsers, debugging, console, javascript, html, css, history
4 Soft Skills Every Designer Should Aspire to Learn (uxm)180
design, career
The Evolution of Jamstack (bii/sma)179
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)178
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates177
dependencies, maintenance, automation, depfu
Better Onboarding: How to Prevent Codebase Overwhelm176
how-tos, onboarding
Immersive Content Strategy (ali)175
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs174
design-systems, components, apis
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)173
videos, components, responsive-design, breakpoints
A Complete Guide to Custom Properties (chr/css)172
guides, css, custom-properties, examples
Level Up Your Team Workflows With These Kanban Board Best Practices171
agile, kanban, best-practices
Understanding the New Reactivity System in Vue 3170
vuejs, reactivity
Goodnight Polymer Project169
web-components, polymer, lit
Find Unused npm Dependencies168
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit167
css, custom-properties, browsers, browser-engines, webkit
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
Content-Aware Image Resizing in JavaScript152
javascript, images, resizing
CSS Hell151
websites, css
What Is DevOps? A Comprehensive Introduction150
introductions, dev-ops
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
Write a Plugin for Tailwind CSS135
tailwind, plugins
My Tips for Using IntelliJ IDEA Effectively (das)134
intellij-idea, jetbrains, code-editors, tips-and-tricks, keyboard-shortcuts
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
Defining a Strategy for Accessibility (cra)129
accessibility, strategies
Code in Quarantine (j9t)128
quality, maintenance