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

Frontend Dogma

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?632
monorepos, dependencies, comparisons, nodejs, lerna
5 Simple Productivity Tips for Developers631
productivity, tips-and-tricks
8 JavaScript Quiz [Questions] That May Confuse You630
quizzes, javascript, interviewing
Creating Realistic Reflections With CSS (pre/css)629
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)628
css, typography, deep-dives
Ethical Design Network627
websites, design, ethics
Writing Better CSS626
css, quality, sorting
If Design Principles Are for Designs, Then Design Values Are for Designers (uxd)625
design, principles
Design System Documentation Best Practices624
design-systems, documentation, best-practices
Under-Engineered Multi-Selects (aar)623
accessibility, html, aria
Creating a Firework Effect With CSS (alv)622
css, effects
How to Professionally Say (aka)621
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage (uxd)620
how-tos, figma
Foundations: Lists (tin/tet)619
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS618
browsers, css, parsing
Best Practices for Integrating Content Design in Your Design System617
design, design-systems, content, best-practices
Common Frontend Interview Questions I’ve Been Asked616
interviewing, html, javascript
CTA Modal: How to Build a Web Component (sma)615
how-tos, web-components, javascript, modals
How to Build Node.js REST API With MySQL614
how-tos, nodejs, apis, rest, databases, mysql
Introducing “inert” (dev)613
introductions, html, attributes, accessibility, keyboard-navigation
Let’s Keep the “Content” in WCAG612
content, accessibility, wcag
Misusing TypeScript Assertion Functions for Fun and Profit (chr)611
typescript, functions
Server-Side vs. Client-Side Analytics (dav)610
analytics, metrics, comparisons
The Complete Guide to Regular Expressions (Regex)609
guides, regex
The CSS Art Paradox (j9t)608
css, art, html, quality
Understanding the Performance Impact of Anti-Flicker Snippets (spe)607
performance, web-vitals
My Browser Support Strategy (mic)606
browsers, support, progressive-enhancement, testing
A Practical Guide to Aspect Ratio in CSS (zor/css)605
videos, guides, css, aspect-ratio
Learn to Code With JavaScript: The Most Popular Programming Language on Earth604
javascript, learning
Stop Removing Focus (col)603
accessibility, focus, css
The 5 Golden Rules of Code Reviews602
code-reviews, processes, quality
Traditional Web Design Process Is Fundamentally Broken (gri/clo)601
design, processes, prototyping, mobile, responsive-design
Web Scraping via JavaScript Runtime Heap Snapshots600
scraping, javascript, memory
Cool Hover Effects That Use Background Properties (css/css)599
css, hover, effects, backgrounds
A Guide to Task-Based UX Metrics598
guides, user-experience, metrics
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)597
browsers, browser-engines, legal, apple
Deploy Your First Website Without Leaving Your IDE (bla/git)596
deploying
Flexibly Centering an Element With Side-Aligned Content (mey)595
css, centering
Non-Interactive Elements With the “inert” Attribute (web)594
html, attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility593
accessibility, html, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)592
memoization, javascript, react
8 Industry-Standard Tools to Reduce Dependency Risks591
tooling, dependencies, maintenance, renovate, depfu, link-lists
Is Measuring Speed a Useful Metric for Design Systems? (amy+)590
videos, performance, metrics, design-systems
16 Top Design Trends for 2022 (uxm)589
design, trends
8 Ways to Make Website Accessibility Easier (and Less Expensive)588
accessibility
9 Useful Principles of UX Design (uxm)587
user-experience, design, principles
Deep Dive Into Top Web Developer Pain Points (dev)586
web-platform, deep-dives
Four Eras of JavaScript Frameworks585
javascript, frameworks, history
How Web Browsers Work: Parsing the HTML584
browsers, html, parsing
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)583
comparisons, economics, mobile
The “Dark Yellow Problem” in Design System Color Palettes (uxd)582
design-systems, colors, color-palettes
11 Steps to Keep Figma Clean (uxd)581
design, tooling, figma
Supercharge Your Design System With Design Tokens (uxd)580
design-systems, design-tokens
Testing Figma Components (nat)579
testing, components, figma
Build a Lightweight Web Component With Lit.js578
web-components, javascript
Best Font for Online Reading: No Single Answer (nng)577
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd)576
design, atomic-design
How Web Browsers Work: Navigation575
browsers, http
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity574
css, complexity
Writing Strong Front-End Test Element Locators (css)573
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)572
html, forms, progressive-enhancement
Building a Combined CSS Aspect Ratio Grid (9el)571
css, layout, grids, aspect-ratio
TypeScript Tips and Tricks (vsc)570
videos, typescript, tips-and-tricks
Web Color Is Still Broken569
websites, colors, web
Web Components as Progressive Enhancement (pau/clo)568
web-components, progressive-enhancement
Overview of Servo (wuy)567
overviews, servo, browser-engines
Mastering CSS Transitions With React 18566
css, transitions, react
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)565
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Beyond WCAG: Losing Spoons Online (tpg)564
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)563
accessibility
Debugging Node Serverless Functions on AWS Lambda562
nodejs, debugging, functions, aws, serverless, lambda
Productivity Tips and Tools for a More Efficient Workflow (sma)561
link-lists, productivity, tips-and-tricks, tooling
Why Learn to Code? 17 Benefits of Learning to Code560
learning, career
The Future of CSS: CSS Toggles (bra)559
css, toggles
Faster Initialization of Instances With New Class Features (joy)558
browsers, javascript, javascript-engines, v8, performance
Forced Colors Explained: A Practical Guide (kil/pol)557
colors, browsers
How to Start Testing Your Website With a Screen Reader556
how-tos, accessibility, browsers, testing
Low-Code No-Code Web Development, Explained555
low-and-no-code, concepts
Ordering CSS Declarations (jim)554
css, sorting
Routing: I’m Not Smart Enough for an SPA553
routing, single-page-apps
The Role of Policy in Creating a Culture of Accessibility552
interviews, accessibility, policies, culture
URL, URI, URN: What’s the Difference?551
urls, terminology, comparisons
The Front-End Developer’s Guide to the Terminal (jos)550
guides, command-line, shells
20 Easy Ways to Be More Productive as a Developer549
productivity
4 Reasons to Avoid Using “npm link”548
npm
A Practical Guide to Centering in CSS (sta)547
guides, css, centering
Does Valid and Semantic HTML Still Matter? (5t3+)546
podcasts, html, semantics, conformance
Ensure Third Party Content Is Accessible (ons/tpg)545
accessibility, wcag, embed-code
React 18—New Features and Improvement Strategies544
react
The Ultimate Guide to Push Notifications for Developers (sma)543
guides, notifications
When UX Goes Bad (and How to Fix It) (web)542
user-experience
GitHub Alternatives: A Review of Bitbucket, GitLab, and More541
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
How to Choose the Right Static Site Generator (git)540
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
Web Scraping Is Legal, US Appeals Court Reaffirms (tec)539
scraping, legal
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking538
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)537
nodejs
How to Improve Core Web Vitals (8 Ways)536
how-tos, web-vitals, performance
The Most Popular Node.js Frameworks in 2022 (sta)535
nodejs, frameworks
Is Agile an Anti-Design Pattern? (uxd)534
agile, design, anti-patterns
7 Web Component Tricks (dav)533
web-components, tips-and-tricks
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)532
accessibility
Fonts for the Web: Rationale, 1996 (svg/w3c)531
fonts, history
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases530
refactoring, maintenance, micro-frontends
Intro to CSS Parent Selector—“:has()” (zor/css)529
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS528
design-systems, css, custom-properties, metrics
A Web Renaissance527
web
Building a Dialog Component (arg/dev)526
components, modals, html, css, javascript
CSS Parent Selector (sha)525
css, selectors
Drastically Improve Your UI Designs With This Technique524
design, techniques, optimization
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results523
how-tos, quality, techniques
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)522
guides, javascript, performance, optimization
Title Rewrites: 3 Patterns to Avoid (moz)521
seo, semantics, writing, microcontent
Usability Guidelines for Better Carousels UX (vit/sma)520
guidelines, usability, user-experience, carousels
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd)519
design, processes, productivity
Common Accessibility Issues That You Can Fix Today (hdv)518
accessibility
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)517
accessibility
Naming Colors in Design Systems516
design-systems, colors, naming
One Million Broken Web Sites—and a Way to Prevent That (cod)515
accessibility, browsers, tooling
Component Party514
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 Them513
accessibility, quality, bugs
Syntax Highlighting for AsciiDoc With Eleventy (san)512
syntax-highlighting, tooling, eleventy
7 Collaborative Coding Tools for Remote Pair Programming511
collaboration, tooling
Childish Font Sizes (tyl/clo)510
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)509
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)508
css, toggles
How to Develop Your UX Design Philosophy (uxm)507
how-tos, user-experience, design
How to Improve UX Design Through A/B Testing (uxm)506
how-tos, design, user-experience, testing, optimization
Image Borders in CSS (ami)505
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)504
design, mobile-first, mobile, ecommerce
Takeaways From “The Internet Is Unusable”: The Disabled View (red)503
accessibility
Those HTML Elements You Never Use502
html, semantics
CSS “:has()” a Parent Selector Now501
css, selectors
CSS Tips and Tricks You May Need to Know500
css, tips-and-tricks
How to Fix Your Low-Contrast Text (ben)499
how-tos, accessibility, colors, contrast
How to Turn HTML Webpage Into an Image?498
how-tos, html, images, conversion
JavaScript Function Composition: What’s the Big Deal?497
javascript, functions
Open Accessibility Standards496
accessibility, wcag, aria
Information Architecture: Study Guide (nng)495
guides, information-architecture, training, link-lists
33 JavaScript Concepts Every Developer Should Know494
javascript, concepts
Incremental Static Regeneration for Angular493
angular, incremental-static-regeneration
MIME Types492
videos, mime-types, servers, apache
SEO for a New Website in 2022491
seo, checklists
There’s No Such Thing as a “Design System Designer” (uxd)490
design, design-systems, career
April 9 Is CSS Naked Day (fro)489
frontend-dogma, css, awareness-days
Dynamic Data-Fetching in an Authenticated Next.js App (sma)488
data-fetching, nextjs, authentication
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)487
lists, unicode, css
Nailing Your Engineering Interviews: Tips From a Technical Recruiter486
interviewing, career
Why Your Design System Needs Content Design485
design-systems, content
Your Website Is a Pollution Machine (cfe)484
sustainability
Designing Better Breadcrumbs (vit/sma)483
html, usability, navigation, breadcrumbs
How to Create Animated Anchor Links Using CSS (zor/css)482
videos, how-tos, links, css, animations
JavaScript and Node.js Testing Best Practices481
javascript, nodejs, testing, best-practices
Principles of Object-Oriented Programming in TypeScript (app)480
typescript, principles, oop
12 Years Beyond a HTML Joke (ste)479
html, semantics
A New Statistical Approach for Predicting Usability Problems478
studies, research, metrics, usability
Accessibility Testing Guide477
guides, accessibility, testing, wcag
Alternative Text (Alt Text) (pop)476
accessibility, html, images, writing, alt-text
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)475
performance, web-vitals, seo, metrics
Fonts in Use: Variable Fonts474
typography, fonts, variable-fonts
HTML Is All You Need to Make a Website (whi)473
html
Sharing State in Distributed UIs at Runtime472
state-management, scalability, micro-frontends
The Business Case for Accessibility (tet)471
accessibility, economics
Working on Two Git Branches at Once With “git worktree” (and)470
git, github, command-line
Animated Grid Tracks With “:has()” (mic)469
css, layout, grids, selectors
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)468
videos, css, scrolling
Accessible Description Exposure (aar)467
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)466
layout, css, media-queries
What’s New in ECMAScript 2022 (paw)465
ecmascript, standards
What if… One Day Everything Got Better? (dav)464
accessibility
“aria-labelledby” Usage Notes (ste)463
accessibility, aria, labels, html
How to Respond to Growing Supply Chain Security Risks?462
how-tos, security, dependencies, nodejs, npm
Tweaking in the Browser (sha)461
browsers, tooling
Getting Started With Servo (wuy)460
introductions, servo, browser-engines, mozilla
Accessible Cards (kit)459
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)458
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?457
interviewing, career, code-reviews
Why We Don’t Use a Staging Environment456
environments, testing
How to Match HTML Elements With an Indeterminate State (ste)455
how-tos, html, css, selectors
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)454
studies, research, accessibility, homepages, metrics
Exciting Times for Browsers (and CSS) (mic)453
browsers, css
Accessibility Policy Implementation: What You Need to Know452
interviews, accessibility, policies
Designing a Better Infinite Scroll (vit/sma)451
scrolling, navigation, pagination
Introduction to the SSH Protocol450
introductions, protocols, ssh
Web Accessibility Guidance Project449
guides, accessibility
How to Optimize Your LCP (with Visuals) (ste)448
how-tos, performance, web-vitals, optimization
HTML-Only Keyboard Shortcuts (ami)447
html, accessibility, keyboard-navigation, keyboard-shortcuts
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone446
accessibility, usability
Make Beautifully Resilient Apps With Progressive Enhancement (aus)445
progressive-enhancement, resilience
Neubrutalism Is Taking Over the Web (uxd)444
design, web
7 Learning Habits for Developers: Reach Skill Goals in Less Time443
learning
An Opinionated Guide to Unit Testing442
guides, testing, quality
Case: Accessibility in Software Development441
accessibility
CSS “:has” (dav)440
css, selectors
Locale Aware Sorting in JavaScript439
javascript, sorting, localization, internationalization
Optimising Largest Contentful Paint (css)438
performance, web-vitals
Picture Perfect Images With the Modern “<img>” Element (add)437
images, html, performance, web-vitals
Secret Mechanisms of CSS (jos/9el)436
videos, css
Understanding Layout Algorithms (jos)435
css, layout
A Guide to Hover and Pointer Media Queries (its/sma)434
guides, css, hover, media-queries
How to Document Accessibility Issues433
how-tos, accessibility, documentation
The Art of CSS Art432
css, art
Why Every Programmer Must Blog431
career, blogging, communication, learning
14 Linting Rules to Help You Write Asynchronous Code in JavaScript430
javascript, asynchronicity, linting
Building a Headless Design System (fig)429
videos, design-systems, headless
How to Use Props in React (rwi)428
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)427
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)426
remix, routing
You’re Unselectable (aar)425
accessibility, css
You ≠ User (nng)424
videos, usability, user-experience
The Case for PHP Generics (bre)423
php, generics
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed422
design, performance, user-experience
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)421
fonts, variable-fonts, typography
How Should You Name Your Colors in a Design System? (uxd)420
naming, colors, design-systems
Designing “Above the Fold”? Try the Reciprocity Principle (uxd)419
design, principles
How Do Design Systems Improve Developer Efficiency?418
design-systems, efficiency
Resetting Inherited CSS With “Revert” (spa/clo)417
css, resets
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)416
accessibility
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)415
eleventy
There Are No Bad Questions in Accessibility414
accessibility
Those HTML Attributes You Never Use (lou/sma)413
html, attributes
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)412
web, outlooks, privacy, security, accessibility, performance, user-experience
The 5 Riders of Accessible Media (uxd)411
accessibility, multimedia
Restrict Access by IP Address for AWS CloudFront Distribution410
aws, cloudfront, content-delivery, ip, traffic
ADA Web Site Compliance Still Not a Thing (aar)409
accessibility, ada, compliance, legal
Deep Dive Into the CSS “:where()” Function (log)408
css, selectors, deep-dives
Dynamically Generated Content and Accessibility: 3 Quick Tips407
generated-content, accessibility, aria
Optimising Core Web Vitals on SPAs (sim)406
performance, web-vitals, single-page-apps, optimization
The Book on Accessibility405
books, accessibility, leadership, engineering-management
When to Use a Function Expression vs. Function Declaration404
javascript, functions, comparisons
Building a Sketch Design System: Tips and Tricks403
sketch, design-systems, tips-and-tricks
Conquering JavaScript Hydration (rya/thi)402
javascript, hydration
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)401
design, user-experience, user-conversion, metrics, mistakes
Design System—Principles of Success400
design-systems, principles
Design Systems Aren’t Cheap399
design-systems, frameworks, economics
Dos and Don’ts of Mobile UX Design (uxm)398
design, user-experience, usability, mobile
HTML Semantics (cfe)397
html, semantics
“!important” Was Added for One Reason Only (ste)396
css, cascade
Improving Your User Experience to Reduce Bounce Rates (uxm)395
user-experience, usability, performance, seo
PHP Sanitize Data394
php, sanitization
Usability Testing: Driving the Best User Experience for Business Success (uxm)393
user-experience, usability, testing
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)392
css, custom-properties, colors, contrast, microsoft, windows
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)391
html, xhtml, optimization
4 Xs That Aren’t UX (uxd)390
user-experience
Should “Cancel” Be a Button or a Link? (uxd)389
interaction-design, buttons, links, semantics
Authorization in a Microservices World388
microservices, authorization
Building Your Own Nodemon (ano)387
nodejs, monitoring, functionality
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)386
how-tos, css, math, functions
Typography in Design Tokens for Figma and Code385
typography, design-tokens, tooling, figma
UX Strategy: Definition and Components (nng)384
user-experience, strategies
Performance Tests on Common JavaScript Array Methods (hac)383
performance, testing, javascript, arrays
Why Is Dark Mode So Captivating? (uxd)382
dark-mode
The Web Doesn’t Have Version Numbers (mic)381
versioning, web
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)380
accessibility, mistakes
Google Calendar Webhooks With Node.js379
google, webhooks, nodejs
Guidance on Web Accessibility and the ADA378
accessibility, ada, legal
How Do I Resolve Merge Conflicts? (bla/git)377
version-control, git, command-line
Identifying Fonts: The Complete Guide376
guides, fonts, typography
Migrating Our Monorepo to Yarn 2375
monorepos, yarn, migrating
Optimizing SVG Patterns to Their Smallest Size (css)374
svg, images, performance
On the Weaponisation of Open Source (ben)373
foss, dependencies, mongodb, nodejs
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)372
how-tos, drag-and-drop, file-handling, vuejs, javascript
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability371
videos, html, accessibility, performance
Alt-Text Selfies370
websites, accessibility, alt-text, community
Introduction to Bulma: A Simple and Intuitive CSS Framework369
introductions, bulma
The Future of the Web and Accessibility (tim/deq)368
videos, web, accessibility
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)367
guides, accessibility, interaction-design, documentation
A Quick Guide to Closures366
guides, javascript, closures
Accessibility, Assistive Technology, and JavaScript (cfe)365
accessibility, assistive-tech, javascript
All HTML and CSS Cheatsheets in One Place364
html, css, cheat-sheets
Building a Loading Bar Component (arg/dev)363
components, html, css, javascript
How to Empathize With Your Users362
how-tos, design, usability, user-experience
How to Prep Your SEO Strategy for a New Website (moz)361
how-tos, seo, strategies
Perceptually Uniform Color Models and Their Implications360
colors, color-palettes
What Every Good README Should Contain359
documentation
What Is Platform Engineering?358
platform-engineering, concepts
What Makes You a Professional Web Developer (j9t)357
career, professionalism
Don’t Believe the Type! (deq)356
videos, accessibility, typography, readability, fonts
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)355
how-tos, html, javascript
Implementing JavaScript Delay for Cookie Consent Banner354
javascript, cookies, consent-management, legal
Making the World’s Fastest Website, and Other Mistakes353
performance, mistakes
Prevent Technical Debt With These 3 Strategies352
technical-debt
React Best Practices and Patterns to Reduce Code351
react, optimization, best-practices
The Weirdly Obscure Art of Streamed HTML350
html, streaming, performance
What Are Micro-Frontends?349
micro-frontends
Aligning Content in Different Wrappers (sha)348
html, css, alignment
Explaining Micro Frontends as Simply as Possible347
micro-frontends
In Defense of Sass (5t3)346
preprocessors, sass
It Needs to Map Back to a Role (eri)345
accessibility, aria, html, semantics
Tao of Node—Design, Architecture, and Best Practices344
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally343
nodejs, dependencies, npm, yarn
When or If (mey)342
css
20 Productivity Tips From Developers to Developers341
productivity, tips-and-tricks
Giving New Meanings to the Color Functions in CSS (alv)340
css, colors, functions
How to Use Spectator to Test Your Angular Components339
how-tos, testing, tooling, angular, components
The Future of Web Accessibility: WCAG 3.0 (for)338
accessibility, wcag, standards
42 Tips for Getting Good at DevOps and Life337
dev-ops, career, productivity, tips-and-tricks
Add Data to a Google Sheet From a Node.js Backend336
nodejs, google
Horizontal Scrolling Nav (mdo)335
javascript, scrolling
Where TypeScript Excels (the)334
videos, typescript
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax333
how-tos, javascript, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility332
javascript, typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack331
css, javascript, mobile, hover, touch
A Look at the Dialog Element’s Super Powers (ste)330
modals, html, javascript
Accumulation of Tech Debt (mfo)329
technical-debt
An Introduction to User Journey Maps (ste)328
introductions, design, usability, user-experience
Carousels: No One Likes You327
carousels, accessibility, usability, user-experience
Digging Into CSS Media Queries (kil)326
videos, css, media-queries
Don’t Alienate Your User: A Primer for Internationalisation and Localisation325
introductions, user-experience, internationalization, localization
Ten Years of Page Bloat: What Have We Learned? (spe)324
performance, web-vitals, user-experience
WebGPU—All of the Cores, None of the Canvas (sur)323
apis, canvas, rendering
You Don’t Always Need a CMS322
content-management
10 Amazing Games to Learn CSS321
css, learning
7 Ways to Achieve a Faster Core Web Vitals Score (hac)320
performance, web-vitals
A New Speed Milestone for Chrome (dev)319
browsers, google, chrome, performance
An Introduction to AWS CloudFront Functions (hon)318
introductions, aws, cloudfront, functions, content-delivery
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)317
javascript, naming, refactoring
Moderated Versus Unmoderated Usability Testing (uxm)316
usability, testing, comparisons
My Dev Content Creation Journey and Tips for Starting Yours (5t3)315
content, marketing, developer-relations, tips-and-tricks
Optimizing a Web Site for Google’s New UX Criteria (uxm)314
optimization, seo, user-experience, google
Session Timeouts (pat/tet)313
accessibility, user-experience, time
Using HTTPS in Your Development Environment312
security, http, environments
Designing the User Experience of a Rating System (uxd)311
design, user-experience
Performance Signals for Customizing Website UX (tun/sma)310
performance, user-experience, web-vitals, customization
Alternatives to Pagination on Product-Listing Pages (nng)309
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”308
javascript, asynchronicity
Creating Native Web Components (cod)307
web-components, javascript, html
The Basics—Generics in PHP306
videos, fundamentals, php, generics
Accessibility and Limited Fine Motor Skills305
accessibility
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)304
css, layout, responsive-design
Dive Into Node.js Streams (nod)303
nodejs, streaming
How to Design Better APIs302
how-tos, software-design, apis
How to Prevent SQL Injection Attacks in Node.js301
how-tos, nodejs, databases, security, sql
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+/dev)300
browsers, support, interoperability
It’s Always Been You, Canvas2D (dev)299
html, css, canvas, javascript
Remix vs. Next.js298
remix, nextjs, comparisons
The Best Design System Is No System297
design-systems
The Importance of Screen Reader Software for Web Navigation296
accessibility, screen-readers, navigation
How Do Primitive Values Get Their Properties? (rau)295
javascript
How Many Hyperlinks Are Too Many for Accessibility?294
accessibility, links
How to Make a “Raise the Curtains” Effect in CSS (cit/css)293
how-tos, css, effects
How to Use Higher-Order Functions in JavaScript292
how-tos, javascript, functions
Progressive Enhancement, the New Hotness (cfe)291
progressive-enhancement
Taming CSS Variables With Web Inspector (web)290
css, custom-properties, browsers, tooling
New CSS Features in 2022 (mic/sma)289
css
Simple Color System for Complex Digital Interfaces288
websites, design-systems, colors, complexity
What’s Really Going On Inside Your node_modules Folder? (soc)287
nodejs, npm, dependencies
5 Things You Don’t Need JavaScript For286
javascript
A Recipe for a Good Design System (ati/sma)285
design-systems
Essential Cryptography for JavaScript Developers284
books, cryptography, javascript
How to Build a File Upload Service With Vanilla JavaScript (log)283
how-tos, file-handling, javascript
How to Publish Deno Modules to npm (kit/den)282
how-tos, deno, modules, dependencies, npm
HTML Tips and Tricks281
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)280
html, aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)279
html, css, web-components
Accessibility Checklist: Five Things Usually Left Out (uxd)278
accessibility, checklists
Foundations: Headings (ihe/tet)277
accessibility, fundamentals, html, headings, semantics
CSS “content” Property276
css
Higher-Order Components in React Hooks Era (ade)275
components, react, hooks
Should Frontend Devs Care About Performance?274
performance
Solid.js Feels Like What I Always Wanted React to Be273
frameworks, react, solidjs
Importing ES6 Modules Over HTTP/HTTPS in Node.js272
esm, http, nodejs
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)271
studies, research, frameworks, css, performance
4 Simple Ways to Improve Web Accessibility270
accessibility, optimization
How I Structure My React Projects269
react, architecture
Overlay Position and Recommendations268
accessibility, overlays
Screaming Architecture—Evolution of a React Folder Structure267
react, architecture
When to Avoid the “text-decoration” Shorthand Property (sim/css)266
css, shorthands
Accessibility and Inclusivity in Practice265
podcasts, accessibility, dei
Deploying a React Application to Netlify264
deploying, web-apps, react, netlify
Understanding Dependencies Inside Your package.json (nod)263
nodejs, dependencies, npm, yarn
5 Accessibility Quick Wins You Can Implement Today (css)262
accessibility
A Complete Guide to CSV Files in Node.js (log)261
guides, file-handling, nodejs, csv
Can You Get Pwned With CSS?260
css, security
Container Queries, the Next Step Towards a Truly Modular CSS259
videos, css, container-queries
How to Make MPAs That Are as Fast as SPAs (cfe)258
how-tos, performance, multi-page-apps, single-page-apps
HTML Comments Work in JavaScript Too257
javascript, html, comments
Improving a CDN’s Cache Hit Ratio (erw)256
content-delivery, performance, caching
Moving From Next to Remix255
frameworks, nextjs, remix, comparisons
How to Fix Your Security Vulnerabilities With npm Override254
how-tos, security, vulnerabilities, npm, dependencies
15 Useful Placeholder Tools for Designers and Developers253
tooling, images, content, placeholders, testing, link-lists
Comparing Gatsby and Next.js for Website Development252
gatsby, nextjs, comparisons, site-generators
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)251
design, theming, design-tokens, components, figma
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results250
images, favicons, google, seo
How to Prioritize Your Components (zer)249
how-tos, design-systems, components, prioritization
Inclusive Design vs. Accessible Design: Understanding the Differences248
accessibility, dei, design, comparisons
SPAs Were a Mistake (cfe)247
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)246
accessibility, html
The Case for Adding Validation State to Your Design Tokens (eri)245
design-tokens, validation
Turning the Tables on Accessibility (the)244
accessibility
What Is Responsible JavaScript? (mal+/sma)243
podcasts, javascript
Design Systems in Figma: How to Be More Productive (uxd)242
how-tos, design-systems, figma, productivity
Reliably Send an HTTP Request as a User Leaves a Page (css)241
http
A Complete Guide to CSS Cascade Layers (mia/css)240
guides, css, cascade
CSS Quick Tip: Animating in a Newly Added Element (5t3)239
css, animations, tips-and-tricks
How Websites Die238
web, link-rot
Let’s Get Inclusive: Designing Products for Everyone (uxm)237
design, dei
Writing Logic in CSS236
css
Design System: How to Successfully Collaborate? (uxd)235
how-tos, design-systems, collaboration
Column Headers and Browser Support (aar)234
accessibility, html, semantics
Invisible Characters233
websites, unicode
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)232
typography, google, fonts, performance, minimalism
How to Consume Microformats2 Data (mic)231
how-tos, microformats, parsing, json, comparisons
Minimum Static Site Setup With Sass (5t3)230
sass
React State Management Libraries in 2022229
react, state-management, libraries
There Is No Character Limit for “Alt Text” (yat)228
accessibility, html, alt-text, images
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations227
javascript, asynchronicity
Comparing Node JavaScript to JavaScript in the Browser (css)226
javascript, nodejs, browsers, comparisons
Core Web Vitals: What Next? (moz)225
performance, web-vitals, seo
JavaScript Obfuscation: The Definitive Guide (2022)224
guides, javascript, obfuscation
Structuring Documentation in Multi-Brand Design Systems (amy)223
design-systems, documentation
Using “mask” as “clip-path”222
svg, css, masking
Flexbox Dynamic Line Separator (sha)221
css, flexbox
How to Create a Search Page for a Static Website With Vanilla JS (cfe)220
how-tos, functionality, search, html, javascript
Web Developers and Cognitive Biases219
productivity, career
What Makes Writing More Readable?218
writing, readability
How-To: Correctly Test for Python’s Version (tab)217
how-tos, python, testing, versioning
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)216
css, grids, layout
Browsers for People Who Just Want a Browser (nei)215
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”214
javascript, fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope213
javascript, scope
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?212
accessibility, wcag, compliance
The State of JavaScript 2021 [Results] (sac/dev)211
surveys, metrics, javascript
7 Lessons I’ve Learned in the Last Year as a Software Engineer210
lessons, career
10 Mental Models Developers Can Use to Get Unstuck209
productivity
Introducing Progressive Web Apps (nit)208
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text207
content, images, obfuscation, security
The Basics of package.json (nod)206
fundamentals, nodejs, dependencies, npm, yarn
Version 100 in Chrome and Firefox (moz)205
browsers, support, google, chrome, mozilla, firefox
Colors That Make Sense204
accessibility, semantics, colors
Foundations: Colour and Meaning (ihe/tet)203
accessibility, fundamentals, colors
WCAG 2.2 Update202
accessibility, wcag
7 Killer One-Liners in JavaScript201
javascript
Functions and the Future of Design Systems200
design-systems
The Entire Cascade (as a Funnel) (mia)199
code-pens, css, cascade
Hello, CSS Cascade Layers (sha)198
css, cascade
Introducing PHP: A Beginner’s Guide197
introductions, guides, php
Multi-Value CSS Properties With Optional Custom Property Values (css)196
css, custom-properties
Using the Language Attribute to Make Your Website Accessible (cra)195
attributes, accessibility, localization, internationalization
WebDex: Web Specs Index (don)194
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)193
html, semantics, naming
How to Keep Your Repo Package Dependencies Up to Date Automatically192
how-tos, dependencies, tooling, github-actions
Moving From JavaScript to TypeScript191
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)190
release-notes, safari, apple, browsers
Accessibility Monitoring: How We Test189
accessibility, monitoring, testing, case-studies
Building an Adaptive Favicon (arg/dev)188
images, favicons
Everything Publishers Need to Know About URLs187
seo, urls, naming
How to Make CSS Slanted Containers (css)186
how-tos, css
MHTML in Chromium185
html, browsers
Only 2% of Sites Meet Accessibility Standards—Let’s Change That184
accessibility
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site183
performance, compression, brotli, gzip
What I Learned Implementing a Design System for an Existing Product182
design-systems, lessons
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (uxd)181
design, layout, grids, content
Debugging JavaScript (fla)180
javascript, debugging
Developing a Focus Style for a Themable Design System179
accessibility, design-systems, theming, focus
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)178
javascript
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)177
javascript, events
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)176
modals, html, semantics
This Is Why Your Node.js Application Is Slow175
performance, nodejs
Aspect Ratio Is Great (mic)174
css, aspect-ratio, layout
Accessibility Testing Best Practices in CI/CD173
accessibility, testing, ci-cd, best-practices
Creating Generative SVG Grids172
javascript, svg, grids
CSS Animations Tutorial: Complete Guide for Beginners171
tutorials, guides, css, animations
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)170
how-tos, images, favicons
Introducing the Dialog Element (web)169
introductions, html, modals
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)168
design, user-experience, trends
Do We Need Screen Reader for Accessibility Testing167
accessibility, testing, screen-readers
How to Use the Accessibility Tree for A11Y Testing166
how-tos, accessibility, testing
UX and User Personas: How to Get It Right165
user-experience, usability, personas
How to Create a UX Vision Statement (nng)164
how-tos, user-experience
Are We Live? (sco)163
accessibility, aria
Design System Versioning: Single Library or Individual Components? (bra)162
design-systems, versioning
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements161
accessibility, conformance, testing
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)160
frameworks, javascript, react
Foundations: Colour Contrast (ihe/tet)159
accessibility, fundamentals, colors, contrast
8 Key Elements for Creating a Culture of Accessibility158
accessibility, culture
Custom Markdown Components in 11ty (ale)157
eleventy, markdown, functionality
HTML Cheat Sheet—HTML Elements List Reference (fre)156
html, semantics, examples, cheat-sheets
Introducing Wolvic (iga)155
introductions, wolvic, igalia, browsers, xr
No Accessibility Without Disabilities (yat)154
accessibility, user-experience
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)153
social-media, embed-code, sustainability, performance
The Impact of Motion Animation on Cognitive Disability (tpg)152
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)151
javascript, frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)150
javascript, performance, bundling, code-splitting, optimization
Settings Are Not a Design Failure149
design, usability, user-experience
State of Frontend 2022148
surveys
Grow Your Design System From Good to Great147
design-systems
Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd)146
accessibility, screen-readers, assistive-tech, tooling
24 Lesser-Known HTML Attributes You May Want to Use145
html, attributes
5 Pitfalls of Using Micro Frontends and How to Avoid Them144
micro-frontends
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus143
guides, design, usability
Cascade Layers Are Coming to Your Browser (una/dev)142
css, cascade, browsers, support
CSS—Understanding the Cascade (bra/9el)141
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)140
browsers
Structuring Your Storybook (sto)139
storybook
Website Themes and Color Schemes138
design, theming, colors, color-palettes
Career Advice Nobody Gave Me: Never Ignore a Recruiter137
career
4 Questions to Ask Before Using ARIA136
accessibility, aria, semantics, testing
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)135
javascript
Accessibly Insecure134
accessibility, security
Learn Responsive Design (ada/dev)133
courses, responsive-design