Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?635
monorepos, dependencies, comparisons, nodejs, lerna
5 Simple Productivity Tips for Developers634
productivity, tips-and-tricks
8 JavaScript Quiz [Questions] That May Confuse You633
quizzes, javascript, interviewing
Creating Realistic Reflections With CSS (pre/css)632
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)631
css, typography, deep-dives
Ethical Design Network630
websites, design, ethics
Writing Better CSS629
css, quality, sorting
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)628
design, principles
Design System Documentation Best Practices627
design-systems, documentation, best-practices
Under-Engineered Multi-Selects (aar)626
accessibility, html, aria
Creating a Firework Effect With CSS (alv)625
css, effects
How to Professionally Say (aka)624
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage (uxd)623
how-tos, figma
Foundations: Lists (tin/tet)622
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS621
browsers, css, parsing
Best Practices for Integrating Content Design in Your Design System620
design, design-systems, content, best-practices
Common Frontend Interview Questions I’ve Been Asked619
interviewing, html, javascript
CTA Modal: How to Build a Web Component (sma)618
how-tos, web-components, javascript, modals
How to Build Node.js REST API With MySQL617
how-tos, nodejs, apis, rest, databases, mysql
Let’s Keep the “Content” in WCAG616
content, accessibility, wcag
Misusing TypeScript Assertion Functions for Fun and Profit (chr)615
typescript, functions
Server-Side vs. Client-Side Analytics (dav)614
analytics, metrics, comparisons
The Complete Guide to Regular Expressions (Regex)613
guides, regex
The CSS Art Paradox (j9t)612
css, art, html, quality
Understanding the Performance Impact of Anti-Flicker Snippets (spe)611
performance, web-vitals
My Browser Support Strategy (mic)610
browsers, support, progressive-enhancement, testing
Introducing “inert”609
introductions, html, attributes, accessibility, keyboard-navigation
A Practical Guide to Aspect Ratio in CSS (zor/css)608
videos, guides, css, aspect-ratio
Learn to Code With JavaScript: The Most Popular Programming Language on Earth607
javascript, learning
Stop Removing Focus (col)606
accessibility, focus, css
The 5 Golden Rules of Code Reviews605
code-reviews, processes, quality
Traditional Web Design Process Is Fundamentally Broken (gri/clo)604
design, processes, prototyping, mobile, responsive-design
Cool Hover Effects That Use Background Properties (css/css)603
css, hover, effects, backgrounds
Web Scraping via JavaScript Runtime Heap Snapshots602
scraping, javascript, memory
A Guide to Task-Based UX Metrics601
guides, user-experience, metrics
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)600
browsers, browser-engines, legal, apple
Flexibly Centering an Element With Side-Aligned Content (mey)599
css, centering
Non-Interactive Elements With the “inert” Attribute (web)598
html, attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility597
accessibility, html, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)596
memoization, javascript, react
8 Industry-Standard Tools to Reduce Dependency Risks595
tooling, dependencies, maintenance, renovate, depfu, link-lists
Is Measuring Speed a Useful Metric for Design Systems? (amy+)594
videos, performance, metrics, design-systems
Deploy Your First Website Without Leaving Your IDE (bla)593
deploying
16 Top Design Trends for 2022 (uxm)592
design, trends
8 Ways to Make Website Accessibility Easier (and Less Expensive)591
accessibility
9 Useful Principles of UX Design (uxm)590
user-experience, design, principles
Four Eras of JavaScript Frameworks589
javascript, frameworks, history
How Web Browsers Work: Parsing the HTML588
browsers, html, parsing
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)587
comparisons, economics, mobile
The “Dark Yellow Problem” in Design System Color Palettes (uxd)586
design-systems, colors, color-palettes
11 Steps to Keep Figma Clean (uxd)585
design, tooling, figma
Supercharge Your Design System With Design Tokens (uxd)584
design-systems, design-tokens
Testing Figma Components (nat)583
testing, components, figma
Build a Lightweight Web Component With Lit.js582
web-components, javascript
Deep Dive Into Top Web Developer Pain Points581
web-platform, deep-dives
Best Font for Online Reading: No Single Answer (nng)580
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)579
design, atomic-design
How Web Browsers Work: Navigation578
browsers, http
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity577
css, complexity
Writing Strong Front-End Test Element Locators (css)576
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)575
html, forms, progressive-enhancement
State of Eleventy: April 2022 (zac)574
videos, eleventy
Building a Combined CSS Aspect Ratio Grid (9el)573
css, layout, grids, aspect-ratio
TypeScript Tips and Tricks (vsc)572
videos, typescript, tips-and-tricks
Web Color Is Still Broken571
websites, colors, web
Web Components as Progressive Enhancement (pau/clo)570
web-components, progressive-enhancement
Overview of Servo (wuy)569
overviews, servo, browser-engines
Mastering CSS Transitions With React 18568
css, transitions, react
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)567
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Beyond WCAG: Losing Spoons Online (tpg)566
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)565
accessibility
Debugging Node Serverless Functions on AWS Lambda564
nodejs, debugging, functions, aws, serverless, lambda
Productivity Tips and Tools for a More Efficient Workflow (sma)563
link-lists, productivity, tips-and-tricks, tooling
Why Learn to Code? 17 Benefits of Learning to Code562
learning, career
The Future of CSS: CSS Toggles (bra)561
css, toggles
Faster Initialization of Instances With New Class Features (joy)560
browsers, javascript, javascript-engines, v8, performance
Forced Colors Explained: A Practical Guide (kil/pol)559
colors, browsers
How to Start Testing Your Website With a Screen Reader558
how-tos, accessibility, browsers, testing
Low-Code No-Code Web Development, Explained557
low-and-no-code, concepts
Ordering CSS Declarations (jim)556
css, sorting
Routing: I’m Not Smart Enough for an SPA555
routing, single-page-apps
The Role of Policy in Creating a Culture of Accessibility554
interviews, accessibility, policies, culture
URL, URI, URN: What’s the Difference?553
urls, terminology, comparisons
The Front-End Developer’s Guide to the Terminal (jos)552
guides, command-line, shells
20 Easy Ways to Be More Productive as a Developer551
productivity
4 Reasons to Avoid Using “npm link”550
npm
A Practical Guide to Centering in CSS (sta)549
guides, css, centering
Does Valid and Semantic HTML Still Matter? (5t3+)548
podcasts, html, semantics, conformance
Ensure Third Party Content Is Accessible (ons/tpg)547
accessibility, wcag, embed-code
React 18—New Features and Improvement Strategies546
react
The Ultimate Guide to Push Notifications for Developers (sma)545
guides, notifications
When UX Goes Bad (and How to Fix It) (web)544
user-experience
GitHub Alternatives: A Review of Bitbucket, GitLab, and More543
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
How to Choose the Right Static Site Generator (git)542
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
Web Scraping Is Legal, US Appeals Court Reaffirms (tec)541
scraping, legal
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking540
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)539
nodejs
How to Improve Core Web Vitals (8 Ways)538
how-tos, web-vitals, performance
The Most Popular Node.js Frameworks in 2022 (sta)537
nodejs, frameworks
Is Agile an Anti-Design Pattern? (uxd)536
agile, design, anti-patterns
7 Web Component Tricks (dav)535
web-components, tips-and-tricks
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)534
accessibility
Fonts for the Web: Rationale, 1996 (svg/w3c)533
fonts, history
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases532
refactoring, maintenance, micro-frontends
Intro to CSS Parent Selector—“:has()” (zor/css)531
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS530
design-systems, css, custom-properties, metrics
A Web Renaissance529
web
CSS Parent Selector (sha)528
css, selectors
Drastically Improve Your UI Designs With This Technique527
design, techniques, optimization
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results526
how-tos, quality, techniques
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)525
guides, javascript, performance, optimization
Title Rewrites: 3 Patterns to Avoid (moz)524
seo, semantics, writing, microcontent
Usability Guidelines for Better Carousels UX (vit/sma)523
guidelines, usability, user-experience, carousels
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)522
design, processes, productivity
Building a Dialog Component (arg)521
components, modals, html, css, javascript
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)520
accessibility
Naming Colors in Design Systems519
design-systems, colors, naming
One Million Broken Web Sites—and a Way to Prevent That (cod)518
accessibility, browsers, tooling
Component Party517
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
Why Accessibility Bugs Are a Good Thing and How to Handle Them516
accessibility, quality, bugs
Syntax Highlighting for AsciiDoc With Eleventy (san)515
syntax-highlighting, tooling, eleventy
Common Accessibility Issues That You Can Fix Today (hdv)514
accessibility
7 Collaborative Coding Tools for Remote Pair Programming513
collaboration, tooling
Childish Font Sizes (tyl/clo)512
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)511
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)510
css, toggles
How to Develop Your UX Design Philosophy (uxm)509
how-tos, user-experience, design
How to Improve UX Design Through A/B Testing (uxm)508
how-tos, design, user-experience, testing, optimization
Image Borders in CSS (ami)507
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)506
design, mobile-first, mobile, ecommerce
Takeaways From “The Internet Is Unusable”: The Disabled View (red)505
accessibility
Those HTML Elements You Never Use504
html, semantics
CSS “:has()” a Parent Selector Now503
css, selectors
CSS Tips and Tricks You May Need to Know502
css, tips-and-tricks
How to Fix Your Low-Contrast Text (ben)501
how-tos, accessibility, colors, contrast
How to Turn HTML Webpage Into an Image?500
how-tos, html, images, conversion
JavaScript Function Composition: What’s the Big Deal?499
javascript, functions
Open Accessibility Standards498
accessibility, wcag, aria
Information Architecture: Study Guide (nng)497
guides, information-architecture, training, link-lists
33 JavaScript Concepts Every Developer Should Know496
javascript, concepts
Incremental Static Regeneration for Angular495
angular, incremental-static-regeneration
MIME Types494
videos, mime-types, servers, apache
SEO for a New Website in 2022493
seo, checklists
There’s No Such Thing as a “Design System Designer” (uxd)492
design, design-systems, career
April 9 Is CSS Naked Day (fro)491
frontend-dogma, css, awareness-days
Dynamic Data-Fetching in an Authenticated Next.js App (sma)490
data-fetching, nextjs, authentication
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)489
lists, unicode, css
Nailing Your Engineering Interviews: Tips From a Technical Recruiter488
interviewing, career
Why Your Design System Needs Content Design487
design-systems, content
Your Website Is a Pollution Machine (cfe)486
sustainability
Designing Better Breadcrumbs (vit/sma)485
html, usability, navigation, breadcrumbs
How to Create Animated Anchor Links Using CSS (zor/css)484
videos, how-tos, links, css, animations
JavaScript and Node.js Testing Best Practices483
javascript, nodejs, testing, best-practices
Principles of Object-Oriented Programming in TypeScript (app)482
typescript, principles, oop
12 Years Beyond a HTML Joke (ste)481
html, semantics
A New Statistical Approach for Predicting Usability Problems480
studies, research, metrics, usability
Accessibility Testing Guide479
guides, accessibility, testing, wcag
Alternative Text (Alt Text) (pop)478
accessibility, html, images, writing, alt-text
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)477
performance, web-vitals, seo, metrics
Fonts in Use: Variable Fonts476
typography, fonts, variable-fonts
HTML Is All You Need to Make a Website (whi)475
html
The Business Case for Accessibility (tet)474
accessibility, economics
Working on Two Git Branches at Once With “git worktree” (and)473
git, github, command-line
Animated Grid Tracks With “:has()” (mic)472
css, layout, grids, selectors
Sharing State in Distributed UIs at Runtime471
state-management, scalability, micro-frontends
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)470
videos, css, scrolling
Accessible Description Exposure (aar)469
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)468
layout, css, media-queries
What’s New in ECMAScript 2022 (paw)467
ecmascript, standards
What if… One Day Everything Got Better? (dav)466
accessibility
“aria-labelledby” Usage Notes (ste)465
accessibility, aria, labels, html
How to Respond to Growing Supply Chain Security Risks?464
how-tos, security, dependencies, nodejs, npm
Tweaking in the Browser (sha)463
browsers, tooling
Getting Started With Servo (wuy)462
introductions, servo, browser-engines, mozilla
Accessible Cards (kit)461
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)460
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?459
interviewing, career, code-reviews
Why We Don’t Use a Staging Environment458
environments, testing
How to Match HTML Elements With an Indeterminate State (ste)457
how-tos, html, css, selectors
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)456
studies, research, accessibility, homepages, metrics
Exciting Times for Browsers (and CSS) (mic)455
browsers, css
Accessibility Policy Implementation: What You Need to Know454
interviews, accessibility, policies
Designing a Better Infinite Scroll (vit/sma)453
scrolling, navigation, pagination
Introduction to the SSH Protocol452
introductions, protocols, ssh
Web Accessibility Guidance Project451
guides, accessibility
How to Optimize Your LCP (with Visuals) (ste)450
how-tos, performance, web-vitals, optimization
HTML-Only Keyboard Shortcuts (ami)449
html, accessibility, keyboard-navigation, keyboard-shortcuts
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone448
accessibility, usability
Make Beautifully Resilient Apps With Progressive Enhancement (aus)447
progressive-enhancement, resilience
Neubrutalism Is Taking Over the Web (uxd)446
design, web
7 Learning Habits for Developers: Reach Skill Goals in Less Time445
learning
An Opinionated Guide to Unit Testing444
guides, testing, quality
Case: Accessibility in Software Development443
accessibility
CSS “:has” (dav)442
css, selectors
Locale Aware Sorting in JavaScript441
javascript, sorting, localization, internationalization
Optimising Largest Contentful Paint (css)440
performance, web-vitals
Secret Mechanisms of CSS (jos/9el)439
videos, css
Understanding Layout Algorithms (jos)438
css, layout
A Guide to Hover and Pointer Media Queries (its/sma)437
guides, css, hover, media-queries
How to Document Accessibility Issues436
how-tos, accessibility, documentation
Picture Perfect Images With the Modern “<img>” Element (add)435
images, html, performance, web-vitals
The Art of CSS Art434
css, art
Why Every Programmer Must Blog433
career, blogging, communication, learning
14 Linting Rules to Help You Write Asynchronous Code in JavaScript432
javascript, asynchronicity, linting
Building a Headless Design System (fig)431
videos, design-systems, headless
How to Use Props in React (rwi)430
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)429
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)428
remix, routing
You’re Unselectable (aar)427
accessibility, css
You ≠ User (nng)426
videos, usability, user-experience
The Case for PHP Generics (bre)425
php, generics
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed424
design, performance, user-experience
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)423
fonts, variable-fonts, typography
How Should You Name Your Colors in a Design System? (uxd)422
naming, colors, design-systems
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)421
design, principles
How Do Design Systems Improve Developer Efficiency?420
design-systems, efficiency
Resetting Inherited CSS With “Revert” (spa/clo)419
css, resets
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)418
accessibility
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)417
eleventy
There Are No Bad Questions in Accessibility416
accessibility
Those HTML Attributes You Never Use (lou/sma)415
html, attributes
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)414
web, outlooks, privacy, security, accessibility, performance, user-experience
The 5 Riders of Accessible Media (uxd)413
accessibility, multimedia
Restrict Access by IP Address for AWS CloudFront Distribution412
aws, cloudfront, content-delivery, ip, traffic
ADA Web Site Compliance Still Not a Thing (aar)411
accessibility, ada, compliance, legal
Deep Dive Into the CSS “:where()” Function (log)410
css, selectors, deep-dives
Dynamically Generated Content and Accessibility: 3 Quick Tips409
generated-content, accessibility, aria
Optimising Core Web Vitals on SPAs (sim)408
performance, web-vitals, single-page-apps, optimization
The Book on Accessibility407
books, accessibility, leadership, engineering-management
When to Use a Function Expression vs. Function Declaration406
javascript, functions, comparisons
Building a Sketch Design System: Tips and Tricks405
sketch, design-systems, tips-and-tricks
Conquering JavaScript Hydration (rya/thi)404
javascript, hydration
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)403
design, user-experience, user-conversion, metrics, mistakes
Design System—Principles of Success402
design-systems, principles
Design Systems Aren’t Cheap401
design-systems, frameworks, economics
Dos and Don’ts of Mobile UX Design (uxm)400
design, user-experience, usability, mobile
HTML Semantics (cfe)399
html, semantics
“!important” Was Added for One Reason Only (ste)398
css, cascade
Improving Your User Experience to Reduce Bounce Rates (uxm)397
user-experience, usability, performance, seo
PHP Sanitize Data396
php, sanitization
Usability Testing: Driving the Best User Experience for Business Success (uxm)395
user-experience, usability, testing
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)394
css, custom-properties, colors, contrast, microsoft, windows
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)393
html, xhtml, optimization
4 Xs That Aren’t UX (uxd)392
user-experience
Should “Cancel” Be a Button or a Link? (uxd)391
interaction-design, buttons, links, semantics
Authorization in a Microservices World390
microservices, authorization
Building Your Own Nodemon (ano)389
nodejs, monitoring, functionality
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)388
how-tos, css, math, functions
Typography in Design Tokens for Figma and Code387
typography, design-tokens, tooling, figma
UX Strategy: Definition and Components (nng)386
user-experience, strategies
Performance Tests on Common JavaScript Array Methods (hac)385
performance, testing, javascript, arrays
Why Is Dark Mode So Captivating? (uxd)384
dark-mode
The Web Doesn’t Have Version Numbers (mic)383
versioning, web
Google Calendar Webhooks With Node.js382
google, webhooks, nodejs
Guidance on Web Accessibility and the ADA381
accessibility, ada, legal
Identifying Fonts: The Complete Guide380
guides, fonts, typography
Migrating Our Monorepo to Yarn 2379
monorepos, yarn, migrating
Optimizing SVG Patterns to Their Smallest Size (css)378
svg, images, performance
On the Weaponisation of Open Source (ben)377
foss, dependencies, mongodb, nodejs
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)376
how-tos, drag-and-drop, file-handling, vuejs, javascript
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability375
videos, html, accessibility, performance
Alt-Text Selfies374
websites, accessibility, alt-text, community
Introduction to Bulma: A Simple and Intuitive CSS Framework373
introductions, bulma
How Do I Resolve Merge Conflicts? (bla)372
version-control, git, command-line
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)371
accessibility, mistakes
The Future of the Web and Accessibility (tim/deq)370
videos, web, accessibility
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)369
guides, accessibility, interaction-design, documentation
A Quick Guide to Closures368
guides, javascript, closures
Accessibility, Assistive Technology, and JavaScript (cfe)367
accessibility, assistive-tech, javascript
All HTML and CSS Cheatsheets in One Place366
html, css, cheat-sheets
How to Empathize With Your Users365
how-tos, design, usability, user-experience
How to Prep Your SEO Strategy for a New Website (moz)364
how-tos, seo, strategies
Perceptually Uniform Color Models and Their Implications363
colors, color-palettes
What Every Good README Should Contain362
documentation
What Is Platform Engineering?361
platform-engineering, concepts
What Makes You a Professional Web Developer (j9t)360
career, professionalism
Building a Loading Bar Component (arg)359
components, html, css, javascript
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)358
how-tos, html, javascript
Implementing JavaScript Delay for Cookie Consent Banner357
javascript, cookies, consent-management, legal
Making the World’s Fastest Website, and Other Mistakes356
performance, mistakes
Prevent Technical Debt With These 3 Strategies355
technical-debt
React Best Practices and Patterns to Reduce Code354
react, optimization, best-practices
The Weirdly Obscure Art of Streamed HTML353
html, streaming, performance
What Are Micro-Frontends?352
micro-frontends
Don’t Believe the Type! (gar+/deq)351
videos, accessibility, typography, readability, fonts
Aligning Content in Different Wrappers (sha)350
html, css, alignment
Explaining Micro Frontends as Simply as Possible349
micro-frontends
In Defense of Sass (5t3)348
preprocessors, sass
It Needs to Map Back to a Role (eri)347
accessibility, aria, html, semantics
Tao of Node—Design, Architecture, and Best Practices346
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally345
nodejs, dependencies, npm, yarn
When or If (mey)344
css
20 Productivity Tips From Developers to Developers343
productivity, tips-and-tricks
Giving New Meanings to the Color Functions in CSS (alv)342
css, colors, functions
How to Use Spectator to Test Your Angular Components341
how-tos, testing, tooling, angular, components
The Future of Web Accessibility: WCAG 3.0 (for)340
accessibility, wcag, standards
42 Tips for Getting Good at DevOps and Life339
dev-ops, career, productivity, tips-and-tricks
Add Data to a Google Sheet From a Node.js Backend338
nodejs, google
Where TypeScript Excels (the)337
videos, typescript
Horizontal Scrolling Nav (mdo)336
javascript, scrolling
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax335
how-tos, javascript, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility334
javascript, typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack333
css, javascript, mobile, hover, touch
A Look at the Dialog Element’s Super Powers (ste)332
modals, html, javascript
Accumulation of Tech Debt (mfo)331
technical-debt
An Introduction to User Journey Maps (ste)330
introductions, design, usability, user-experience
Digging Into CSS Media Queries (kil)329
videos, css, media-queries
Ten Years of Page Bloat: What Have We Learned? (spe)328
performance, web-vitals, user-experience
WebGPU—All of the Cores, None of the Canvas (sur)327
apis, canvas, rendering
You Don’t Always Need a CMS326
content-management
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (pro)325
introductions, user-experience, internationalization, localization
Carousels: No One Likes You324
carousels, accessibility, usability, user-experience
10 Amazing Games to Learn CSS323
css, learning
7 Ways to Achieve a Faster Core Web Vitals Score (hac)322
performance, web-vitals
An Introduction to AWS CloudFront Functions (hon)321
introductions, aws, cloudfront, functions, content-delivery
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)320
javascript, naming, refactoring
Moderated Versus Unmoderated Usability Testing (uxm)319
usability, testing, comparisons
My Dev Content Creation Journey and Tips for Starting Yours (5t3)318
content, marketing, developer-relations, tips-and-tricks
Optimizing a Web Site for Google’s New UX Criteria (uxm)317
optimization, seo, user-experience, google
Session Timeouts (pat/tet)316
accessibility, user-experience, time
Using HTTPS in Your Development Environment315
security, http, environments
Designing the User Experience of a Rating System (uxd)314
design, user-experience
Performance Signals for Customizing Website UX (tun/sma)313
performance, user-experience, web-vitals, customization
A New Speed Milestone for Chrome312
browsers, google, chrome, performance
Alternatives to Pagination on Product-Listing Pages (nng)311
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”310
javascript, asynchronicity
Creating Native Web Components (cod)309
web-components, javascript, html
The Basics—Generics in PHP308
videos, fundamentals, php, generics
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)307
css, layout, responsive-design
How to Design Better APIs306
how-tos, software-design, apis
How to Prevent SQL Injection Attacks in Node.js305
how-tos, nodejs, databases, security, sql
Remix vs. Next.js304
remix, nextjs, comparisons
The Best Design System Is No System303
design-systems
The Importance of Screen Reader Software for Web Navigation302
accessibility, screen-readers, navigation
It’s Always Been You, Canvas2D301
html, css, canvas, javascript
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+)300
browsers, support, interoperability
Accessibility and Limited Fine Motor Skills299
accessibility
Dive Into Node.js Streams (nod)298
nodejs, streaming
How Do Primitive Values Get Their Properties? (rau)297
javascript
How Many Hyperlinks Are Too Many for Accessibility?296
accessibility, links
How to Make a “Raise the Curtains” Effect in CSS (cit/css)295
how-tos, css, effects
How to Use Higher-Order Functions in JavaScript294
how-tos, javascript, functions
Progressive Enhancement, the New Hotness (cfe)293
progressive-enhancement
Taming CSS Variables With Web Inspector (web)292
css, custom-properties, browsers, tooling
New CSS Features in 2022 (mic/sma)291
css
What’s Really Going On Inside Your node_modules Folder? (soc)290
nodejs, npm, dependencies
Simple Color System for Complex Digital Interfaces289
websites, design-systems, colors, complexity
5 Things You Don’t Need JavaScript For288
javascript
A Recipe for a Good Design System (ati/sma)287
design-systems
Essential Cryptography for JavaScript Developers286
books, cryptography, javascript
How to Build a File Upload Service With Vanilla JavaScript (log)285
how-tos, file-handling, javascript
How to Publish Deno Modules to npm (kit/den)284
how-tos, deno, modules, dependencies, npm
HTML Tips and Tricks283
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)282
html, aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)281
html, css, web-components
Accessibility Checklist: Five Things Usually Left Out (uxd)280
accessibility, checklists
Foundations: Headings (ihe/tet)279
accessibility, fundamentals, html, headings, semantics
CSS “content” Property278
css
Higher-Order Components in React Hooks Era (ade)277
components, react, hooks
Should Frontend Devs Care About Performance?276
performance
Solid.js Feels Like What I Always Wanted React to Be275
frameworks, react, solidjs
Importing ES6 Modules Over HTTP/HTTPS in Node.js274
esm, http, nodejs
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)273
studies, research, frameworks, css, performance
4 Simple Ways to Improve Web Accessibility272
accessibility, optimization
How I Structure My React Projects271
react, architecture
Overlay Position and Recommendations270
accessibility, overlays
Screaming Architecture—Evolution of a React Folder Structure269
react, architecture
When to Avoid the “text-decoration” Shorthand Property (sim/css)268
css, shorthands
Deploying a React Application to Netlify267
deploying, web-apps, react, netlify
Understanding Dependencies Inside Your package.json (nod)266
nodejs, dependencies, npm, yarn
Accessibility and Inclusivity in Practice265
podcasts, accessibility, dei
5 Accessibility Quick Wins You Can Implement Today (css)264
accessibility
A Complete Guide to CSV Files in Node.js (log)263
guides, file-handling, nodejs, csv
Can You Get Pwned With CSS?262
css, security
Container Queries, the Next Step Towards a Truly Modular CSS261
videos, css, container-queries
How to Make MPAs That Are as Fast as SPAs (cfe)260
how-tos, performance, multi-page-apps, single-page-apps
HTML Comments Work in JavaScript Too259
javascript, html, comments
Improving a CDN’s Cache Hit Ratio (erw)258
content-delivery, performance, caching
How to Fix Your Security Vulnerabilities With npm Override257
how-tos, security, vulnerabilities, npm, dependencies
Moving From Next to Remix256
frameworks, nextjs, remix, comparisons
15 Useful Placeholder Tools for Designers and Developers255
tooling, images, content, placeholders, testing, link-lists
Comparing Gatsby and Next.js for Website Development254
gatsby, nextjs, comparisons, site-generators
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)253
design, theming, design-tokens, components, figma
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results252
images, favicons, google, seo
Inclusive Design vs. Accessible Design: Understanding the Differences251
accessibility, dei, design, comparisons
SPAs Were a Mistake (cfe)250
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)249
accessibility, html
The Case for Adding Validation State to Your Design Tokens (eri)248
design-tokens, validation
Turning the Tables on Accessibility (the)247
accessibility
What Is Responsible JavaScript? (mal+/sma)246
podcasts, javascript
Design Systems in Figma: How to Be More Productive (uxd)245
how-tos, design-systems, figma, productivity
Reliably Send an HTTP Request as a User Leaves a Page (css)244
http, reliability
How to Prioritize Your Components (zer)243
how-tos, design-systems, components, prioritization
A Complete Guide to CSS Cascade Layers (mia/css)242
guides, css, cascade
CSS Quick Tip: Animating in a Newly Added Element (5t3)241
css, animations, tips-and-tricks
How Websites Die240
web, link-rot
Let’s Get Inclusive: Designing Products for Everyone (uxm)239
design, dei
Writing Logic in CSS238
css
Design System: How to Successfully Collaborate? (uxd)237
how-tos, design-systems, collaboration
Column Headers and Browser Support (aar)236
accessibility, html, semantics
Invisible Characters235
websites, unicode
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)234
typography, google, fonts, performance, minimalism
How to Consume Microformats2 Data (mic)233
how-tos, microformats, parsing, json, comparisons
Minimum Static Site Setup With Sass (5t3)232
sass
There Is No Character Limit for “Alt Text” (yat)231
accessibility, html, alt-text, images
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations230
javascript, asynchronicity
React State Management Libraries in 2022229
react, state-management, libraries
Comparing Node JavaScript to JavaScript in the Browser (css)228
javascript, nodejs, browsers, comparisons
Core Web Vitals: What Next? (moz)227
performance, web-vitals, seo
JavaScript Obfuscation: The Definitive Guide (2022)226
guides, javascript, obfuscation
Structuring Documentation in Multi-Brand Design Systems (amy)225
design-systems, documentation
Using “mask” as “clip-path”224
svg, css, masking
Flexbox Dynamic Line Separator (sha)223
css, flexbox
How to Create a Search Page for a Static Website With Vanilla JS (cfe)222
how-tos, functionality, search, html, javascript
Web Developers and Cognitive Biases221
productivity, career
What Makes Writing More Readable?220
writing, readability
How-To: Correctly Test for Python’s Version (tab)219
how-tos, python, testing, versioning
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)218
css, grids, layout
Browsers for People Who Just Want a Browser (nei)217
browsers, tor-browser, konqueror, edge, microsoft, vivaldi
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”216
javascript, fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope215
javascript, scope
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?214
accessibility, wcag, compliance
The State of JavaScript 2021 [Results] (sac/dev)213
surveys, metrics, javascript
7 Lessons I’ve Learned in the Last Year as a Software Engineer212
lessons, career
Fallacies of AI Driven Coding (yeg)211
ai
10 Mental Models Developers Can Use to Get Unstuck210
productivity
Introducing Progressive Web Apps (nit)209
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text208
content, images, obfuscation, security
The Basics of package.json (nod)207
fundamentals, nodejs, dependencies, npm, yarn
Version 100 in Chrome and Firefox (moz)206
browsers, support, google, chrome, mozilla, firefox
Foundations: Colour and Meaning (ihe/tet)205
accessibility, fundamentals, colors
Colors That Make Sense204
accessibility, semantics, colors
7 Killer One-Liners in JavaScript203
javascript
WCAG 2.2 Update202
accessibility, wcag
Functions and the Future of Design Systems201
design-systems
The Entire Cascade (as a Funnel) (mia)200
code-pens, css, cascade
Hello, CSS Cascade Layers (sha)199
css, cascade
Introducing PHP: A Beginner’s Guide198
introductions, guides, php
Multi-Value CSS Properties With Optional Custom Property Values (css)197
css, custom-properties
Using the Language Attribute to Make Your Website Accessible (cra)196
attributes, accessibility, localization, internationalization
WebDex: Web Specs Index (don)195
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)194
html, semantics, naming
How to Keep Your Repo Package Dependencies Up to Date Automatically193
how-tos, dependencies, tooling, github-actions
Moving From JavaScript to TypeScript192
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)191
release-notes, safari, apple, browsers
Accessibility Monitoring: How We Test190
accessibility, monitoring, testing, case-studies
Everything Publishers Need to Know About URLs189
seo, urls, naming
How to Make CSS Slanted Containers (css)188
how-tos, css
MHTML in Chromium187
html, browsers
Only 2% of Sites Meet Accessibility Standards—Let’s Change That186
accessibility
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site185
performance, compression, brotli, gzip
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)184
design, layout, grids, content
Building an Adaptive Favicon (arg)183
images, favicons
What I Learned Implementing a Design System for an Existing Product (pro)182
design-systems, lessons
Debugging JavaScript (fla)181
javascript, debugging
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)180
javascript, events
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)179
modals, html, semantics
This Is Why Your Node.js Application Is Slow178
performance, nodejs
Aspect Ratio Is Great (mic)177
css, aspect-ratio, layout
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)176
javascript
Developing a Focus Style for a Themable Design System175
accessibility, design-systems, theming, focus
Accessibility Testing Best Practices in CI/CD174
accessibility, testing, ci-cd, best-practices
Creating Generative SVG Grids173
javascript, svg, grids
CSS Animations Tutorial: Complete Guide for Beginners172
tutorials, guides, css, animations
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)171
how-tos, images, favicons
Introducing the Dialog Element (web)170
introductions, html, modals
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)169
design, user-experience, trends
Do We Need Screen Reader for Accessibility Testing168
accessibility, testing, screen-readers
How to Use the Accessibility Tree for A11Y Testing167
how-tos, accessibility, testing
UX and User Personas: How to Get It Right166
user-experience, usability, personas
How to Create a UX Vision Statement (nng)165
how-tos, user-experience
Are We Live? (sco)164
accessibility, aria
Design System Versioning: Single Library or Individual Components? (bra)163
design-systems, versioning
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements162
accessibility, conformance, testing
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)161
frameworks, javascript, react
Foundations: Colour Contrast (ihe/tet)160
accessibility, fundamentals, colors, contrast
8 Key Elements for Creating a Culture of Accessibility159
accessibility, culture
Custom Markdown Components in 11ty (ale)158
eleventy, markdown, functionality
HTML Cheat Sheet—HTML Elements List Reference (fre)157
html, semantics, examples, cheat-sheets
Introducing Wolvic (iga)156
introductions, wolvic, igalia, browsers, xr
No Accessibility Without Disabilities (yat)155
accessibility, user-experience
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)154
social-media, embed-code, sustainability, performance
The Impact of Motion Animation on Cognitive Disability (tpg)153
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)152
javascript, frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)151
javascript, performance, bundling, code-splitting, optimization
Settings Are Not a Design Failure150
design, usability, user-experience
State of Frontend 2022149
surveys
Grow Your Design System From Good to Great148
design-systems
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd)147
accessibility, screen-readers, assistive-tech, tooling
24 Lesser-Known HTML Attributes You May Want to Use146
html, attributes
5 Pitfalls of Using Micro Frontends and How to Avoid Them145
micro-frontends
CSS—Understanding the Cascade (bra/9el)144
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)143
browsers
Structuring Your Storybook (sto)142
storybook
Website Themes and Color Schemes141
design, theming, colors, color-palettes
Career Advice Nobody Gave Me: Never Ignore a Recruiter140
career
Cascade Layers Are Coming to Your Browser (una)139
css, cascade, browsers, support
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus138
guides, design, usability
4 Questions to Ask Before Using ARIA137
accessibility, aria, semantics, testing
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)136
javascript