Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Threats of Using Regular Expressions in JavaScript617
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)616
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
Best Practices for Logging in Node.js (app)615
nodejs, logging, best-practices
Building a Split-Button Component (arg/dev)614
components, html, css, javascript
CSS Dangling Characters (dfk)613
css
It Takes a PhD to Develop That612
career, quality, complexity
timefind611
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained610
html, css, twitter+x
Web Scraping With JavaScript and Node.js609
javascript, nodejs, scraping
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)608
history, servers, apache, microsoft, iis
Building a Stepper Component (sha)607
components, html, css
Building Reactive Systems With Node.js606
nodejs, reactivity
Color and Contrast, What Does It Mean? (eri)605
accessibility, colors, contrast
Rethinking User Personas604
usability, user-experience, personas
Shifting Accessibility Testing to the Left603
accessibility, design, usability
State Management in Next.js (ati/sma)602
state-management, nextjs
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities601
accessibility, wcag
9.5 Ways Google Rewrites Your Title Tags (moz)600
seo, google
Why You Should Manage Your Energy, Not Your Time599
career, productivity
Writing High-Performance JavaScript (cfe)598
javascript, performance
Using SVG With Media Queries (web)597
svg, css, media-queries
7 Practices to Create Good JavaScript Variables596
javascript, variables
Common npm Mistakes Every Developer Should Avoid595
npm, mistakes
Exploring the CSS Paint API: Blob Animation (css/css)594
css, apis, animations
HTML Cheatsheet593
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)592
career
What Are the Web Performance Metrics That Actually Matter? (cfe)591
performance, metrics
Times New Roman Doesn’t Have to Be Boring—Here’s Why (uxd)590
typography, fonts
Remove Unnecessary Files in node_modules589
tooling, nodejs
10 Fun Things You Can Do With GitHub.dev588
github
7 Useful CSS Cheat Sheets to Improve Your Skills587
css, cheat-sheets
Essential Concepts in JS586
javascript, concepts
Creating a Positive Culture Around Accessibility (uxd)585
accessibility, culture
5 Tools to Automate Your Development584
tooling, automation, productivity
Compound Components in React (sma)583
react, components
Lighthouse Scores Do Not Affect Google Search/SEO (erw)582
performance, lighthouse, google, search, seo
CSS Object Model (CSSOM) (gla+/w3c)581
css, cssom
Getting Started With CSS Animations580
css, animations, introductions
How to Use “Promise.any()”579
how-tos, javascript, promises
Named and Framed (ste)578
accessibility, html
Small Wins for Accessibility and Resilience577
accessibility, resilience, html
Why Are Hyperlinks Blue? (moz)576
design, links
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS575
design, css, overflow
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense574
how-tos, css, flexbox, grids, layout, comparisons
jsc: My New Best Friend573
javascript, tooling
8 Fundamental Principles of Effective Web Design572
principles
How to Automate Documentation Workflow for Developers (sma)571
how-tos, documentation, automation, github-actions
Key Data Structures and Their Roles in RenderingNG (chr+/dev)570
browsers, browser-engines, chromium, google, rendering, data-structures
React JS—the Confusing Parts569
react, jsx
Scrollbar Reflowing (chr/css)568
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)567
google, search, seo
4 Important Differences Between Regular and Arrow Functions566
javascript, functions, comparisons
5 Ways to Undo Mistakes With Git565
git, command-line, mistakes
An Introduction to Semantic Versioning564
introductions, semver, versioning
HTTP/3: Performance Improvements (pro/sma)563
http, protocols, performance
Using Objectives and Key Results to Inform UX Design (uxm)562
interviews, user-experience, design, okr, strategies, processes
6 CSS Shorthand Properties to Improve Your Web Application561
css, shorthands, optimization
How I Experience Web Today560
websites, web
Using the Platform559
web-platform
Design Thinking: Study Guide (nng)558
guides, design, training, link-lists
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules557
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)556
accessibility
How to Calculate REMs From Pixels555
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me554
writing, blogging
What’s on the Menu?553
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships (uxd)552
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website551
how-tos, aws, s3, ssl
Top 9 Lessons Learned in 12 Years as a Software Developer550
lessons, career
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)549
javascript
Web Accessibility Checklist548
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It547
angular, react, comparisons
Building the Same App 5 Times546
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)545
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)544
release-notes, safari, apple, browsers
ARIA Spec for the Uninitiated (deq)543
html, accessibility, aria
Level Up Your CSS Linting Using Stylelint (log)542
css, consistency, linting, stylelint
State Management in Svelte Applications541
state-management, svelte
Using CSS Module Scripts to Import Stylesheets (dev)540
css, javascript, modules
What’s New in Bootstrap 5539
frameworks, bootstrap
CSS Grid Tooling in DevTools (dev)538
dev-tools, css, grids, layout, browsers, google, chrome
Measuring Developer Relations (swy)537
developer-relations, advocacy, metrics
What Is a Promise? JavaScript Promises for Beginners (fre)536
javascript, promises, asynchronicity
Understanding Generics in TypeScript535
typescript, generics
Does Shadow DOM Improve Style Performance? (nol)534
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)533
css, math, functions
You Don’t Know “useEffect”532
react, hooks
Reviewing a Design for Accessibility531
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)530
guides, accessibility, focus, wcag, compliance
Big O, Code Efficiency Analysis529
algorithms, performance
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)528
images, avif, deep-dives
The Problem of SSR Frameworks (ant)527
server-side-rendering, frameworks, nextjs, sveltekit
Breaking the Web Forward (ppk)526
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business525
videos, tutorials, ghost, blogging, monetization
Accessible Design Systems: Look Good While Doing Good524
design-systems, accessibility
CSS “accent-color” (arg/dev)523
css, forms
How to Test for Accessibility With Users at Every Design Stage522
how-tos, accessibility, testing
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)521
comparisons, tooling, tech-stacks, jamstack
Accessible Contrast Ratios and A-Levels Explained520
accessibility, colors, contrast
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)519
css, animations
Principles by Design518
design, principles
“return await promise” vs. “return promise” in JavaScript517
javascript, promises, comparisons
The Complete Guide to HTML Forms and Constraint Validation (cra)516
guides, html, forms, validation
The State of Mobile First and Desktop First (sha)515
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance514
vuejs, client-side-rendering, performance, optimization
A Performance-Focused Workflow Based on Google Tools (dev)513
performance, web-vitals, tooling, google
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)512
css, apis, images, effects
Google vs. the Web (cfe)511
google, web
How Writing Can Advance Your Career as a Developer510
career, writing
HTTP/3 From A to Z: Core Concepts (pro/sma)509
http, protocols, concepts
JavaScript Development: Making a Web Worker Optional508
javascript, web-workers
The World of CSS Transforms (jos)507
css, transforms
Next-Level List Bullets With CSS “::marker”506
lists, css, selectors
Uploading Multiple Files With Fetch505
javascript, file-handling, data-fetching
Pixelart and the “image-rendering” Paradox504
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)503
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)502
history
Browsers and Representation (jim)501
browsers
Creating a WordPress Child Theme: Is It Really Necessary in 2021?500
wordpress, themes
Modular Code With Nunjucks and Eleventy (jer)499
nunjucks, eleventy, examples
On the “<dl>” (ben)498
html, lists
A Guide to Accessible Digital UX Design497
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design496
usability, testing, dei
Sustainable Web Design, an Excerpt (ali)495
sustainability
Visualizing a Codebase494
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership? (uxd)493
design, leadership
Accessibility Testing With Storybook (sto)492
accessibility, testing, storybook
CSS Nesting, Specificity, and You (kil)491
css, selectors, cascade, nesting
React Children and Iteration Methods (sma)490
react
Refresher on JavaScript Callbacks and Promises (ato)489
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)488
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)487
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (uxd)486
accessibility, overlays
A Deep Dive on Skipping to Content (css)485
accessibility, skip-links, deep-dives
Building the Perfect GitHub CI Workflow for Your Frontend Team484
github, ci-cd
How to Build Resilient JavaScript UIs (sma)483
how-tos, javascript, user-experience, resilience
How to Use “Promise.allSettled()”482
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol481
introductions, protocols, tcp
npm Security Best Practices (owa)480
npm, security, best-practices
Using localStorage With React Hooks (log)479
browser-storage, react, hooks
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)478
accessibility, myths
What Devs Need477
websites, tooling, link-lists
2021 Scroll Survey Report (arg/dev)476
surveys, css, scrolling
Balancing UX Design and Conversion-Rate Optimization (uxm)475
user-experience, design, user-conversion, optimization
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score474
performance, nextjs, lighthouse, google, case-studies
Mitigating User Errors (uxm)473
user-experience, errors
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)472
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)471
user-experience, writing, user-conversion
The (Most Comprehensive) JavaScript Design Principles Guide470
guides, software-design, javascript, principles
Why It’s Okay for Web Components to Use Frameworks (nol)469
frameworks, web-components
101 Digital Accessibility Tips and Tricks468
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better467
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer466
dev-tools, accessibility, source-order, debugging, browsers, google, chrome
5 Git Tips to Level Up Your Workflow465
git, tips-and-tricks, command-line
Best Practices for Tags and Tag Managers (dev)464
tag-management, web-vitals, best-practices
CSS Architecture and Performance in Micro Frontends463
css, architecture, performance, micro-frontends
How to Stay Focused as a Self-Taught Frontend Web Developer462
how-tos, career, learning, productivity
There Is No Such Thing as a CSS Absolute Unit (sma)461
css, units
Optimizing Your Own Performance as a Designer (uxd)460
design, career
Architecting and Scaffolding a TypeScript and Express API459
typescript, express, apis
Creating an Accessible Dialog From Scratch (kit/sma)458
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)457
performance, webpagetest
Safari Isn’t Protecting the Web, It’s Killing It456
browsers, apple, safari, web
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)455
css
How to Hand Off Accessible Designs to Developers? (uxd)454
how-tos, accessibility, processes
A Beginner’s Guide to Lighthouse453
guides, lighthouse, google, performance, web-vitals
CSS Logical Properties and Values (oll/css)452
css, logical-properties
Global vs. Local Styling in Next.js (sma)451
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)450
css, svg, techniques, effects, comparisons
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks449
tutorials, guides, webhooks
When You Cannot Run Away From Using Tables on Mobile (uxd)448
layout, user-experience, tables, mobile
Is It Time to Ditch the Design Grid? (mic)447
design, layout, grids
Accessible Design From the Get-Go (rom/evi)446
accessibility
Getting Started With React “useContext” Hook and React Context445
react, hooks, introductions
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender444
css, layout
Overview of the RenderingNG Architecture (chr/dev)443
overviews, browsers, browser-engines, chromium, google, rendering
Takeaways From the 2021 State of Digital Accessibility Report (red)442
surveys, accessibility
UX Principles That Include Cognitive Accessibility441
accessibility, user-experience, principles
What Is SEM Positioning? Definition, Advantages, and Characteristics440
sem, concepts
12 Python Tips and Tricks You Must Know439
python, tips-and-tricks
5 UI Tips to Become a Better Front-End Developer438
design, colors, tips-and-tricks
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)437
css, layout
Complete Introduction to CSS Flexbox436
introductions, css, flexbox, layout
You Don’t Need React for Building Websites (cit)435
react
Four Factors in UX Maturity (nng)434
user-experience
It Is Time to Ditch the Title “Evangelist” From Accessibility (uxd)433
accessibility
Accessibility Strategy for Product Management (tpg)432
accessibility, strategies, product-management
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)431
how-tos, performance, rendering
Using Google Drive as a CMS (css)430
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages429
accessibility
The Vanishing Designer (uxd)428
design, career
Custom Properties and “@ property” (ppk)427
css, custom-properties
Definition of Done vs. Acceptance Criteria426
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism425
git
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)424
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work423
accessibility, wcag, colors, contrast
What to Know About AVIF on Cloudinary (sia)422
avif, images, cloudinary
A Visual Guide to React Rendering—It Always Re-Renders421
guides, react
How to Migrate From WordPress to a Headless CMS (daw/sma)420
how-tos, migrating, wordpress, headless, content-management
From a Colourblind Designer to the World: Please Stop Using Red and Green Together419
accessibility, colors
The Accessibility Stalemate (cod)418
accessibility
6 Useful Frontend Techniques That You May Not Know About417
html, css, javascript, techniques
An Introduction to Frameworkless Web Components (cra)416
introductions, web-components, javascript, dom
Journey of a Web Page—How Browsers Work415
browsers, concepts
Maintaining End-to-End Quality With Visual Testing (sma)414
testing, quality, design
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)413
css, animations
The Future of UX Design (uxm)412
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers411
html, css, javascript, cheat-sheets
Principle of Closure in Visual Design (nng)410
design, principles
Why Has User Experience Design Become Legal Experience Design?409
accessibility, user-experience, legal
Designing for Information Density (uxd)408
design
Accessibility of the “Section” Element (sco)407
accessibility, html
Magento Tips and Tricks406
magento, tips-and-tricks, seo
What I Learned From “Software Engineering at Google”405
google, lessons
The State of Developer Ecosystem 2021 (jet)404
surveys, metrics
Content Accessibility Fact Sheet403
content, accessibility
Designing for the Unexpected (ali)402
design, html, css
For Developers, Apple’s Safari Is Crap and Outdated401
browsers, apple, safari
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)400
browsers, mobile, user-experience, apple, facebook+meta, google
How to Get a Pixel-Perfect, Linearly Scaled UI (css)399
how-tos, css, preprocessors, layout
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)398
incremental-static-regeneration, rendering, terminology, concepts
The Performance Effects of Too Much Lazy-Loading (rvi/dev)397
performance, web-vitals, lazy-loading
What Is Tree Shaking? (cfe)396
javascript, performance, concepts, tree-shaking
There’s No Such Thing as Fully Automated Web Accessibility (uxd)395
accessibility, automation
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)394
css, transitions, custom-properties, complexity
HTTP Status Codes That You Must Know393
http, protocols
I’m Changing How I Review Code392
code-reviews, quality
The 3-Second Frontend Developer Test (j9t)391
html, css, conformance, quality
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (rac)390
css, flexbox, alignment
The Most Important Lessons I’ve Learned From Senior Software Engineers389
lessons, career
The Ultimate Guide to Browser-Side Storage (cra)388
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions387
angular
An Unreasonably Long Introduction to ARIA (With Example Implementation)386
introductions, accessibility, aria, live-regions, examples
Detecting Media Query Support in CSS and JavaScript (kil)385
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)384
how-tos, migrating, jquery, nextjs
Gridless Design (don)383
websites, design, layout
Refactoring CSS: Introduction (cod/sma)382
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started381
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility380
accessibility, writing
15 HTML5 Best Practices for Beginners to Master379
html, best-practices
Freelance React Developer Checklist (rwi)378
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)377
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)376
accessibility, images, alt-text
Making a Strong Case for Accessibility (col/sma)375
accessibility
The Document Outline (mat/mat)374
html, headings, accessibility
Creating Accessible CSS Art (alv)373
css, accessibility, art
Milligram CSS372
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed371
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)370
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained369
colors, color-palettes, frameworks
ARIA in HTML (sco)368
accessibility, aria, html
Bootstrap 5 Print Stylesheet (chr)367
bootstrap, print, css
Five Ways to Include D/Deaf Users in Your Designs (tpg)366
accessibility, design
TypeScript and Native ESM on Node.js (rau)365
typescript, esm, nodejs
Accessibility and Inclusivity: Distinctions in Experience Design364
accessibility, dei, user-experience
Build a Website With React and Tailwind CSS363
react, tailwind
How Does Node.js Load Its Built-In/Native Modules?362
javascript, nodejs, modules
How to Use “Promise.all()”361
how-tos, javascript, promises
The Anatomy of a Web Page: 14 Basic Elements360
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
The Dilemma of Naming Font Size Variables (css)359
css, preprocessors, custom-properties
A Quick Introduction to Handlebars358
introductions, handlebars
Using HSL Colors in CSS (sha/sma)357
css, colors
Basics of JavaScript Test Driven Development (TDD) With Jest356
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)355
how-tos, usability, design, checklists
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)354
history, interaction-design
“export default thing” Is Different to “export { thing as default }” (jaf)353
javascript
Evaluating Color and Contrast—How Hard Can It Be? (web)352
accessibility, colors, contrast
Short Note on Skip Links With Sticky Headers351
accessibility, skip-links, css
Accessibility and SEO350
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)349
testing, quality
Towards Richer Colors on the Web348
design, colors
What Do HTML Elements Sound Like? (rik)347
html, screen-readers, voiceover, accessibility
5 Hidden Mistakes That Can Ruin a Developer’s Career346
career, mistakes
9 Tips to Help You Ace a Whiteboard Interview345
interviewing, career, tips-and-tricks
Colorblind Accessibility Manifesto344
websites, manifestos, accessibility, colors, color-blindness, guidelines
Encoding Data for POST Requests (jaf)343
javascript, security, encoding
How We Built React Components for Any Front End342
react, components, case-studies
The Internet Is Rotting341
link-rot, web
The State of Web Workers in 2021 (sur/sma)340
javascript, web-workers
When a Click Is Not Just a Click (css)339
javascript
10 Figma Best Practices to 10× Your Workflow (uxd)338
design, figma, productivity, best-practices
Detecting Hover-Capable Devices (mic)337
css, feature-detection, hover
Introducing GitHub Copilot: Your AI Pair Programmer (git)336
introductions, github-copilot, github, ai, tooling
Use the “i” Element, and Use It Appropriately (j9t)335
html, semantics
Code Reusability Patterns for Next.js334
nextjs, maintainability, monorepos
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)333
css, frameworks, fundamentals, quality
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)332
amp, web-vitals, google
Resource Inlining in JavaScript Frameworks (mge/dev)331
javascript, frameworks, performance, web-vitals
Screen Readers: Hearing the Unseen330
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS329
design, strategies
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)328
css, preprocessors, design-tokens
I Regret Being a Hipster in Tech327
career
My Journey From a Novice to a Front-End Engineer326
career
Creating a Multi-Author Blog With Next.js (dom/sma)325
nextjs, blogging
All You Need Is 5 Fonts (uxd)324
design, typography, fonts
Building a Responsive Layout With CSS Grid and Container Queries (5t3)323
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)322
videos, css, container-queries
Debugging JavaScript and Front-End321
videos, javascript, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)320
javascript, html, frameworks
Using CSS to Enforce Accessibility (aar)319
accessibility, css
Accessibility in React318
accessibility, react
Beyond Basic Alt Text—Charts, Maps, and Diagrams317
accessibility, alt-text, images, information-design
Making the Web—Faster (rau)316
web, performance, developer-experience, principles
No Code Reviews by Default315
code-reviews
React Architecture: How to Structure and Organize a React Application314
how-tos, react, architecture
The True Cost of a Redesign (uxd)313
redesigning, economics
A Framework for Building Open Graph Images (git)312
open-graph, images
Custom Scrollbars in CSS (sha)311
css
Demystifying Styled Components (jos)310
css, javascript, components
RenderingNG (chr/dev)309
browsers, browser-engines, chromium, google, rendering, history
Sorting Colors in JavaScript308
javascript, sorting, colors
What Is QUIC Protocol: Everything That You Should Know307
protocols, quic
What’s New in ES2021306
javascript, ecmascript, standards
Craft Good Questions for Usability Tests (uxd)305
usability, testing
How to Use Dynamic Imports in JavaScript304
how-tos, javascript
Organize Your CSS Declarations Alphabetically (eri)303
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches302
redux, state-management, testing, history
Keeping It Consistent: Design Tokens (uxd)301
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design300
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)299
maintenance
Client-Side Routing in Next.js (sma)298
nextjs, routing
OMG, SVG Favicons FTW!297
html, images, favicons, svg
Optical Size, the Hidden Superpower of Variable Fonts (pix)296
css, fonts, variable-fonts, typography
Web Audio API (pad/w3c)295
standards, multimedia, apis
Your Image Is Probably Not Decorative (eri/sma)294
images, decoration, accessibility, alt-text
How Apple Changed the Way We Navigate—Forever (uxd)293
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)292
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)291
guides, accessibility, tooling
NPM Global Audit290
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)289
career
Dart Basics288
fundamentals, dart, flutter
Everyday Accessibility287
accessibility
Understanding and Preventing Common Security Vulnerabilities286
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)285
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)284
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console283
regex, seo, google
Adding Shadows to SVG Icons With CSS and SVG Filters (css)282
css, svg, images, icons, shadows, filters, effects
How to Center Anything in CSS Using Flexbox and Grid (fre)281
how-tos, css, flexbox, grids, centering
Half the Size of Images by Optimising for High Density Displays (jaf)280
html, images, performance
React Cheat Sheet (Updated June 2021)279
react, cheat-sheets
Serving Sharp Images to High Density Screens (jaf)278
performance, images
The Art of Frontend Engineering277
career
Let’s Learn About Aspect Ratio in CSS (sha)276
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples275
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)274
guides, css, transitions
Building a Color Scheme (arg/dev)273
css, design, colors, color-palettes
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)272
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)271
css, selectors
The Simplicity of Svelte270
svelte, simplicity, examples
Tips for Real-World Alpine.js (cod)269
alpinejs, tips-and-tricks
What Is Prisma and Why Do We Need Another ORM? (nea)268
databases, tooling, prisma
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)267
design, usability
Ready-Made Counter Styles (ri/w3c)266
css, localization
Why Validate? (j9t)265
html, css, quality, conformance, craft
10 Postman Features Everyone Should Know (get)264
postman
Component-Specific Design Tokens (clo)263
components, design-tokens
Improving the UX of Your Design System262
design-systems, user-experience, optimization
Towards a Common Vision for Browser Extensions261
browsers, browser-extensions
Reasons Why Bugs Might Feel “Impossible”260
debugging, quality
A Comprehensive Guide to Vue Slots259
guides, vuejs
Accessible Overflow258
accessibility, html, css, overflow
An Accessibility Strategy257
accessibility, strategies
Extracts From a Private Q&A Retrospective About the WHATWG256
interviews, whatwg
The Dark Side of Notepad++ : v8255
release-notes, notepad++
Using AVIF to Compress Images on Your Site (dev)254
performance, images, avif, compression
Vue.js vs. React—Not Your Usual Comparison253
frameworks, vuejs, react, comparisons
10 Utility Functions for Working With Objects in JavaScript252
javascript, functions, objects
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)251
performance
A Little Book of Accessibility250
accessibility
JavaScript: Debouncing and Throttling249
javascript, debouncing, throttling
CSS System Colors (jim)248
css, colors
Getting Started With a Kanban Board: 6 Tips for Productive Work247
introductions, kanban, agile, tips-and-tricks, productivity
How to Redirect HTTP to HTTPS (sem)246
how-tos, redirecting, http, tls, wordpress, nginx, iis, microsoft, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)245
vuejs, state-management
Open Source Insights244
websites, foss, dependencies, security, licensing
Best Practices for Fonts (tun/dev)243
fonts, best-practices, performance
CSS for Web Vitals (una/dev)242
css, performance, web-vitals
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)241
how-tos, performance, web-vitals
“inherit”, “initial”, “unset”, “revert” (ppk)240
css
Looking Fine With Firefox 89 (chr/moz)239
release-notes, firefox, mozilla, browsers
Thoughts for the Aging Web Developer (j9t)238
career
Embracing Design Constraints (aar)237
design
The Hidden World of “aria-hidden” (ste)236
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)235
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)234
tooling, search, performance
Disabling a Link (sco)233
links, css, accessibility
Geolocation API (mar/w3c)232
geolocation, apis, standards
How to Build an Image Comparison Slider231
how-tos, sliders, react, images
What Makes a Great Component Library?230
components, libraries
A Beginner’s Guide to Vue 3229
guides, vuejs
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)228
accessibility, svg, images, screen-readers
Accessible Web Forms227
videos, accessibility, forms
A Thorough Analysis of CSS-in-JS (css)226
css, javascript, css-in-js
History of Web Browser Engines From 1990 Until Today225
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Writing Better Regular Expressions in PHP224
php, regex, readability
25 Years of CSS (mey)223
css, history
Your Design System Is Actually a Product—Treat It Like One (uxd)222
design-systems
Access Guide221
websites, guides, accessibility
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)220
css, container-queries
Svelte for the Experienced React Dev (ada/css)219
react, svelte
A11y Audit Bookmarklets (llo)218
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)217
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice216
career, training, professionalism
Dark Patterns Tip Line215
websites, dark-patterns, user-experience
Don’t Overabstract Your Components214
html, javascript, components
The New Responsive: Web Design in a Component-Driven World (una/dev)213
responsive-design, css, components
Useful and Useless Code Comments (jim)212
developer-experience, comments
Approaches to Undo and Redo (mca)211
undo-redo, functionality, javascript
How to Name Your Design System210
how-tos, design-systems, naming
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)209
html, css, conformance, metrics, quality, craft
Learn CSS (bel/dev)208
courses, css
WebGPU (kai/w3c)207
webgpu, standards
We Need to Talk About WCAG (ria)206
accessibility, wcag
The Button Cheat Sheet (mat)205
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)204
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components203
css, container-queries, web-components
Create Scripts in JavaScript With zx202
zx, javascript, automation
Tree-Shaking: A Reference Guide (ati/sma)201
guides, performance, optimization, javascript, tree-shaking
Can I “:has()” (bka)200
css, selectors, igalia
JPEG XL199
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)198
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)197
guides, css, grids, layout
Building a React Design System for Adoption and Scale196
react, design-systems
Making Disabled Buttons More Inclusive (san/css)195
css, accessibility
Video SEO Best Practices for Ecommerce194
seo, google, multimedia, ecommerce, best-practices
A Primer on CSS Container Queries (5t3/sma)193
introductions, css, container-queries
Everything You Need to Know About A/B Testing192
metrics, testing, optimization
Introduction to Using Dart in Flutter (log)191
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js190
zx, nodejs
Web Application Development: The Ultimate Guide (2021)189
guides, web-apps
Rethinking Component Libraries188
components
Introduction to HTTP Cookies187
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap186
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse185
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)184
css, vendor-extensions
Overreliance on Overlays Is Counter to Enculturation of Accessibility183
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)182
nextjs, html, performance, case-studies
Auditing Design Systems for Accessibility (deq)181
accessibility, design-systems, quality, auditing
Checking “Under the Hood” of Code (jay)180
dev-tools, browsers, debugging, console, javascript, html, css, history
4 Soft Skills Every Designer Should Aspire to Learn (uxm)179
design, career
The Evolution of Jamstack (bii/sma)178
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)177
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates176
dependencies, maintenance, automation, depfu
Better Onboarding: How to Prevent Codebase Overwhelm175
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)174
videos, components, responsive-design
Immersive Content Strategy (ali)173
content, content-strategy, user-experience
Understanding Design Systems—Designing Component APIs172
design-systems, components, apis
A Complete Guide to Custom Properties (chr/css)171
guides, css, custom-properties, examples
Level Up Your Team Workflows With These Kanban Board Best Practices170
agile, kanban, best-practices
Understanding the New Reactivity System in Vue 3169
vuejs, reactivity
Goodnight Polymer Project168
web-components, polymer, lit
Find Unused npm Dependencies167
packages, dependencies
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit166
css, custom-properties, browsers, browser-engines, webkit
21 Best Practices for a Clean React Project165
best-practices, quality, react
Cache Busting in Eleventy (bni)164
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)163
guides, css, selectors, support
Do You Need to Localize Your Website? (ali)162
content, localization, strategies
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling161
career
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)160
guides, incremental-static-regeneration, nextjs
An Introduction to Performance Budgets159
introductions, performance, performance-budgets, metrics
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)158
interviews, career
Intrinsic Typography Is the Future of Styling Text on the Web (css)157
typography, css
Making GraphQL Work in WordPress (sma)156
wordpress, graphql
The Lazy-Loading Property Pattern in JavaScript (nza)155
javascript, software-design-patterns, lazy-loading, performance
Five Reasons Your First Design System Will Fail154
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)153
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)152
overviews, building, tooling, vite
Content-Aware Image Resizing in JavaScript151
javascript, images, resizing
CSS Hell150
websites, css
What Is DevOps? A Comprehensive Introduction149
introductions, dev-ops
A Beginner’s Guide to Load Balancing (osd)148
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)147
php, retrospectives
Overflow Issues in CSS (sha/sma)146
css, overflow, scrolling, flexbox, grids, layout
Fifteen Design Trends From an Accessibility Perspective145
accessibility, design, trends
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)144
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared143
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know142
accessibility, wcag
Variable Scope, Lexical Scope, and Code Blocks in JavaScript141
javascript, scope
Web Developer’s Guide to AVIF Images140
guides, images, avif
Understanding Logical Focus Order139
accessibility, focus, html
9 Principles of Good Web Design138
design, principles, simplicity, navigation, content, layout, performance, mobile
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
Sentence Case Versus Title Case (tem)127
accessibility, writing, headings
Using Design Tokens to Accelerate Design Systems126
design-systems, design-tokens, css
5 Things I’m Thinking About When I Check a Pull Request for Accessibility125
code-reviews, accessibility
How to Build a Developer Blog With Gatsby and MDX124
how-tos, gatsby, markdown, mdx, blogging
Primitive Values, Objects, and References in JavaScript Made Simple123
javascript, objects
Why Should We Care About Developer Experience (DX)122
developer-experience
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)121
consent-management, cookies, lighthouse, google, webpagetest, performance, testing
Human-Readable JavaScript: A Tale of Two Experts (ali)120
javascript, maintainability
Not Your Typical Horizontal Rules (sar)119
html, semantics
Reactivity in Vue (sma)118
vuejs, reactivity