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

dxsrc

“2021” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Reducing Carbon Emissions on the Web (sma)640
sustainability
The Pros and Cons of Professional Language (and)639
career
Make Accessibility Part of Your Startup’s Products and Culture From Day One638
accessibility, culture
Element Diversity (mat)637
html
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)636
nextjs, data-fetching, client-side-rendering, server-side-rendering, static-site-generation, incremental-static-regeneration
The Effect of CSS on Screen Readers635
css, accessibility, screen-readers
Getting Started With Web Accessibility Testing634
accessibility, testing, introductions
Threats of Using Regular Expressions in JavaScript633
javascript, regex
Interactive Learning Tools for Front-End Developers (lou/sma)632
learning
timefind631
packages, npm, history
CSS Dangling Characters (dfk)630
css
It Takes a PhD to Develop That629
career, quality, complexity
Building a Split-Button Component (arg)628
components, html, css, javascript
Best Practices for Logging in Node.js (app)627
nodejs, logging, best-practices
Web Scraping With JavaScript and Node.js626
javascript, nodejs, scraping
Twitter’s Div Soup and Uglyfied CSS, Explained625
html, css, twitter+x
Rethinking User Personas624
usability, user-experience, personas
State Management in Next.js (ati/sma)623
state-management, nextjs
Building a Stepper Component (sha)622
components, html, css
Using SVG With Media Queries (web)621
svg, css, media-queries
Writing High-Performance JavaScript (cfe)620
javascript, performance
Color and Contrast, What Does It Mean? (eri)619
accessibility, colors, contrast
9.5 Ways Google Rewrites Your Title Tags (moz)618
seo, google
Building Reactive Systems With Node.js617
nodejs, reactivity
Understanding Target Size Under WCAG 2.2 and How It Affects People With Disabilities616
accessibility, wcag
Shifting Accessibility Testing to the Left615
accessibility, design, usability
Why You Should Manage Your Energy, Not Your Time614
career, productivity
1995: Apache and Microsoft IIS Shake Up the Web Server Market (ric)613
history, servers, apache, microsoft, iis
HTML Cheatsheet612
html, semantics, examples, cheat-sheets
The Seniority Rollercoaster (ger)611
career
Exploring the CSS Paint API: Blob Animation (css/css)610
css, apis, animations
7 Practices to Create Good JavaScript Variables609
javascript, variables
Common npm Mistakes Every Developer Should Avoid608
npm, mistakes
Times New Roman Doesn’t Have to Be Boring—Here’s Why607
typography, fonts
What Are the Web Performance Metrics That Actually Matter? (cfe)606
performance, metrics
Remove Unnecessary Files in node_modules605
tooling, nodejs
Essential Concepts in JS604
javascript, concepts
10 Fun Things You Can Do With GitHub.dev603
github
7 Useful CSS Cheat Sheets to Improve Your Skills602
css, cheat-sheets
Creating a Positive Culture Around Accessibility601
accessibility, culture
Compound Components in React (sma)600
react, components
5 Tools to Automate Your Development599
tooling, automation, productivity
Lighthouse Scores Do Not Affect Google Search/SEO (erw)598
performance, lighthouse, google, search, seo
Named and Framed (ste)597
accessibility, html
CSS Object Model (CSSOM) (gla+/w3c)596
css, cssom
How to Use “Promise.any()”595
how-tos, javascript, promises
Why Are Hyperlinks Blue? (moz)594
design, links
Getting Started With CSS Animations593
css, animations, introductions
Small Wins for Accessibility and Resilience592
accessibility, resilience, html
jsc: My New Best Friend (cho)591
javascript, tooling
Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS590
design, css, overflow
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense589
how-tos, css, flexbox, grids, layout, comparisons
Scrollbar Reflowing (chr/css)588
scrolling, reflow, user-experience
React JS—the Confusing Parts587
react, jsx
An Update to How We Generate Web Page Titles (dan)586
google, search, seo
8 Fundamental Principles of Effective Web Design585
principles
Key Data Structures and Their Roles in RenderingNG (chr+)584
browsers, browser-engines, chromium, google, rendering, data-structures
How to Automate Documentation Workflow for Developers (sma)583
how-tos, documentation, automation, github-actions
HTTP/3: Performance Improvements (pro/sma)582
http, protocols, performance
5 Ways to Undo Mistakes With Git581
git, command-line, mistakes
An Introduction to Semantic Versioning580
introductions, semver, versioning
Using Objectives and Key Results to Inform UX Design (uxm)579
interviews, user-experience, design, okr, strategies, processes
4 Important Differences Between Regular and Arrow Functions578
javascript, functions, comparisons
Using the Platform577
web-platform
How I Experience Web Today576
websites, web
Design Thinking: Study Guide (nng)575
guides, design, training, link-lists
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
What’s on the Menu?572
vuejs, accessibility
Accessibility From the Ground Up (kit)571
accessibility
How to Calculate REMs From Pixels570
how-tos, css
UI Cheat Sheet: Spacing Friendships569
design, spacing, cheat-sheets
How to Set Up an AWS S3 Static SSL Website568
how-tos, aws, s3, ssl
I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me567
writing, blogging
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
One Favicon to Rule Them All (j9t)562
html, images, favicons
Building the Same App 5 Times561
comparisons, jquery, angular, react, vuejs, svelte
Release Notes for Safari Technology Preview 130 (jon/web)560
release-notes, safari, browsers
What’s New in Bootstrap 5559
frameworks, bootstrap
ARIA Spec for the Uninitiated (ger/deq)558
html, accessibility, aria
State Management in Svelte Applications557
state-management, svelte
Level Up Your CSS Linting Using Stylelint (log)556
css, consistency, linting, stylelint
Using CSS Module Scripts to Import Stylesheets555
css, javascript, modules
CSS Grid Tooling in DevTools554
dev-tools, css, grids, layout, browsers, chrome
Measuring Developer Relations (swy)553
developer-relations, advocacy, metrics
Understanding Generics in TypeScript552
typescript, generics
What Is a Promise? JavaScript Promises for Beginners (fre)551
javascript, promises, asynchrony
You Don’t Know “useEffect”550
react, hooks
Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (5t3)549
css, math, functions
Does Shadow DOM Improve Style Performance? (nol)548
dom, shadow-dom, performance, rendering
Reviewing a Design for Accessibility547
accessibility, code-reviews, user-experience
The Problem of SSR Frameworks (ant)546
server-side-rendering, frameworks, nextjs, sveltekit
Big O, Code Efficiency Analysis545
algorithms, performance
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)544
images, avif, deep-dives
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)543
guides, accessibility, focus, wcag, compliance
Breaking the Web Forward542
web, browsers
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business541
videos, tutorials, ghost, blogging, monetization
CSS “accent-color” (arg)540
css, forms
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css)539
comparisons, tooling, tech-stacks, jamstack
Logging in Unit Tests, a Bad Practice (yeg)538
logging, testing
Accessible Design Systems: Look Good While Doing Good537
design-systems, accessibility
How to Test for Accessibility With Users at Every Design Stage536
how-tos, accessibility, testing
Principles by Design535
design, principles
“return await promise” vs. “return promise” in JavaScript534
javascript, promises, comparisons
Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (css)533
css, animations
The State of Mobile First and Desktop First (sha)532
responsive-design, mobile-first, mobile, desktop
“<Lazy>” Rendering in Vue to Improve Performance531
vuejs, client-side-rendering, performance, optimization
Accessible Contrast Ratios and A-Levels Explained530
accessibility, colors, contrast
The Complete Guide to HTML Forms and Constraint Validation (cra)529
guides, html, forms, validation
Google vs. the Web (cfe)528
google, web
The World of CSS Transforms (jos)527
css, transforms
HTTP/3 From A to Z: Core Concepts (pro/sma)526
http, protocols, concepts
How Writing Can Advance Your Career as a Developer525
career, writing
JavaScript Development: Making a Web Worker Optional524
javascript, web-workers
A Performance-Focused Workflow Based on Google Tools523
performance, web-vitals, tooling, google
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)522
css, apis, images, effects
24+ Essential CSS Properties Every Web Developer Should Know521
videos, css
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
On the “<dl>” (ben)517
html, lists
Browsers and Representation (jim)516
browsers
Modular Code With Nunjucks and Eleventy (jer)515
nunjucks, eleventy, examples
30 Years on From Introducing the Web to the World (amy/w3c)514
web, history, anniversaries
Creating a WordPress Child Theme: Is It Really Necessary in 2021?513
wordpress, themes
A Look Back at the Very First Website Ever Launched, 30 Years Later (jos/npr)512
history
Visualizing a Codebase511
tooling, developer-experience, visualization
Sustainable Web Design, an Excerpt (ali)510
sustainability
A Guide to Accessible Digital UX Design509
guides, accessibility, user-experience, design
Why Are We Talking So Much About Design Leadership?508
design, leadership
Inclusive Usability Testing: The Benefits of Inclusive Design507
usability, testing, dei
CSS Nesting, Specificity, and You (kil)506
css, selectors, cascade, nesting
Accessibility Testing With Storybook (sto)505
accessibility, testing, storybook
React Children and Iteration Methods (sma)504
react
Writing Great Alt Text: Emotion Matters (jaf)503
accessibility, writing, alt-text, images, user-experience
What Are Accessibility Overlays Good For? (gar)502
accessibility, overlays
Refresher on JavaScript Callbacks and Promises (ato)501
javascript, callbacks, promises
Using CSS Shapes for Interesting User Controls and Navigation (pre/css)500
css, shapes, navigation
What Devs Need499
websites, tooling, link-lists
npm Security Best Practices (owa)498
npm, security, best-practices
How to Use “Promise.allSettled()”497
how-tos, javascript, promises
A Deep Dive on Skipping to Content (css)496
accessibility, skip-links, deep-dives
Using localStorage With React Hooks (log)495
browser-storage, react, hooks
How to Build Resilient JavaScript UIs (sma)494
how-tos, javascript, user-experience, resilience
Building the Perfect GitHub CI Workflow for Your Frontend Team (max)493
github, ci-cd
Introduction to TCP: Transmission Control Protocol492
introductions, protocols, tcp
Web Accessibility Myths: Debunking 7 Common Misconceptions (moz)491
accessibility, myths
Mitigating User Errors (uxm)490
user-experience, errors
2021 Scroll Survey Report (arg)489
surveys, css, scrolling
The Importance of UX Writing (uxm)488
user-experience, writing, user-conversion
How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score487
performance, nextjs, lighthouse, case-studies
Balancing UX Design and Conversion-Rate Optimization (uxm)486
user-experience, design, user-conversion, optimization
The (Most Comprehensive) JavaScript Design Principles Guide485
guides, software-design, javascript, principles
Refactoring CSS: Strategy, Regression Testing, and Maintenance (cod/sma)484
css, maintenance, refactoring, testing, regressions, strategies
Why It’s Okay for Web Components to Use Frameworks (nol)483
frameworks, web-components
Basic Logging With Python (rua)482
python, logging
101 Digital Accessibility Tips and Tricks481
accessibility, tips-and-tricks
Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better480
design, user-experience, mistakes
Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer479
dev-tools, accessibility, source-order, debugging, browsers, chrome
5 Git Tips to Level Up Your Workflow478
git, tips-and-tricks, command-line
Best Practices for Tags and Tag Managers477
tag-management, web-vitals, best-practices
Optimizing Your Own Performance as a Designer476
design, career
There Is No Such Thing as a CSS Absolute Unit (sma)475
css, units
CSS Architecture and Performance in Micro Frontends474
css, architecture, performance, micro-frontends
How to Stay Focused as a Self-Taught Frontend Web Developer473
how-tos, career, learning, productivity
Creating an Accessible Dialog From Scratch (kit/sma)472
accessibility, modals
Safari Isn’t Protecting the Web, It’s Killing It (pim)471
browsers, safari, web
How to Hand Off Accessible Designs to Developers?470
how-tos, accessibility, processes
Learnings From a WebPageTest Session on CSS-Tricks (chr/css)469
performance, webpagetest
Architecting and Scaffolding a TypeScript and Express API468
typescript, express, apis
Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (ana/css)467
css
A Beginner’s Guide to Lighthouse466
guides, lighthouse, performance, web-vitals
CSS Logical Properties and Values (oll/css)465
css, logical-properties
Global vs. Local Styling in Next.js (sma)464
css, nextjs, comparisons
Thinking About the Cut-Out Effect: CSS or SVG? (sha)463
css, svg, techniques, effects, comparisons
Is It Time to Ditch the Design Grid? (mic)462
design, layout, grids
When You Cannot Run Away From Using Tables on Mobile461
layout, user-experience, tables, mobile
Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks460
tutorials, guides, webhooks
My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender459
css, layout
Accessible Design From the Get-Go (rom/evi)458
accessibility
Overview of the RenderingNG Architecture (chr)457
overviews, browsers, browser-engines, chromium, google, rendering
UX Principles That Include Cognitive Accessibility (gar)456
accessibility, user-experience, principles
Getting Started With React “useContext” Hook and React Context455
react, hooks, introductions
Takeaways From the 2021 State of Digital Accessibility Report (red)454
surveys, accessibility
What Is SEM Positioning? Definition, Advantages, and Characteristics453
sem, concepts
Four Factors in UX Maturity (nng)452
user-experience
Complete Introduction to CSS Flexbox451
introductions, css, flexbox, layout
12 Python Tips and Tricks You Must Know450
python, tips-and-tricks
You Don’t Need React for Building Websites (cit)449
react
Break HTML Content Into Newspaper-Like Columns Using Pure CSS (ami)448
css, layout
5 UI Tips to Become a Better Front-End Developer447
design, colors, tips-and-tricks
It Is Time to Ditch the Title “Evangelist” From Accessibility446
accessibility
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
The Vanishing Designer443
design, career
Using Google Drive as a CMS (css)442
content-management, google
What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages441
accessibility
Custom Properties and “@property”440
css, custom-properties
What to Know About AVIF on Cloudinary (sia)439
avif, images, cloudinary
Definition of Done vs. Acceptance Criteria438
agile, scrum, processes, comparisons
Faster Git Checkouts on NFS and SSD With Parallelism437
git
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work436
accessibility, wcag, colors, contrast
Simple Monorepos via npm Workspaces and TypeScript Project References (rau)435
monorepos, npm, typescript
The Accessibility Stalemate (cod)434
accessibility
A Visual Guide to React Rendering—It Always Re-Renders433
guides, react
From a Colourblind Designer to the World: Please Stop Using Red and Green Together432
accessibility, colors
How to Migrate From WordPress to a Headless CMS (daw/sma)431
how-tos, migrating, wordpress, headless, content-management
The Future of UX Design (uxm)430
interviews, outlooks, user-experience, design
Journey of a Web Page—How Browsers Work429
browsers, concepts
Eleventy Serverless With Zach Leatherman (zac)428
videos, eleventy, serverless
An Introduction to Frameworkless Web Components (cra)427
introductions, web-components, javascript, dom
Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (bra/css)426
css, animations
The Ultimate Cheat Sheet List for Web Developers425
html, css, javascript, cheat-sheets
Maintaining End-to-End Quality With Visual Testing (sma)424
testing, quality, design
6 Useful Frontend Techniques That You May Not Know About423
html, css, javascript, techniques
Principle of Closure in Visual Design (nng)422
design, principles
Designing for Information Density421
design
Why Has User Experience Design Become Legal Experience Design? (gar)420
accessibility, user-experience, legal
Magento Tips and Tricks419
magento, tips-and-tricks, seo
Accessibility of the “Section” Element (sco)418
accessibility, html
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
What Is Tree Shaking? (cfe)414
javascript, performance, concepts, tree-shaking
Designing for the Unexpected (ali)413
design, html, css
Content Accessibility Fact Sheet412
content, accessibility
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)411
incremental-static-regeneration, rendering, terminology, concepts
How to Get a Pixel-Perfect, Linearly Scaled UI (css)410
how-tos, css, preprocessors, layout
The Performance Effects of Too Much Lazy-Loading (rvi+)409
performance, web-vitals, lazy-loading
For Developers, Apple’s Safari Is Crap and Outdated408
browsers, apple, safari
There’s No Such Thing as Fully Automated Web Accessibility (ann)407
accessibility, automation
I’m Changing How I Review Code406
code-reviews, quality
HTTP Status Codes That You Must Know405
http, protocols
The 3-Second Frontend Developer Test (j9t)404
html, css, conformance, quality
Angular Is Costing Companies Billions403
angular
The Ultimate Guide to Browser-Side Storage (cra)402
guides, browsers, browser-storage, javascript
What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”?401
css, flexbox, alignment
An Unreasonably Long Introduction to ARIA (With Example Implementation)400
introductions, accessibility, aria, live-regions, examples
The Most Important Lessons I’ve Learned From Senior Software Engineers399
lessons, career
Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css)398
css, transitions, custom-properties, complexity
How to Migrate From jQuery to Next.js (fgi/sma)397
how-tos, migrating, jquery, nextjs
Detecting Media Query Support in CSS and JavaScript (kil)396
css, javascript, media-queries, support
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
15 HTML5 Best Practices for Beginners to Master389
html, best-practices
Image Descriptions: A Human Technique That Robots Can’t Grasp388
accessibility, images, alt-text
The Document Outline (mat/mat)387
html, headings, accessibility
Making a Strong Case for Accessibility (col/sma)386
accessibility
Milligram CSS385
videos, milligram, frameworks, html, css, landing-pages
Creating Accessible CSS Art (alv)384
css, accessibility, art
The Large, Small, and Dynamic Viewports (bra)383
viewport, layout, responsive-design, css
Performance Design: The Illusion of Speed382
performance, user-experience
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
How to Use “Promise.all()”376
how-tos, javascript, promises
A Quick Introduction to Handlebars375
introductions, handlebars
The Dilemma of Naming Font Size Variables (css)374
css, preprocessors, custom-properties
Build a Website With React and Tailwind CSS373
react, tailwind
The Anatomy of a Web Page: 14 Basic Elements372
design-patterns, navigation, buttons, forms, multimedia, favicons, images, link-lists
How Does Node.js Load Its Built-In/Native Modules? (joy)371
javascript, nodejs, modules
Accessibility and Inclusivity: Distinctions in Experience Design370
accessibility, dei, user-experience
Using HSL Colors in CSS (sha/sma)369
css, colors
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (nng)368
how-tos, usability, design, checklists
Basics of JavaScript Test Driven Development (TDD) With Jest367
fundamentals, javascript, testing, jest
Where Did This Interaction Come From?—A Brief History of Interaction Design366
history, interaction-design
Acronyms in Web Development (fla)365
terminology
“export default thing” Is Different to “export { thing as default }” (jaf)364
javascript
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
Accessibility and SEO361
accessibility, seo, html
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (lei/sma)360
testing, quality
Towards Richer Colors on the Web359
design, colors
What Do HTML Elements Sound Like? (rik)358
html, screen-readers, voiceover, accessibility
Detecting Hover-Capable Devices (mic)357
css, feature-detection, hover
Encoding Data for POST Requests (jaf)356
javascript, security, encoding
The State of Web Workers in 2021 (sur/sma)355
javascript, web-workers
When a Click Is Not Just a Click (css)354
javascript
Colorblind Accessibility Manifesto353
websites, manifestos, accessibility, colors, color-blindness, guidelines
The Internet Is a Collective Hallucination (zit)352
link-rot, web
10 Figma Best Practices to 10× Your Workflow351
design, figma, productivity, best-practices
9 Tips to Help You Ace a Whiteboard Interview350
interviewing, career, tips-and-tricks
How We Built React Components for Any Front End349
react, components, case-studies
5 Hidden Mistakes That Can Ruin a Developer’s Career348
career, mistakes
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
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals345
css, frameworks, fundamentals, quality
Screen Readers: Hearing the Unseen344
accessibility, screen-readers
Code Reusability Patterns for Next.js343
nextjs, maintainability, monorepos
Resource Inlining in JavaScript Frameworks (mge)342
javascript, frameworks, performance, web-vitals
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)341
css, preprocessors, design-tokens
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)340
amp, web-vitals, google
The Most Popular Design Thinking Strategy Is BS (fas)339
design, strategies
I Regret Being a Hipster in Tech338
career
My Journey From a Novice to a Front-End Engineer337
career
All You Need Is 5 Fonts336
design, typography, fonts
Creating a Multi-Author Blog With Next.js (dom/sma)335
nextjs, blogging
Debugging JavaScript and Front-End334
videos, javascript, debugging
Using CSS to Enforce Accessibility (aar)333
accessibility, css
Container Queries and the Future of CSS (mia)332
videos, css, container-queries
JavaScript Frameworks and the Lost Art of HTML (ste/deq)331
javascript, html, frameworks
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)330
videos, css, grids, layout, responsive-design, container-queries
Making the Web—Faster329
web, performance, developer-experience, principles
Accessibility in React328
accessibility, react
No Code Reviews by Default327
code-reviews
The True Cost of a Redesign326
redesigning, economics
Beyond Basic Alt Text—Charts, Maps, and Diagrams325
accessibility, alt-text, images, information-design
React Architecture: How to Structure and Organize a React Application324
how-tos, react, architecture
RenderingNG (chr)323
browsers, browser-engines, chromium, google, rendering, history
What’s New in ES2021322
javascript, ecmascript, standards
Custom Scrollbars in CSS (sha)321
css
Sorting Colors in JavaScript320
javascript, sorting, colors
Demystifying Styled Components (jos)319
css, javascript, components
Craft Good Questions for Usability Tests318
usability, testing
A Framework for Building Open Graph Images317
open-graph, images
What Is QUIC Protocol: Everything That You Should Know316
protocols, quic
Keeping It Consistent: Design Tokens315
design-systems, design-tokens, consistency
How to Use Dynamic Imports in JavaScript314
how-tos, javascript
Blogged Answers: The Evolution of Redux Testing Approaches (ace)313
redux, state-management, testing, history
Organize Your CSS Declarations Alphabetically (eri)312
css, sorting, maintainability
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
Web Audio API (pad/w3c)308
standards, multimedia, apis
OMG, SVG Favicons FTW!307
html, images, favicons, svg
How Apple Changed the Way We Navigate—Forever306
design, navigation, apple
Your Image Is Probably Not Decorative (eri/sma)305
images, decoration, accessibility, alt-text
Optical Size, the Hidden Superpower of Variable Fonts (pix)304
css, fonts, variable-fonts, typography
Shut Up, Old Man… (cod)303
career
NPM Global Audit302
packages, npm, security, quality, auditing
A Complete Guide to Accessibility Tooling (nic/sma)301
guides, accessibility, tooling
A Complete Guide to Accessibility Tooling (nic/sma)300
guides, accessibility, testing, automation
Dart Basics299
fundamentals, dart, flutter
Everyday Accessibility298
accessibility
Understanding and Preventing Common Security Vulnerabilities297
security, vulnerabilities
Provided “As Is,” Without Warranty of Any Kind (sir)296
foss, community, licensing
Regular Expressions (RegEx) in Google Search Console295
regex, seo, google
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)294
css, javascript, accessibility
Adding Shadows to SVG Icons With CSS and SVG Filters (css)293
css, svg, images, icons, shadows, filters, effects
The Art of Frontend Engineering292
career
React Cheat Sheet (Updated June 2021)291
react, cheat-sheets
Half the Size of Images by Optimising for High Density Displays (jaf)290
html, images, performance
Serving Sharp Images to High Density Screens (jaf)289
performance, images
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
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)285
css
Building a Color Scheme (arg)284
css, design, colors, color-palettes
The Simplicity of Svelte283
svelte, simplicity, examples
Ready-Made Counter Styles (ri/w3c)282
css, localization, counters
Tips for Real-World Alpine.js (cod)281
alpinejs, tips-and-tricks
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States280
design, usability
An Interactive Guide to CSS Transitions (jos)279
guides, css, transitions
What Is Prisma and Why Do We Need Another ORM? (nea)278
databases, tooling, orm, prisma
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)277
css, selectors
Why Validate? (j9t)276
html, css, quality, conformance, craft
Component-Specific Design Tokens (clo)275
components, design-tokens
Improving the UX of Your Design System274
design-systems, user-experience, optimization
Reasons Why Bugs Might Feel “Impossible” (b0r)273
debugging, quality, bugs
10 Postman Features Everyone Should Know (get)272
postman
Towards a Common Vision for Browser Extensions271
browsers, browser-extensions
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)270
performance
Accessible Overflow269
accessibility, html, css, overflow
An Accessibility Strategy268
accessibility, strategies
The Dark Side of Notepad++ : v8267
release-notes, notepad++
Using AVIF to Compress Images on Your Site266
performance, images, avif, compression
A Comprehensive Guide to Vue Slots265
guides, vuejs
Vue.js vs. React—Not Your Usual Comparison264
frameworks, vuejs, react, comparisons
10 Utility Functions for Working With Objects in JavaScript263
javascript, functions, objects
Extracts From a Private Q&A Retrospective About the WHATWG262
interviews, whatwg
A Little Book of Accessibility (gar)261
accessibility
JavaScript: Debouncing and Throttling260
javascript, debouncing, throttling
CSS System Colors (jim)259
css, colors
Open Source Insights258
websites, foss, dependencies, security, licensing
Best Practices for Fonts (tun)257
fonts, best-practices, performance
How to Redirect HTTP to HTTPS (sem)256
how-tos, redirecting, http, tls, wordpress, nginx, iis, apache, servers, seo
Managing Shared State in Vue 3 (wil/sma)255
vuejs, state-management
Getting Started With a Kanban Board: 6 Tips for Productive Work254
introductions, kanban, agile, tips-and-tricks, productivity
CSS for Web Vitals (una)253
css, performance, web-vitals
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)252
how-tos, 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
Why Accessibility Overlays Hurt More Than Help (dbo)248
accessibility, overlays
Embracing Design Constraints (aar)247
design
The Hidden World of “aria-hidden” (ste)246
accessibility, aria, html, hiding
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
What Makes a Great Component Library?242
components, libraries
How to Build an Image Comparison Slider241
how-tos, sliders, react, images
A Thorough Analysis of CSS-in-JS (css)240
css, javascript, css-in-js
Accessible Web Forms239
videos, accessibility, forms
A Beginner’s Guide to Vue 3238
guides, vuejs
Writing Better Regular Expressions in PHP237
php, regex, readability
History of Web Browser Engines From 1990 Until Today236
history, browser-engines, browsers, presto, gecko, trident, edgehtml, khtml, webkit, blink, servo
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)235
accessibility, svg, images, screen-readers
25 Years of CSS (mey)234
css, history
Your Design System Is Actually a Product—Treat It Like One233
design-systems
Access Guide232
websites, guides, accessibility
Hiding Posts With Future Dates in Eleventy (san)231
eleventy, time, hiding
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)230
css, container-queries
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
Professional Development Is a Choice226
career, training, professionalism
How to Implement Authentication in Next.js With Auth0 (fgi/sma)225
how-tos, nextjs, authentication, tooling, auth0
The New Responsive: Web Design in a Component-Driven World (una)224
responsive-design, css, components
Dark Patterns Tip Line223
websites, dark-patterns, user-experience
Approaches to Undo and Redo (mca)222
undo-redo, functionality, javascript
How to Name Your Design System221
how-tos, design-systems, naming
Useful and Useless Code Comments (jim)220
developer-experience, comments
Don’t Overabstract Your Components219
html, javascript, components
WebGPU (kai/w3c)218
webgpu, standards
Learn CSS (bel)217
courses, css
We Need to Talk About WCAG (ria)216
accessibility, wcag
2021: 98% of the Top 100 US Websites Use Invalid HTML (j9t)215
html, css, conformance, metrics, quality, craft
FTP: Fifty Years and Millions of FTP Servers Worldwide214
ftp, standards, history, servers, tooling
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
JPEG XL208
websites, jpeg-xl, images
Can I “:has()” (bka)207
css, selectors, igalia
Upgrade Your HTML III (j9t/dxs)206
books, frontend-dogma, html, minimalism, craft, conformance
A Complete Guide to Grid (css)205
guides, css, grids, layout
Making Disabled Buttons More Inclusive (san/css)204
css, accessibility
Video SEO Best Practices for Ecommerce203
seo, google, multimedia, ecommerce, best-practices
Building a React Design System for Adoption and Scale202
react, design-systems
Rethinking Component Libraries201
components
A Primer on CSS Container Queries (5t3/sma)200
introductions, css, container-queries
Introduction to Using Dart in Flutter (log)199
introductions, dart, flutter
Everything You Need to Know About A/B Testing198
metrics, a-b-testing, optimization
Meet zx: A Better Way to Write Scripts With Node.js197
zx, nodejs
Web Application Development: The Ultimate Guide (2021)196
guides, web-apps
Introduction to HTTP Cookies195
introductions, cookies, javascript
Custom Attributes Are Fast Good and Cheap (dfk)194
attributes, css, selectors
How to Satisfy User Intent When Considering Search vs. Browse193
how-tos, usability, browsing, searching, comparisons
Is Vendor Prefixing Dead? (css)192
css, vendor-extensions
Reducing HTML Payload With Next.js (Case Study) (sma)191
nextjs, html, performance, case-studies
Overreliance on Overlays Is Counter to Enculturation of Accessibility190
accessibility, overlays
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
The Evolution of Jamstack (bii/sma)187
tech-stacks, jamstack, nextjs
4 Soft Skills Every Designer Should Aspire to Learn (uxm)186
design, career
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
Immersive Content Strategy (ali)183
content, content-strategy, user-experience
Better Onboarding: How to Prevent Codebase Overwhelm182
how-tos, onboarding
Understanding Design Systems—Designing Component APIs181
design-systems, components, apis
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)180
videos, components, responsive-design, breakpoints
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
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit174
css, custom-properties, browsers, browser-engines, webkit
Edge and Epic Browser Are Fastest Chromium Based Browsers in 2021 (rol)173
browsers, edge, epic, chromium
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
An Introduction to Performance Budgets168
introductions, performance, performance-budgets, metrics
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)167
interviews, career
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling166
career
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)165
guides, incremental-static-regeneration, nextjs
Making GraphQL Work in WordPress (sma)164
wordpress, graphql
Intrinsic Typography Is the Future of Styling Text on the Web (css)163
typography, css
The Lazy-Loading Property Pattern in JavaScript (nza)162
javascript, software-design-patterns, lazy-loading, performance
Five Reasons Your First Design System Will Fail161
design-systems
How Artificial Intelligence Is Impacting UX Design (uxm)160
user-experience, design, ai
What Is Vite? An Overview of the New Front-End Build Tool (tim)159
overviews, building, tooling, vite
CSS Hell158
websites, css
Content-Aware Image Resizing in JavaScript157
javascript, images, resizing
What Is DevOps? A Comprehensive Introduction156
introductions, dev-ops
PHP in 2021 (bre)155
php, retrospectives
A Beginner’s Guide to Load Balancing (osd)154
guides, load-balancing, concepts, edge-computing
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
Web Developer’s Guide to AVIF Images149
guides, images, avif
Variable Scope, Lexical Scope, and Code Blocks in JavaScript148
javascript, scope
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know147
accessibility, wcag
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
Comparing the New Generation of Build Tools (css)143
tooling, building, bundling, comparisons
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)142
webauthn, authentication, apis, standards
Write a Plugin for Tailwind CSS141
tailwind, plugins