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 respect and accountability. Hide

Frontend Dogma

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Multiple Accounts and Git (bra)639
git
Make Accessibility Part of Your Startup’s Products and Culture From Day One638
accessibility, culture
Element Diversity (mat)637
html
Interactive Learning Tools for Front-End Developers (lou/sma)636
learning
Getting Started With Web Accessibility Testing635
accessibility, testing, introductions
The Effect of CSS on Screen Readers634
css, accessibility, screen-readers
Threats of Using Regular Expressions in JavaScript633
javascript, regex
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)632
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
CSS Dangling Characters (dfk)631
css
It Takes a PhD to Develop That630
career, quality, complexity
Building a Split-Button Component (arg)629
components, html, css, javascript
Web Scraping With JavaScript and Node.js628
javascript, nodejs, scraping
Best Practices for Logging in Node.js (app)627
nodejs, logging, best-practices
timefind626
packages, npm, history
Twitter’s Div Soup and Uglyfied CSS, Explained625
html, css, twitter+x
Building a Stepper Component (sha)624
components, html, css
Color and Contrast, What Does It Mean? (eri)623
accessibility, colors, contrast
State Management in Next.js (ati/sma)622
state-management, nextjs
Writing High-Performance JavaScript (cfe)621
javascript, performance
Building Reactive Systems With Node.js620
nodejs, reactivity
Using SVG With Media Queries (web)619
svg, css, media-queries
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities618
accessibility, wcag
Shifting Accessibility Testing to the Left617
accessibility, design, usability
Rethinking User Personas616
usability, user-experience, personas
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)615
history, servers, apache, microsoft, iis
Why You Should Manage Your Energy, Not Your Time614
career, productivity
9.5 Ways Google Rewrites Your Title Tags (moz)613
seo, google
Exploring the CSS Paint API: Blob Animation (css/css)612
css, apis, animations
The Seniority Rollercoaster (ger)611
career
What Are the Web Performance Metrics That Actually Matter? (cfe)610
performance, metrics
Common npm Mistakes Every Developer Should Avoid609
npm, mistakes
HTML Cheatsheet608
html, semantics, examples, cheat-sheets
7 Practices to Create Good JavaScript Variables607
javascript, variables
Times New Roman Doesn’t Have to Be Boring—Here’s Why606
typography, fonts
Remove Unnecessary Files in node_modules605
tooling, nodejs
7 Useful CSS Cheat Sheets to Improve Your Skills604
css, cheat-sheets
Creating a Positive Culture Around Accessibility603
accessibility, culture
Essential Concepts in JS602
javascript, concepts
10 Fun Things You Can Do With GitHub.dev601
github
Lighthouse Scores Do Not Affect Google Search/SEO (erw)600
performance, lighthouse, google, search, seo
Compound Components in React (sma)599
react, components
5 Tools to Automate Your Development598
tooling, automation, productivity
CSS Object Model (CSSOM) (gla+/w3c)597
css, cssom
Named and Framed (ste)596
accessibility, html
Why Are Hyperlinks Blue? (moz)595
design, links
How to Use “Promise.any()”594
how-tos, javascript, promises
Getting Started With CSS Animations593
css, animations, introductions
Small Wins for Accessibility and Resilience592
accessibility, resilience, html
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense591
how-tos, css, flexbox, grids, layout, comparisons
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS590
design, css, overflow
jsc: My New Best Friend (cho)589
javascript, tooling
How to Automate Documentation Workflow for Developers (sma)588
how-tos, documentation, automation, github-actions
Scrollbar Reflowing (chr/css)587
scrolling, reflow, user-experience
An Update to How We Generate Web Page Titles (dan)586
google, search, seo
React JS—the Confusing Parts585
react, jsx
Key Data Structures and Their Roles in RenderingNG (chr+)584
browsers, browser-engines, chromium, google, rendering, data-structures
8 Fundamental Principles of Effective Web Design583
principles
HTTP/3: Performance Improvements (pro/sma)582
http, protocols, performance
4 Important Differences Between Regular and Arrow Functions581
javascript, functions, comparisons
An Introduction to Semantic Versioning580
introductions, semver, versioning
5 Ways to Undo Mistakes With Git579
git, command-line, mistakes
Using Objectives and Key Results to Inform UX Design (uxm)578
interviews, user-experience, design, okr, strategies, processes
How I Experience Web Today577
websites, web
Design Thinking: Study Guide (nng)576
guides, design, training, link-lists
Using the Platform575
web-platform
6 CSS Shorthand Properties to Improve Your Web Application574
css, shorthands, optimization
Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules573
nodejs, typescript, apis, routing, errors, modules
Accessibility From the Ground Up (kit)572
accessibility
How to Set Up an AWS S3 Static SSL Website571
how-tos, aws, s3, ssl
How to Calculate REMs From Pixels570
how-tos, css
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me569
writing, blogging
What’s on the Menu?568
vuejs, accessibility
UI Cheat Sheet: Spacing Friendships567
design, spacing, cheat-sheets
Web Accessibility Checklist566
websites, accessibility, checklists
I Tried Angular as a React Developer: Here Are 6 Things I Like About It565
angular, react, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)564
javascript
Top 9 Lessons Learned in 12 Years as a Software Developer (the)563
lessons, career
Building the Same App 5 Times562
comparisons, jquery, angular, react, vuejs, svelte
One Favicon to Rule Them All (j9t)561
html, images, favicons
Release Notes for Safari Technology Preview 130 (jon/web)560
release-notes, safari, browsers
Level Up Your CSS Linting Using Stylelint (log)559
css, consistency, linting, stylelint
ARIA Spec for the Uninitiated (ger/deq)558
html, accessibility, aria
State Management in Svelte Applications557
state-management, svelte
What’s New in Bootstrap 5556
frameworks, bootstrap
Using CSS Module Scripts to Import Stylesheets555
css, javascript, modules
Measuring Developer Relations (swy)554
developer-relations, advocacy, metrics
Understanding Generics in TypeScript553
typescript, generics
What Is a Promise? JavaScript Promises for Beginners (fre)552
javascript, promises, asynchrony
CSS Grid Tooling in DevTools551
dev-tools, css, grids, layout, browsers, chrome
Does Shadow DOM Improve Style Performance? (nol)550
dom, shadow-dom, performance, rendering
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)549
css, math, functions
You Don’t Know “useEffect”548
react, hooks
Reviewing a Design for Accessibility547
accessibility, code-reviews, user-experience
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)546
guides, accessibility, focus, wcag, compliance
The Problem of SSR Frameworks (ant)545
server-side-rendering, frameworks, nextjs, sveltekit
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)544
images, avif, deep-dives
Big O, Code Efficiency Analysis543
algorithms, performance
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business542
videos, tutorials, ghost, blogging, monetization
Breaking the Web Forward541
web, browsers
Logging in Unit Tests, a Bad Practice (yeg)540
logging, testing
How to Test for Accessibility With Users at Every Design Stage539
how-tos, accessibility, testing
CSS “accent-color” (arg)538
css, forms
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)537
comparisons, tooling, tech-stacks, jamstack
Accessible Design Systems: Look Good While Doing Good536
design-systems, accessibility
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)535
css, animations
The State of Mobile First and Desktop First (sha)534
responsive-design, mobile-first, mobile, desktop
The Complete Guide to HTML Forms and Constraint Validation (cra)533
guides, html, forms, validation
“return await promise” vs. “return promise” in JavaScript532
javascript, promises, comparisons
Accessible Contrast Ratios and A-Levels Explained531
accessibility, colors, contrast
Principles by Design530
design, principles
“<Lazy>” Rendering in Vue to Improve Performance529
vuejs, client-side-rendering, performance, optimization
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)528
css, apis, images, effects
Google vs. the Web (cfe)527
google, web
HTTP/3 From A to Z: Core Concepts (pro/sma)526
http, protocols, concepts
The World of CSS Transforms (jos)525
css, transforms
24+ Essential CSS Properties Every Web Developer Should Know524
videos, css
JavaScript Development: Making a Web Worker Optional523
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools522
performance, web-vitals, tooling, google
How Writing Can Advance Your Career as a Developer521
career, writing
Uploading Multiple Files With Fetch (ray)520
javascript, file-handling, data-fetching
Next-Level List Bullets With CSS “::marker”519
lists, css, selectors
Pixelart and the “image-rendering” Paradox518
css, images, art
30 Years on From Introducing the Web to the World (amy/w3c)517
web, history, anniversaries
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)516
history
Browsers and Representation (jim)515
browsers
Modular Code With Nunjucks and Eleventy (jer)514
nunjucks, eleventy, examples
On the “<dl>” (ben)513
html, lists
Creating a WordPress Child Theme: Is It Really Necessary in 2021?512
wordpress, themes
Sustainable Web Design, an Excerpt (ali)511
sustainability
A Guide to Accessible Digital UX Design510
guides, accessibility, user-experience, design
Inclusive Usability Testing: The Benefits of Inclusive Design509
usability, testing, dei
Visualizing a Codebase508
tooling, developer-experience, visualization
Why Are We Talking So Much About Design Leadership?507
design, leadership
CSS Nesting, Specificity, and You (kil)506
css, selectors, cascade, nesting
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)505
css, shapes, navigation
Writing Great Alt Text: Emotion Matters (jaf)504
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)503
accessibility, overlays
Accessibility Testing With Storybook (sto)502
accessibility, testing, storybook
Refresher on JavaScript Callbacks and Promises (ato)501
javascript, callbacks, promises
React Children and Iteration Methods (sma)500
react
npm Security Best Practices (owa)499
npm, security, best-practices
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)498
github, ci-cd
What Devs Need497
websites, tooling, link-lists
How to Use “Promise.allSettled()”496
how-tos, javascript, promises
Introduction to TCP: Transmission Control Protocol495
introductions, protocols, tcp
How to Build Resilient JavaScript UIs (sma)494
how-tos, javascript, user-experience, resilience
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)493
accessibility, myths
A Deep Dive on Skipping to Content (css)492
accessibility, skip-links, deep-dives
Using localStorage With React Hooks (log)491
browser-storage, react, hooks
Balancing UX Design and Conversion-Rate Optimization (uxm)490
user-experience, design, user-conversion, optimization
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)489
css, maintenance, refactoring, testing, regressions, strategies
The Importance of UX Writing (uxm)488
user-experience, writing, user-conversion
2021 Scroll Survey Report (arg)487
surveys, css, scrolling
Mitigating User Errors (uxm)486
user-experience, errors
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score485
performance, nextjs, lighthouse, case-studies
The (Most Comprehensive) JavaScript Design Principles Guide484
guides, software-design, javascript, principles
Why It’s Okay for Web Components to Use Frameworks (nol)483
frameworks, web-components
Basic Logging With Python (rua)482
python, logging
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer481
dev-tools, accessibility, source-order, debugging, browsers, chrome
101 Digital Accessibility Tips and Tricks480
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better479
design, user-experience, mistakes
Best Practices for Tags and Tag Managers478
tag-management, web-vitals, best-practices
5 Git Tips to Level Up Your Workflow477
git, tips-and-tricks, command-line
CSS Architecture and Performance in Micro Frontends476
css, architecture, performance, micro-frontends
There Is No Such Thing as a CSS Absolute Unit (sma)475
css, units
How to Stay Focused as a Self-Taught Frontend Web Developer474
how-tos, career, learning, productivity
Optimizing Your Own Performance as a Designer473
design, career
Creating an Accessible Dialog From Scratch (kit/sma)472
accessibility, modals
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)471
performance, webpagetest
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)470
css
Architecting and Scaffolding a TypeScript and Express API469
typescript, express, apis
How to Hand Off Accessible Designs to Developers?468
how-tos, accessibility, processes
Safari Isn’t Protecting the Web, It’s Killing It (pim)467
browsers, safari, web
CSS Logical Properties and Values (oll/css)466
css, logical-properties
Thinking About the Cut-Out Effect: CSS or SVG? (sha)465
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)464
design, layout, grids
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks463
tutorials, guides, webhooks
A Beginner’s Guide to Lighthouse462
guides, lighthouse, performance, web-vitals
Global vs. Local Styling in Next.js (sma)461
css, nextjs, comparisons
When You Cannot Run Away From Using Tables on Mobile460
layout, user-experience, tables, mobile
Accessible Design From the Get-Go (rom/evi)459
accessibility
Overview of the RenderingNG Architecture (chr)458
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)457
accessibility, user-experience, principles
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender456
css, layout
Takeaways From the 2021 State of Digital Accessibility Report (red)455
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics454
sem, concepts
Getting Started With React “useContext” Hook and React Context453
react, hooks, introductions
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)452
css, layout
You Don’t Need React for Building Websites (cit)451
react
5 UI Tips to Become a Better Front-End Developer450
design, colors, tips-and-tricks
Four Factors in UX Maturity (nng)449
user-experience
12 Python Tips and Tricks You Must Know448
python, tips-and-tricks
It Is Time to Ditch the Title “Evangelist” From Accessibility447
accessibility
Complete Introduction to CSS Flexbox446
introductions, css, flexbox, layout
How to Eliminate Render-Blocking Resources: A Deep Dive (sia)445
how-tos, performance, rendering
Accessibility Strategy for Product Management (slo/tpg)444
accessibility, strategies, product-management
Using Google Drive as a CMS (css)443
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages442
accessibility
The Vanishing Designer441
design, career
Faster Git Checkouts on NFS and SSD With Parallelism440
git
What to Know About AVIF on Cloudinary (sia)439
avif, images, cloudinary
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)438
monorepos, npm, typescript
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work437
accessibility, wcag, colors, contrast
Definition of Done vs. Acceptance Criteria436
agile, scrum, processes, comparisons
Custom Properties and “@property”435
css, custom-properties
How to Migrate From WordPress to a Headless CMS (daw/sma)434
how-tos, migrating, wordpress, headless, content-management
The Accessibility Stalemate (cod)433
accessibility
From a Colourblind Designer to the World: Please Stop Using Red and Green Together432
accessibility, colors
A Visual Guide to React Rendering—It Always Re-Renders431
guides, react
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)430
css, animations
Eleventy Serverless With Zach Leatherman (zac)429
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)428
introductions, web-components, javascript, dom
Journey of a Web Page—How Browsers Work427
browsers, concepts
6 Useful Frontend Techniques That You May Not Know About426
html, css, javascript, techniques
The Future of UX Design (uxm)425
interviews, outlooks, user-experience, design
The Ultimate Cheat Sheet List for Web Developers424
html, css, javascript, cheat-sheets
Maintaining End-to-End Quality With Visual Testing (sma)423
testing, quality, design
Principle of Closure in Visual Design (nng)422
design, principles
Why Has User Experience Design Become Legal Experience Design? (gar)421
accessibility, user-experience, legal
Designing for Information Density420
design
Accessibility of the “Section” Element (sco)419
accessibility, html
Magento Tips and Tricks418
magento, tips-and-tricks, seo
The State of Developer Ecosystem 2021 (jet)417
surveys, metrics
What I Learned From “Software Engineering at Google”416
google, lessons
Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (sli)415
browsers, mobile, user-experience, apple, facebook+meta, google
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)414
incremental-static-regeneration, rendering, terminology, concepts
What Is Tree Shaking? (cfe)413
javascript, performance, concepts, tree-shaking
The Performance Effects of Too Much Lazy-Loading (rvi+)412
performance, web-vitals, lazy-loading
There’s No Such Thing as Fully Automated Web Accessibility (ann)411
accessibility, automation
Content Accessibility Fact Sheet410
content, accessibility
Designing for the Unexpected (ali)409
design, html, css
How to Get a Pixel-Perfect, Linearly Scaled UI (css)408
how-tos, css, preprocessors, layout
For Developers, Apple’s Safari Is Crap and Outdated407
browsers, apple, safari
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)406
css, transitions, custom-properties, complexity
The 3-Second Frontend Developer Test (j9t)405
html, css, conformance, quality
The Ultimate Guide to Browser-Side Storage (cra)404
guides, browsers, browser-storage, javascript
Angular Is Costing Companies Billions403
angular
The Most Important Lessons I’ve Learned From Senior Software Engineers402
lessons, career
I’m Changing How I Review Code401
code-reviews, quality
An Unreasonably Long Introduction to ARIA (With Example Implementation)400
introductions, accessibility, aria, live-regions, examples
HTTP Status Codes That You Must Know399
http, protocols
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”?398
css, flexbox, alignment
Detecting Media Query Support in CSS and JavaScript (kil)397
css, javascript, media-queries, support
How to Migrate From jQuery to Next.js (fgi/sma)396
how-tos, migrating, jquery, nextjs
Gridless Design (don)395
websites, design, layout
Refactoring CSS: Introduction (cod/sma)394
introductions, css, maintenance, refactoring
TypeScript Interfaces: A Quick Guide to Help You Get Started393
guides, typescript
What People Should Know Before Writing Articles or Creating Products About Accessibility392
accessibility, writing
Freelance React Developer Checklist (rwi)391
react, checklists
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)390
how-tos, javascript, conversion, arrays
Image Descriptions: A Human Technique That Robots Can’t Grasp389
accessibility, images, alt-text
15 HTML5 Best Practices for Beginners to Master388
html, best-practices
Making a Strong Case for Accessibility (col/sma)387
accessibility
The Document Outline (mat/mat)386
html, headings, accessibility
Creating Accessible CSS Art (alv)385
css, accessibility, art
Milligram CSS384
videos, milligram, frameworks, html, css, landing-pages
Performance Design: The Illusion of Speed383
performance, user-experience
The Large, Small, and Dynamic Viewports (bra)382
viewport, layout, responsive-design, css
The Numeric Colour Palettes in Modern Web Frameworks Explained (stf)381
colors, color-palettes, frameworks
ARIA in HTML (sco)380
accessibility, aria, html
Bootstrap 5 Print Stylesheet (chr)379
bootstrap, print, css
TypeScript and Native ESM on Node.js (rau)378
typescript, esm, nodejs
Five Ways to Include D/Deaf Users in Your Designs (tpg)377
accessibility, design
The Dilemma of Naming Font Size Variables (css)376
css, preprocessors, custom-properties
How Does Node.js Load Its Built-In/Native Modules? (joy)375
javascript, nodejs, modules
How to Use “Promise.all()”374
how-tos, javascript, promises
A Quick Introduction to Handlebars373
introductions, handlebars
The Anatomy of a Web Page: 14 Basic Elements372
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
Accessibility and Inclusivity: Distinctions in Experience Design371
accessibility, dei, user-experience
Build a Website With React and Tailwind CSS370
react, tailwind
Using HSL Colors in CSS (sha/sma)369
css, colors
Where Did This Interaction Come From?—A Brief History of Interaction Design368
history, interaction-design
Basics of JavaScript Test Driven Development (TDD) With Jest367
fundamentals, javascript, testing, jest
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)366
how-tos, usability, design, checklists
“export default thing” Is Different to “export { thing as default }” (jaf)365
javascript
Acronyms in Web Development (fla)364
terminology
Evaluating Color and Contrast—How Hard Can It Be? (web)363
accessibility, colors, contrast
Short Note on Skip Links With Sticky Headers362
accessibility, skip-links, css
What Do HTML Elements Sound Like? (rik)361
html, screen-readers, voiceover, accessibility
Accessibility and SEO360
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (lei/sma)359
testing, quality
Towards Richer Colors on the Web358
design, colors
Encoding Data for POST Requests (jaf)357
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)356
javascript, web-workers
When a Click Is Not Just a Click (css)355
javascript
Detecting Hover-Capable Devices (mic)354
css, feature-detection, hover
5 Hidden Mistakes That Can Ruin a Developer’s Career353
career, mistakes
10 Figma Best Practices to 10× Your Workflow352
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview351
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End350
react, components, case-studies
The Internet Is a Collective Hallucination (zit)349
link-rot, web
Colorblind Accessibility Manifesto348
websites, manifestos, accessibility, colors, color-blindness, guidelines
Use the “i” Element, and Use It Appropriately (j9t)347
html, semantics
Introducing GitHub Copilot: Your AI Pair Programmer346
introductions, github-copilot, github, ai, tooling
Code Reusability Patterns for Next.js345
nextjs, maintainability, monorepos
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)344
amp, web-vitals, google
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)343
css, preprocessors, design-tokens
Resource Inlining in JavaScript Frameworks (mge)342
javascript, frameworks, performance, web-vitals
Screen Readers: Hearing the Unseen341
accessibility, screen-readers
The Most Popular Design Thinking Strategy Is BS (fas)340
design, strategies
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals339
css, frameworks, fundamentals, quality
My Journey From a Novice to a Front-End Engineer338
career
I Regret Being a Hipster in Tech337
career
Creating a Multi-Author Blog With Next.js (dom/sma)336
nextjs, blogging
All You Need Is 5 Fonts335
design, typography, fonts
Using CSS to Enforce Accessibility (aar)334
accessibility, css
JavaScript Frameworks and the Lost Art of HTML (ste/deq)333
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)332
videos, css, grids, layout, responsive-design, container-queries
Container Queries and the Future of CSS (mia)331
videos, css, container-queries
Debugging JavaScript and Front-End330
videos, javascript, debugging
Making the Web—Faster329
web, performance, developer-experience, principles
Beyond Basic Alt Text—Charts, Maps, and Diagrams328
accessibility, alt-text, images, information-design
No Code Reviews by Default327
code-reviews
React Architecture: How to Structure and Organize a React Application326
how-tos, react, architecture
The True Cost of a Redesign325
redesigning, economics
Accessibility in React324
accessibility, react
Custom Scrollbars in CSS (sha)323
css
Demystifying Styled Components (jos)322
css, javascript, components
RenderingNG (chr)321
browsers, browser-engines, chromium, google, rendering, history
A Framework for Building Open Graph Images320
open-graph, images
Craft Good Questions for Usability Tests319
usability, testing
What Is QUIC Protocol: Everything That You Should Know318
protocols, quic
What’s New in ES2021317
javascript, ecmascript, standards
Sorting Colors in JavaScript316
javascript, sorting, colors
Organize Your CSS Declarations Alphabetically (eri)315
css, sorting, maintainability
Blogged Answers: The Evolution of Redux Testing Approaches (ace)314
redux, state-management, testing, history
How to Use Dynamic Imports in JavaScript313
how-tos, javascript
Keeping It Consistent: Design Tokens312
design-systems, design-tokens, consistency
Ultimate Guide to Color in UX/UI Design311
guides, design, colors, figma
Updating a 25-Year-Old Website (sto)310
maintenance
Client-Side Routing in Next.js (ade/sma)309
nextjs, routing
Optical Size, the Hidden Superpower of Variable Fonts (pix)308
css, fonts, variable-fonts, typography
Your Image Is Probably Not Decorative (eri/sma)307
images, decoration, accessibility, alt-text
Web Audio API (pad/w3c)306
standards, multimedia, apis
OMG, SVG Favicons FTW!305
html, images, favicons, svg
How Apple Changed the Way We Navigate—Forever304
design, navigation, apple
A Complete Guide to Accessibility Tooling (nic/sma)303
guides, accessibility, testing, automation
A Complete Guide to Accessibility Tooling (nic/sma)302
guides, accessibility, tooling
NPM Global Audit301
packages, npm, security, quality, auditing
Shut Up, Old Man… (cod)300
career
Everyday Accessibility299
accessibility
Dart Basics298
fundamentals, dart, flutter
Understanding and Preventing Common Security Vulnerabilities297
security, vulnerabilities
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)296
css, javascript, accessibility
Provided “As Is,” Without Warranty of Any Kind (sir)295
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console294
regex, seo, google
Half the Size of Images by Optimising for High Density Displays (jaf)293
html, images, performance
Serving Sharp Images to High Density Screens (jaf)292
performance, images
The Art of Frontend Engineering291
career
Adding Shadows to SVG Icons With CSS and SVG Filters (css)290
css, svg, images, icons, shadows, filters, effects
React Cheat Sheet (Updated June 2021)289
react, cheat-sheets
How to Center Anything in CSS Using Flexbox and Grid (fre)288
how-tos, css, flexbox, grids, centering
Let’s Learn About Aspect Ratio in CSS (sha)287
css, aspect-ratio
The Ultimate CSS Flexbox Cheat Sheet With Examples286
css, flexbox, layout, cheat-sheets, examples
An Interactive Guide to CSS Transitions (jos)285
guides, css, transitions
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)284
css
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)283
css, selectors
Tips for Real-World Alpine.js (cod)282
alpinejs, tips-and-tricks
Why Validate? (j9t)281
html, css, quality, conformance, craft
Building a Color Scheme (arg)280
css, design, colors, color-palettes
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States279
design, usability
Ready-Made Counter Styles (ri/w3c)278
css, localization, counters
The Simplicity of Svelte277
svelte, simplicity, examples
What Is Prisma and Why Do We Need Another ORM? (nea)276
databases, tooling, orm, prisma
10 Postman Features Everyone Should Know (get)275
postman
Component-Specific Design Tokens (clo)274
components, design-tokens
Towards a Common Vision for Browser Extensions273
browsers, browser-extensions
Improving the UX of Your Design System272
design-systems, user-experience, optimization
Reasons Why Bugs Might Feel “Impossible” (b0r)271
debugging, quality, bugs
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)270
performance
A Comprehensive Guide to Vue Slots269
guides, vuejs
Extracts From a Private Q&A Retrospective About the WHATWG268
interviews, whatwg
The Dark Side of Notepad++ : v8267
release-notes, notepad++
10 Utility Functions for Working With Objects in JavaScript266
javascript, functions, objects
Using AVIF to Compress Images on Your Site265
performance, images, avif, compression
An Accessibility Strategy264
accessibility, strategies
Vue.js vs. React—Not Your Usual Comparison263
frameworks, vuejs, react, comparisons
Accessible Overflow262
accessibility, html, css, overflow
A Little Book of Accessibility (gar)261
accessibility
JavaScript: Debouncing and Throttling260
javascript, debouncing, throttling
CSS System Colors (jim)259
css, colors
Managing Shared State in Vue 3 (wil/sma)258
vuejs, state-management
Best Practices for Fonts (tun)257
fonts, best-practices, performance
Getting Started With a Kanban Board: 6 Tips for Productive Work256
introductions, kanban, agile, tips-and-tricks, productivity
Open Source Insights255
websites, foss, dependencies, security, licensing
How to Redirect HTTP to HTTPS (sem)254
how-tos, redirecting, http, tls, wordpress, nginx, iis, apache, servers, seo
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)253
how-tos, performance, web-vitals
CSS for Web Vitals (una)252
css, performance, web-vitals
“inherit”, “initial”, “unset”, “revert”251
css
Looking Fine With Firefox 89 (chr/moz)250
release-notes, firefox, browsers
Thoughts for the Aging Web Developer (j9t)249
career
Embracing Design Constraints (aar)248
design
The Hidden World of “aria-hidden” (ste)247
accessibility, aria, html, hiding
Why Accessibility Overlays Hurt More Than Help (dbo)246
accessibility, overlays
Elasticsearch Boolean Query Performance (ast)245
tooling, search, performance
Disabling a Link (sco)244
links, css, accessibility
Geolocation API (mar/w3c)243
geolocation, apis, standards
How to Build an Image Comparison Slider242
how-tos, sliders, react, images
What Makes a Great Component Library?241
components, libraries
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)240
accessibility, svg, images, screen-readers
History of Web Browser Engines From 1990 Until Today239
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Accessible Web Forms238
videos, accessibility, forms
Writing Better Regular Expressions in PHP237
php, regex, readability
A Beginner’s Guide to Vue 3236
guides, vuejs
A Thorough Analysis of CSS-in-JS (css)235
css, javascript, css-in-js
25 Years of CSS (mey)234
css, history
Your Design System Is Actually a Product—Treat It Like One233
design-systems
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)232
css, container-queries
Hiding Posts With Future Dates in Eleventy (san)231
eleventy, time, hiding
Access Guide230
websites, guides, accessibility
The Curb-Cut Effect (ske)229
accessibility
Svelte for the Experienced React Dev (ada/css)228
react, svelte
A11y Audit Bookmarklets (llo)227
accessibility, auditing, link-lists, bookmarklets
How to Implement Authentication in Next.js With Auth0 (fgi/sma)226
how-tos, nextjs, authentication, tooling, auth0
Professional Development Is a Choice225
career, training, professionalism
Useful and Useless Code Comments (jim)224
developer-experience, comments
Approaches to Undo and Redo (mca)223
undo-redo, functionality, javascript
The New Responsive: Web Design in a Component-Driven World (una)222
responsive-design, css, components
Dark Patterns Tip Line221
websites, dark-patterns, user-experience
How to Name Your Design System220
how-tos, design-systems, naming
Don’t Overabstract Your Components219
html, javascript, components
WebGPU (kai/w3c)218
webgpu, standards
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)217
html, css, conformance, metrics, quality, craft
Learn CSS (bel)216
courses, css
FTP: Fifty Years and Millions of FTP Servers Worldwide215
ftp, standards, history, servers, tooling
We Need to Talk About WCAG (ria)214
accessibility, wcag
The Button Cheat Sheet (mat)213
html, cheat-sheets
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)212
studies, research, fundamentals, server-side-rendering
Container Queries in Web Components (mxb)211
css, container-queries, web-components
Tree-Shaking: A Reference Guide (ati/sma)210
guides, performance, optimization, javascript, tree-shaking
Create Scripts in JavaScript With zx209
zx, javascript, automation
Can I “:has()” (bka)208
css, selectors, igalia
JPEG XL207
websites, jpeg-xl, images
Upgrade Your HTML III (j9t/fro)206
books, frontend-dogma, html, minimalism, craft, conformance
Making Disabled Buttons More Inclusive (san/css)205
css, accessibility
Video SEO Best Practices for Ecommerce204
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale203
react, design-systems
A Complete Guide to Grid (css)202
guides, css, grids, layout
A Primer on CSS Container Queries (5t3/sma)201
introductions, css, container-queries
Everything You Need to Know About A/B Testing200
metrics, a-b-testing, optimization
Web Application Development: The Ultimate Guide (2021)199
guides, web-apps
Rethinking Component Libraries198
components
Introduction to Using Dart in Flutter (log)197
introductions, dart, flutter
Meet zx: A Better Way to Write Scripts With Node.js196
zx, nodejs
Introduction to HTTP Cookies195
introductions, cookies, javascript
How to Satisfy User Intent When Considering Search vs. Browse194
how-tos, usability, browsing, searching, comparisons
Custom Attributes Are Fast Good and Cheap (dfk)193
attributes, css, selectors
Is Vendor Prefixing Dead? (css)192
css, vendor-extensions
Overreliance on Overlays Is Counter to Enculturation of Accessibility191
accessibility, overlays
Reducing HTML Payload With Next.js (Case Study) (sma)190
nextjs, html, performance, case-studies
Checking “Under the Hood” of Code (jay)189
dev-tools, browsers, debugging, console, javascript, html, css, history
Auditing Design Systems for Accessibility (ann/deq)188
accessibility, design-systems, quality, auditing
4 Soft Skills Every Designer Should Aspire to Learn (uxm)187
design, career
The Evolution of Jamstack (bii/sma)186
tech-stacks, jamstack, nextjs
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)185
hotwire, forms, search, functionality
Use Depfu and Mergify to Automatically Merge Dependency Updates184
dependencies, maintenance, automation, depfu
Understanding Design Systems—Designing Component APIs183
design-systems, components, apis
Better Onboarding: How to Prevent Codebase Overwhelm182
how-tos, onboarding
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)181
videos, components, responsive-design, breakpoints
Immersive Content Strategy (ali)180
content, content-strategy, user-experience
A Complete Guide to Custom Properties (chr/css)179
guides, css, custom-properties, examples
Understanding the New Reactivity System in Vue 3178
vuejs, reactivity
Level Up Your Team Workflows With These Kanban Board Best Practices177
agile, kanban, best-practices
Goodnight Polymer Project176
web-components, polymer, lit
Find Unused npm Dependencies175
packages, dependencies
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)174
browsers, edge, epic, chromium
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit173
css, custom-properties, browsers, browser-engines, webkit
Cache Busting in Eleventy (bni)172
eleventy, caching
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)171
guides, css, selectors, support
21 Best Practices for a Clean React Project170
best-practices, quality, react
Do You Need to Localize Your Website? (ali)169
content, localization, strategies
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)168
interviews, career
An Introduction to Performance Budgets167
introductions, performance, performance-budgets, metrics
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)166
guides, incremental-static-regeneration, nextjs
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling165
career
The Lazy-Loading Property Pattern in JavaScript (nza)164
javascript, software-design-patterns, lazy-loading, performance
Making GraphQL Work in WordPress (sma)163
wordpress, graphql
Intrinsic Typography Is the Future of Styling Text on the Web (css)162
typography, css
What Is Vite? An Overview of the New Front-End Build Tool (tim)161
overviews, building, tooling, vite
Five Reasons Your First Design System Will Fail160
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)159
user-experience, design, ai
Content-Aware Image Resizing in JavaScript158
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction157
introductions, dev-ops
CSS Hell156
websites, css
A Beginner’s Guide to Load Balancing (osd)155
guides, load-balancing, concepts, edge-computing
PHP in 2021 (bre)154
php, retrospectives
Overflow Issues in CSS (sha/sma)153
css, overflow, scrolling, flexbox, grids, layout
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)152
browsers, vivaldi, google, monetization
The 5 Most Popular Front-End Frameworks Compared151
frameworks, comparisons, react, angular, vuejs, svelte, emberjs
Fifteen Design Trends From an Accessibility Perspective150
accessibility, design, trends
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know149
accessibility, wcag
Web Developer’s Guide to AVIF Images148
guides, images, avif
Variable Scope, Lexical Scope, and Code Blocks in JavaScript147
javascript, scope
Understanding Logical Focus Order146
accessibility, focus, html
9 Principles of Good Web Design145
design, principles, simplicity, navigation, content, layout, performance, mobile
10 CSS Pro Tips—Code This, Not That (fir)144
videos, css
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)143
webauthn, authentication, apis, standards
Comparing the New Generation of Build Tools (css)142
tooling, building, bundling, comparisons
Write a Plugin for Tailwind CSS141
tailwind, plugins
My Tips for Using IntelliJ IDEA Effectively (das)140
intellij-idea, code-editors, tips-and-tricks, keyboard-shortcuts