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?639
monorepos, dependencies, comparisons, nodejs, lerna
5 Simple Productivity Tips for Developers638
productivity, tips-and-tricks
How to Create a Color Palette for Your Design System637
how-tos, design-systems, colors, color-palettes
It’s Time We Fix the Unethical Design of Cookie Consent Windows636
design, ethics, cookies, consent-management, legal
Deep Dive Into Text Wrapping and Word Breaking (lon)635
css, typography, deep-dives
Ethical Design Network634
websites, design, ethics
Writing Better CSS633
css, quality, sorting
Creating Realistic Reflections With CSS (pre/css)632
css, effects
8 JavaScript Quiz [Questions] That May Confuse You631
quizzes, javascript, interviewing
If Design Principles Are for Designs, Then Design Values Are for Designers630
design, principles
Under-Engineered Multi-Selects (aar)629
accessibility, html, aria
Design System Documentation Best Practices628
design-systems, documentation, best-practices
Creating a Firework Effect With CSS (alv)627
css, effects
How to Professionally Say (aka)626
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage625
how-tos, figma
Foundations: Lists (tin/tet)624
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS623
browsers, css, parsing
Common Frontend Interview Questions I’ve Been Asked622
interviewing, html, javascript
How to Build Node.js REST API With MySQL621
how-tos, nodejs, apis, rest, databases, mysql
Misusing TypeScript Assertion Functions for Fun and Profit (chr)620
typescript, functions
Server-Side vs. Client-Side Analytics (dav)619
analytics, metrics, comparisons
Best Practices for Integrating Content Design in Your Design System618
design, design-systems, content, best-practices
CTA Modal: How to Build a Web Component (sma)617
how-tos, web-components, javascript, modals
The Complete Guide to Regular Expressions (Regex)616
guides, regex
Understanding the Performance Impact of Anti-Flicker Snippets (spe)615
performance, web-vitals
The CSS Art Paradox (j9t)614
css, art, html, quality
My Browser Support Strategy (mic)613
browsers, support, progressive-enhancement, testing
Introducing “inert”612
introductions, html, attributes, accessibility, keyboard-navigation
Let’s Keep the “Content” in WCAG (spa)611
content, accessibility, wcag
Traditional Web Design Process Is Fundamentally Broken (gri/clo)610
design, processes, prototyping, mobile, responsive-design
The 5 Golden Rules of Code Reviews609
code-reviews, processes, quality
A Practical Guide to Aspect Ratio in CSS (zor/css)608
videos, guides, css, aspect-ratio
Stop Removing Focus (col)607
accessibility, focus, css
Cool Hover Effects That Use Background Properties (css/css)606
css, hover, effects, backgrounds
Web Scraping via JavaScript Runtime Heap Snapshots605
scraping, javascript, memory
Learn to Code With JavaScript: The Most Popular Programming Language on Earth604
javascript, learning
Flexibly Centering an Element With Side-Aligned Content (mey)603
css, centering
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)602
browsers, browser-engines, legal, apple
A Guide to Task-Based UX Metrics601
guides, user-experience, metrics
Non-Interactive Elements With the “inert” Attribute (web)600
html, attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility599
accessibility, html, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)598
memoization, javascript, react
8 Industry-Standard Tools to Reduce Dependency Risks597
tooling, dependencies, maintenance, renovate, depfu, link-lists
Is Measuring Speed a Useful Metric for Design Systems? (amy+)596
videos, performance, metrics, design-systems
Deploy Your First Website Without Leaving Your IDE (bla)595
deploying
16 Top Design Trends for 2022 (uxm)594
design, trends
9 Useful Principles of UX Design (uxm)593
user-experience, design, principles
How Web Browsers Work: Parsing the HTML592
browsers, html, parsing
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)591
comparisons, economics, mobile
8 Ways to Make Website Accessibility Easier (and Less Expensive)590
accessibility
Four Eras of JavaScript Frameworks589
javascript, frameworks, history
Testing Figma Components (nat)588
testing, components, figma
Build a Lightweight Web Component With Lit.js587
web-components, javascript
Deep Dive Into Top Web Developer Pain Points586
web-platform, deep-dives
11 Steps to Keep Figma Clean585
design, tooling, figma
Supercharge Your Design System With Design Tokens584
design-systems, design-tokens
The “Dark Yellow Problem” in Design System Color Palettes583
design-systems, colors, color-palettes
Best Font for Online Reading: No Single Answer (nng)582
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants581
design, atomic-design
How Web Browsers Work: Navigation580
browsers, http
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity579
css, complexity
Writing Strong Front-End Test Element Locators (css)578
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)577
html, forms, progressive-enhancement
State of Eleventy: April 2022 (zac)576
videos, eleventy
Web Components as Progressive Enhancement (pau/clo)575
web-components, progressive-enhancement
Web Color Is Still Broken574
websites, colors, web
TypeScript Tips and Tricks (vsc)573
videos, typescript, tips-and-tricks
Building a Combined CSS Aspect Ratio Grid (9el)572
css, layout, grids, aspect-ratio
Overview of Servo (wuy)571
overviews, servo, browser-engines
Mastering CSS Transitions With React 18570
css, transitions, react
Beyond WCAG: Losing Spoons Online (tpg)569
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)568
accessibility
Productivity Tips and Tools for a More Efficient Workflow (sma)567
link-lists, productivity, tips-and-tricks, tooling
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)566
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Debugging Node Serverless Functions on AWS Lambda565
nodejs, debugging, functions, aws, serverless, lambda
The Future of CSS: CSS Toggles (bra)564
css, toggles
Faster Initialization of Instances With New Class Features (joy)563
browsers, javascript, javascript-engines, v8, performance
Why Learn to Code? 17 Benefits of Learning to Code562
learning, career
Forced Colors Explained: A Practical Guide (kil/pol)561
colors, browsers
Ordering CSS Declarations (jim)560
css, sorting
Routing: I’m Not Smart Enough for an SPA559
routing, single-page-apps
URL, URI, URN: What’s the Difference?558
urls, terminology, comparisons
Low-Code No-Code Web Development, Explained557
low-and-no-code, concepts
The Front-End Developer’s Guide to the Terminal (jos)556
guides, command-line, shells
How to Start Testing Your Website With a Screen Reader (kar/spe)555
how-tos, accessibility, browsers, testing
The Role of Policy in Creating a Culture of Accessibility554
interviews, accessibility, policies, culture
React 18—New Features and Improvement Strategies553
react
A Practical Guide to Centering in CSS (sta)552
guides, css, centering
Ensure Third Party Content Is Accessible (ons/tpg)551
accessibility, wcag, embed-code
20 Easy Ways to Be More Productive as a Developer550
productivity
4 Reasons to Avoid Using “npm link”549
npm
The Ultimate Guide to Push Notifications for Developers (sma)548
guides, notifications
Does Valid and Semantic HTML Still Matter? (5t3+)547
podcasts, html, semantics, conformance
When UX Goes Bad (and How to Fix It) (web)546
user-experience
GitHub Alternatives: A Review of Bitbucket, GitLab, and More545
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
How to Choose the Right Static Site Generator (git)544
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
Web Scraping Is Legal, US Appeals Court Reaffirms (tec)543
scraping, legal
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking542
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)541
nodejs
The Most Popular Node.js Frameworks in 2022 (sta)540
nodejs, frameworks
How to Improve Core Web Vitals (8 Ways)539
how-tos, web-vitals, performance
Is Agile an Anti-Design Pattern?538
agile, design, anti-patterns
7 Web Component Tricks (dav)537
web-components, tips-and-tricks
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)536
accessibility
Fonts for the Web: Rationale, 1996 (svg/w3c)535
fonts, history
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases534
refactoring, maintenance, micro-frontends
Intro to CSS Parent Selector—“:has()” (zor/css)533
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS532
design-systems, css, custom-properties, metrics
CSS Parent Selector (sha)531
css, selectors
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)530
guides, javascript, performance, optimization
Usability Guidelines for Better Carousels UX (vit/sma)529
guidelines, usability, user-experience, carousels
A Web Renaissance528
web
Drastically Improve Your UI Designs With This Technique527
design, techniques, optimization
Title Rewrites: 3 Patterns to Avoid (moz)526
seo, semantics, writing, microcontent
Building a Dialog Component (arg)525
components, modals, html, css, javascript
Designers Are Spending Too Much Time Designing UI Variations Manually524
design, processes, productivity
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results523
how-tos, quality, techniques
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)522
accessibility
One Million Broken Web Sites—and a Way to Prevent That (cod)521
accessibility, browsers, tooling
Naming Colors in Design Systems520
design-systems, colors, naming
Component Party519
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
Syntax Highlighting for AsciiDoc With Eleventy (san)518
syntax-highlighting, tooling, eleventy
Why Accessibility Bugs Are a Good Thing and How to Handle Them517
accessibility, quality, bugs
Common Accessibility Issues That You Can Fix Today (hdv)516
accessibility
Childish Font Sizes (tyl/clo)515
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)514
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)513
css, toggles
Image Borders in CSS (ami)512
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)511
design, mobile-first, mobile, ecommerce
How to Develop Your UX Design Philosophy (uxm)510
how-tos, user-experience, design
Takeaways From “The Internet Is Unusable”: The Disabled View (red)509
accessibility
Those HTML Elements You Never Use508
html, semantics
7 Collaborative Coding Tools for Remote Pair Programming507
collaboration, tooling
How to Improve UX Design Through A/B Testing (uxm)506
how-tos, design, user-experience, a-b-testing, optimization
CSS “:has()” a Parent Selector Now505
css, selectors
CSS Tips and Tricks You May Need to Know504
css, tips-and-tricks
How to Turn HTML Webpage Into an Image?503
how-tos, html, images, conversion
JavaScript Function Composition: What’s the Big Deal?502
javascript, functions
Open Accessibility Standards501
accessibility, wcag, aria
How to Fix Your Low-Contrast Text (ben)500
how-tos, accessibility, colors, contrast
Information Architecture: Study Guide (nng)499
guides, information-architecture, training, link-lists
33 JavaScript Concepts Every Developer Should Know498
javascript, concepts
Incremental Static Regeneration for Angular497
angular, incremental-static-regeneration
MIME Types496
videos, mime-types, servers, apache
SEO for a New Website in 2022495
seo, checklists
April 9 Is CSS Naked Day (fro)494
frontend-dogma, css, awareness-days
There’s No Such Thing as a “Design System Designer”493
design, design-systems, career
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)492
lists, unicode, css
Dynamic Data-Fetching in an Authenticated Next.js App (sma)491
data-fetching, nextjs, authentication
Nailing Your Engineering Interviews: Tips From a Technical Recruiter490
interviewing, career
Your Website Is a Pollution Machine (cfe)489
sustainability
Why Your Design System Needs Content Design488
design-systems, content
Principles of Object-Oriented Programming in TypeScript (app)487
typescript, principles, oop
JavaScript and Node.js Testing Best Practices486
javascript, nodejs, testing, best-practices
How to Create Animated Anchor Links Using CSS (zor/css)485
videos, how-tos, links, css, animations
Designing Better Breadcrumbs (vit/sma)484
html, usability, navigation, breadcrumbs
12 Years Beyond a HTML Joke (ste)483
html, semantics
HTML Is All You Need to Make a Website (whi)482
html
Alternative Text (Alt Text) (pop)481
accessibility, html, images, writing, alt-text
A New Statistical Approach for Predicting Usability Problems480
studies, research, metrics, usability
Accessibility Testing Guide479
guides, accessibility, testing, wcag
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)478
performance, web-vitals, seo, metrics
Fonts in Use: Variable Fonts477
typography, fonts, variable-fonts
The Business Case for Accessibility (tet)476
accessibility, economics
Working on Two Git Branches at Once With “git worktree” (and)475
git, github, command-line
Animated Grid Tracks With “:has()” (mic)474
css, layout, grids, selectors
Sharing State in Distributed UIs at Runtime473
state-management, scalability, micro-frontends
What’s New in ECMAScript 2022 (paw)472
ecmascript, standards
Accessible Description Exposure (aar)471
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)470
layout, css, media-queries
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)469
videos, css, scrolling
What if… One Day Everything Got Better? (dav)468
accessibility
“aria-labelledby” Usage Notes (ste)467
accessibility, aria, labels, html
Tweaking in the Browser (sha)466
browsers, tooling
How to Respond to Growing Supply Chain Security Risks?465
how-tos, security, dependencies, nodejs, npm
Getting Started With Servo (wuy)464
introductions, servo, browser-engines, mozilla
Accessible Cards (kit)463
accessibility, html, css
Are You Using Coding Interviews for Senior Software Developers?462
interviewing, career, code-reviews
Top 3 Informational Interview Questions in UX (nng)461
videos, interviewing, career, user-experience
Why We Don’t Use a Staging Environment460
environments, testing
How to Match HTML Elements With an Indeterminate State (ste)459
how-tos, html, css, selectors
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)458
studies, research, accessibility, homepages, metrics
Exciting Times for Browsers (and CSS) (mic)457
browsers, css
Designing a Better Infinite Scroll (vit/sma)456
scrolling, navigation, pagination
Introduction to the SSH Protocol455
introductions, protocols, ssh
Web Accessibility Guidance Project454
guides, accessibility
Accessibility Policy Implementation: What You Need to Know453
interviews, accessibility, policies
How to Optimize Your LCP (with Visuals) (ste)452
how-tos, performance, web-vitals, optimization
HTML-Only Keyboard Shortcuts (ami)451
html, accessibility, keyboard-navigation, keyboard-shortcuts
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone450
accessibility, usability
Make Beautifully Resilient Apps With Progressive Enhancement (aus)449
progressive-enhancement, resilience
Neubrutalism Is Taking Over the Web448
design, brutalism, web
Optimising Largest Contentful Paint (css)447
performance, web-vitals
Secret Mechanisms of CSS (jos/9el)446
videos, css
Understanding Layout Algorithms (jos)445
css, layout
CSS “:has” (dav)444
css, selectors
An Opinionated Guide to Unit Testing443
guides, testing, quality
Case: Accessibility in Software Development442
accessibility
Locale Aware Sorting in JavaScript441
javascript, sorting, localization, internationalization
A Guide to Hover and Pointer Media Queries (its/sma)440
guides, css, hover, media-queries
How to Document Accessibility Issues439
how-tos, accessibility, documentation
Picture Perfect Images With the Modern “<img>” Element (add)438
images, html, performance, web-vitals
7 Learning Habits for Developers: Reach Skill Goals in Less Time437
learning
The Art of CSS Art436
css, art
Why Every Programmer Must Blog435
career, blogging, communication, learning
How to Use Props in React (rwi)434
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)433
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)432
remix, routing
You’re Unselectable (aar)431
accessibility, css
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
You ≠ User (nng)428
videos, usability, user-experience
The Case for PHP Generics (bre)427
php, generics
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed426
design, performance, user-experience
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)425
fonts, variable-fonts, typography
Designing “Above the Fold”? Try the Reciprocity Principle424
design, principles
How Should You Name Your Colors in a Design System?423
naming, colors, design-systems
Those HTML Attributes You Never Use (lou/sma)422
html, attributes
How Do Design Systems Improve Developer Efficiency?421
design-systems, efficiency
Resetting Inherited CSS With “Revert” (spa/clo)420
css, resets
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)419
eleventy
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)418
accessibility
Restrict Access by IP Address for AWS CloudFront Distribution417
aws, cloudfront, content-delivery, ip, traffic
The 5 Riders of Accessible Media416
accessibility, multimedia
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)415
web, outlooks, privacy, security, accessibility, performance, user-experience
There Are No Bad Questions in Accessibility (ste)414
accessibility
ADA Web Site Compliance Still Not a Thing (aar)413
accessibility, ada, compliance, legal
Optimising Core Web Vitals on SPAs (sim)412
performance, web-vitals, single-page-apps, optimization
Deep Dive Into the CSS “:where()” Function (log)411
css, selectors, deep-dives
Dynamically Generated Content and Accessibility: 3 Quick Tips410
generated-content, accessibility, aria
The Book on Accessibility409
books, accessibility, leadership, engineering-management
Building a Sketch Design System: Tips and Tricks408
sketch, design-systems, tips-and-tricks
When to Use a Function Expression vs. Function Declaration407
javascript, functions, comparisons
Conquering JavaScript Hydration (rya/thi)406
javascript, hydration
HTML Semantics (cfe)405
html, semantics
Improving Your User Experience to Reduce Bounce Rates (uxm)404
user-experience, usability, performance, seo
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)403
css, custom-properties, colors, contrast, microsoft, windows
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)402
html, xhtml, optimization
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
“!important” Was Added for One Reason Only (ste)397
css, cascade
PHP Sanitize Data396
php, sanitization
Usability Testing: Driving the Best User Experience for Business Success (uxm)395
user-experience, usability, testing
4 Xs That Aren’t UX394
user-experience
Should “Cancel” Be a Button or a Link?393
interaction-design, buttons, links, semantics
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)392
how-tos, css, math, functions
Authorization in a Microservices World391
microservices, authorization
Typography in Design Tokens for Figma and Code390
typography, design-tokens, tooling, figma
Building Your Own Nodemon (ano)389
nodejs, monitoring, functionality
UX Strategy: Definition and Components (nng)388
user-experience, strategies
Performance Tests on Common JavaScript Array Methods (hac)387
performance, testing, javascript, arrays
The Web Doesn’t Have Version Numbers (mic)386
versioning, web
Why Is Dark Mode So Captivating?385
dark-mode
Identifying Fonts: The Complete Guide384
guides, fonts, typography
Migrating Our Monorepo to Yarn 2383
monorepos, yarn, migrating
Optimizing SVG Patterns to Their Smallest Size (css)382
svg, images, performance
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability381
videos, html, accessibility, performance
On the Weaponisation of Open Source (ben)380
foss, dependencies, mongodb, nodejs
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)379
how-tos, drag-and-drop, file-handling, vuejs, javascript
How Do I Resolve Merge Conflicts? (bla)378
version-control, git, command-line
Introduction to Bulma: A Simple and Intuitive CSS Framework377
introductions, bulma
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)376
accessibility, mistakes
Alt-Text Selfies375
websites, accessibility, alt-text, community
Google Calendar Webhooks With Node.js374
google, webhooks, nodejs
Guidance on Web Accessibility and the ADA373
accessibility, ada, legal
The Future of the Web and Accessibility (tim/deq)372
videos, web, accessibility
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)371
guides, accessibility, interaction-design, documentation
Accessibility, Assistive Technology, and JavaScript (cfe)370
accessibility, assistive-tech, javascript
What Every Good README Should Contain369
documentation
A Quick Guide to Closures368
guides, javascript, closures
All HTML and CSS Cheatsheets in One Place367
html, css, cheat-sheets
How to Empathize With Your Users366
how-tos, design, usability, user-experience
How to Prep Your SEO Strategy for a New Website (moz)365
how-tos, seo, strategies
Perceptually Uniform Color Models and Their Implications364
colors, color-palettes
What Is Platform Engineering?363
platform-engineering, concepts
What Makes You a Professional Web Developer (j9t)362
career, professionalism
Building a Loading Bar Component (arg)361
components, html, css, javascript
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)360
how-tos, html, javascript
React Best Practices and Patterns to Reduce Code359
react, optimization, best-practices
Implementing JavaScript Delay for Cookie Consent Banner358
javascript, cookies, consent-management, legal
Making the World’s Fastest Website, and Other Mistakes357
performance, mistakes
Prevent Technical Debt With These 3 Strategies356
technical-debt
The Weirdly Obscure Art of Streamed HTML355
html, streaming, performance
What Are Micro-Frontends?354
micro-frontends
Don’t Believe the Type! (gar+/deq)353
videos, accessibility, typography, readability, fonts
It Needs to Map Back to a Role (eri)352
accessibility, aria, html, semantics
In Defense of Sass (5t3)351
preprocessors, sass
When or If (mey)350
css
Explaining Micro Frontends as Simply as Possible349
micro-frontends
Tao of Node—Design, Architecture, and Best Practices348
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally347
nodejs, dependencies, npm, yarn
Aligning Content in Different Wrappers (sha)346
html, css, alignment
Giving New Meanings to the Color Functions in CSS (alv)345
css, colors, functions
20 Productivity Tips From Developers to Developers344
productivity, tips-and-tricks
How to Use Spectator to Test Your Angular Components343
how-tos, testing, tooling, angular, components
The Future of Web Accessibility: WCAG 3.0 (for)342
accessibility, wcag, standards
Where TypeScript Excels341
videos, typescript
42 Tips for Getting Good at DevOps and Life340
dev-ops, career, productivity, tips-and-tricks
Add Data to a Google Sheet From a Node.js Backend339
nodejs, google
Horizontal Scrolling Nav (mdo)338
javascript, scrolling
CommonJS (CJS) and Modules (ESM): Import Compatibility337
javascript, typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack336
css, javascript, mobile, hover, touch
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax335
how-tos, javascript, functions
A Look at the Dialog Element’s Super Powers (ste)334
modals, html, javascript
WebGPU—All of the Cores, None of the Canvas (sur)333
apis, canvas, rendering
Accumulation of Tech Debt (mfo)332
technical-debt
Ten Years of Page Bloat: What Have We Learned? (spe)331
performance, web-vitals, user-experience
You Don’t Always Need a CMS330
content-management
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (pro)329
introductions, user-experience, internationalization, localization
Carousels: No One Likes You328
carousels, accessibility, usability, user-experience
An Introduction to User Journey Maps (ste)327
introductions, design, usability, user-experience
Digging Into CSS Media Queries (kil+)326
videos, css, media-queries
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)325
javascript, naming, refactoring
My Dev Content Creation Journey and Tips for Starting Yours (5t3)324
content, marketing, developer-relations, tips-and-tricks
7 Ways to Achieve a Faster Core Web Vitals Score (hac)323
performance, web-vitals
Optimizing a Web Site for Google’s New UX Criteria (uxm)322
optimization, seo, user-experience, google
10 Amazing Games to Learn CSS321
css, learning
Moderated Versus Unmoderated Usability Testing (uxm)320
usability, testing, comparisons
Using HTTPS in Your Development Environment319
security, http, environments
An Introduction to AWS CloudFront Functions (hon)318
introductions, aws, cloudfront, functions, content-delivery
Session Timeouts (pat/tet)317
accessibility, user-experience, time
Performance Signals for Customizing Website UX (tun/sma)316
performance, user-experience, web-vitals, customization
A New Speed Milestone for Chrome315
browsers, google, chrome, performance
Designing the User Experience of a Rating System314
design, user-experience
Alternatives to Pagination on Product-Listing Pages (nng)313
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”312
javascript, asynchronicity
Creating Native Web Components (cod)311
web-components, javascript, html
The Basics—Generics in PHP310
videos, fundamentals, php, generics
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)309
css, layout, responsive-design
How to Design Better APIs308
how-tos, software-design, apis
How to Prevent SQL Injection Attacks in Node.js307
how-tos, nodejs, databases, security, sql
Remix vs. Next.js306
remix, nextjs, comparisons
The Best Design System Is No System305
design-systems
The Importance of Screen Reader Software for Web Navigation304
accessibility, screen-readers, navigation
It’s Always Been You, Canvas2D303
html, css, canvas, javascript
Accessibility and Limited Fine Motor Skills302
accessibility
Dive Into Node.js Streams (nod)301
nodejs, streaming
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+)300
browsers, support, interoperability
How Do Primitive Values Get Their Properties? (rau)299
javascript
How to Make a “Raise the Curtains” Effect in CSS (cit/css)298
how-tos, css, effects
Progressive Enhancement, the New Hotness (cfe)297
progressive-enhancement
How Many Hyperlinks Are Too Many for Accessibility?296
accessibility, links
Taming CSS Variables With Web Inspector (web)295
css, custom-properties, browsers, tooling
How to Use Higher-Order Functions in JavaScript294
how-tos, javascript, functions
New CSS Features in 2022 (mic/sma)293
css
What’s Really Going On Inside Your node_modules Folder? (soc)292
nodejs, npm, dependencies
Simple Color System for Complex Digital Interfaces291
websites, design-systems, colors, complexity
A Recipe for a Good Design System (ati/sma)290
design-systems
How to Publish Deno Modules to npm (kit/den)289
how-tos, deno, modules, dependencies, npm
HTML Tips and Tricks288
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)287
html, aria, accessibility
5 Things You Don’t Need JavaScript For286
javascript
Essential Cryptography for JavaScript Developers285
books, cryptography, javascript
How to Build a File Upload Service With Vanilla JavaScript (log)284
how-tos, file-handling, javascript
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)283
html, css, web-components
Foundations: Headings (ihe/tet)282
accessibility, fundamentals, html, headings, semantics
Accessibility Checklist: Five Things Usually Left Out281
accessibility, checklists
Higher-Order Components in React Hooks Era (ade)280
components, react, hooks
CSS “content” Property279
css
Should Frontend Devs Care About Performance?278
performance
Solid.js Feels Like What I Always Wanted React to Be277
frameworks, react, solidjs
Importing ES6 Modules Over HTTP/HTTPS in Node.js276
esm, http, nodejs
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)275
studies, research, frameworks, css, performance
How I Structure My React Projects274
react, architecture
When to Avoid the “text-decoration” Shorthand Property (sim/css)273
css, shorthands
4 Simple Ways to Improve Web Accessibility272
accessibility, optimization
Overlay Position and Recommendations271
accessibility, overlays
Screaming Architecture—Evolution of a React Folder Structure270
react, architecture
Deploying a React Application to Netlify269
deploying, web-apps, react, netlify
Accessibility and Inclusivity in Practice268
podcasts, accessibility, dei
Understanding Dependencies Inside Your package.json (nod)267
nodejs, dependencies, npm, yarn
How to Make MPAs That Are as Fast as SPAs (cfe)266
how-tos, performance, multi-page-apps, single-page-apps
5 Accessibility Quick Wins You Can Implement Today (css)265
accessibility
A Complete Guide to CSV Files in Node.js (log)264
guides, file-handling, nodejs, csv
Can You Get Pwned With CSS?263
css, security
Container Queries, the Next Step Towards a Truly Modular CSS262
videos, css, container-queries
HTML Comments Work in JavaScript Too261
javascript, html, comments
Improving a CDN’s Cache Hit Ratio (erw)260
content-delivery, performance, caching
How to Fix Your Security Vulnerabilities With npm Override259
how-tos, security, vulnerabilities, npm, dependencies
Moving From Next to Remix258
frameworks, nextjs, remix, comparisons
The Case for Adding Validation State to Your Design Tokens (eri)257
design-tokens, validation
SPAs Were a Mistake (cfe)256
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)255
accessibility, html
Turning the Tables on Accessibility (the)254
accessibility
What Is Responsible JavaScript? (mal+/sma)253
podcasts, javascript
15 Useful Placeholder Tools for Designers and Developers252
tooling, images, content, placeholders, testing, link-lists
Comparing Gatsby and Next.js for Website Development251
gatsby, nextjs, comparisons, site-generators
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)250
design, theming, design-tokens, components, figma
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results249
images, favicons, google, seo
Inclusive Design vs. Accessible Design: Understanding the Differences248
accessibility, dei, design, comparisons
Reliably Send an HTTP Request as a User Leaves a Page (css)247
http, reliability
How to Prioritize Your Components (zer)246
how-tos, design-systems, components, prioritization
Design Systems in Figma: How to Be More Productive245
how-tos, design-systems, figma, productivity
CSS Quick Tip: Animating in a Newly Added Element (5t3)244
css, animations, tips-and-tricks
A Complete Guide to CSS Cascade Layers (mia/css)243
guides, css, cascade
Let’s Get Inclusive: Designing Products for Everyone (uxm)242
design, dei
How Websites Die241
web, link-rot
Writing Logic in CSS240
css
Design System: How to Successfully Collaborate?239
how-tos, design-systems, collaboration
Column Headers and Browser Support (aar)238
accessibility, html, semantics
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)237
typography, google, fonts, performance, minimalism
Invisible Characters236
websites, unicode
Minimum Static Site Setup With Sass (5t3)235
sass
There Is No Character Limit for “Alt Text” (yat)234
accessibility, html, alt-text, images
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations233
javascript, asynchronicity
How to Consume Microformats2 Data (mic)232
how-tos, microformats, parsing, json, comparisons
React State Management Libraries in 2022231
react, state-management, libraries
Structuring Documentation in Multi-Brand Design Systems (amy)230
design-systems, documentation
Comparing Node JavaScript to JavaScript in the Browser (css)229
javascript, nodejs, browsers, comparisons
Core Web Vitals: What Next? (moz)228
performance, web-vitals, seo
JavaScript Obfuscation: The Definitive Guide (2022)227
guides, javascript, obfuscation
Using “mask” as “clip-path”226
svg, css, masking
Flexbox Dynamic Line Separator (sha)225
css, flexbox
How to Create a Search Page for a Static Website With Vanilla JS (cfe)224
how-tos, functionality, search, html, javascript
Web Developers and Cognitive Biases223
productivity, career
What Makes Writing More Readable?222
writing, readability
How-To: Correctly Test for Python’s Version (tab)221
how-tos, python, testing, versioning
Browsers for People Who Just Want a Browser (nei)220
browsers, tor-browser, konqueror, edge, microsoft, vivaldi
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)219
css, grids, layout
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”218
javascript, fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope217
javascript, scope
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?216
accessibility, wcag, compliance
The State of JavaScript 2021 [Results] (sac/dev)215
surveys, metrics, javascript
7 Lessons I’ve Learned in the Last Year as a Software Engineer214
lessons, career
Fallacies of AI Driven Coding (yeg)213
ai
Introducing Progressive Web Apps (nit)212
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text211
content, images, obfuscation, security
Version 100 in Chrome and Firefox (moz)210
browsers, support, google, chrome, mozilla, firefox
Foundations: Colour and Meaning (ihe/tet)209
accessibility, fundamentals, colors
Colors That Make Sense208
accessibility, semantics, colors
10 Mental Models Developers Can Use to Get Unstuck207
productivity
The Basics of package.json (nod)206
fundamentals, nodejs, dependencies, npm, yarn
7 Killer One-Liners in JavaScript205
javascript
WCAG 2.2 Update204
accessibility, wcag
The Entire Cascade (as a Funnel) (mia)203
code-pens, css, cascade
Functions and the Future of Design Systems202
design-systems
Hello, CSS Cascade Layers (sha)201
css, cascade
WebDex: Web Specs Index (don)200
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)199
html, semantics, naming
Multi-Value CSS Properties With Optional Custom Property Values (css)198
css, custom-properties
Using the Language Attribute to Make Your Website Accessible (cra)197
attributes, accessibility, localization, internationalization
Introducing PHP: A Beginner’s Guide196
introductions, guides, php
Release Notes for Safari Technology Preview 140 (jon/web)195
release-notes, safari, apple, browsers
Moving From JavaScript to TypeScript194
javascript, typescript
How to Keep Your Repo Package Dependencies Up to Date Automatically193
how-tos, dependencies, tooling, github-actions
Accessibility Monitoring: How We Test192
accessibility, monitoring, testing, case-studies
Everything Publishers Need to Know About URLs191
seo, urls, naming
How to Make CSS Slanted Containers (css)190
how-tos, css
MHTML in Chromium189
html, browsers
Only 2% of Sites Meet Accessibility Standards—Let’s Change That188
accessibility
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site187
performance, compression, brotli, gzip
Building an Adaptive Favicon (arg)186
images, favicons
What I Learned Implementing a Design System for an Existing Product (pro)185
design-systems, lessons
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design184
design, layout, grids, content
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)183
javascript, events
This Is Why Your Node.js Application Is Slow182
performance, nodejs
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)181
modals, html, semantics
Debugging JavaScript (fla)180
javascript, debugging
Aspect Ratio Is Great (mic)179
css, aspect-ratio, layout
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)178
javascript
Developing a Focus Style for a Themable Design System177
accessibility, design-systems, theming, focus
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)176
how-tos, images, favicons
Accessibility Testing Best Practices in CI/CD175
accessibility, testing, ci-cd, best-practices
CSS Animations Tutorial: Complete Guide for Beginners174
tutorials, guides, css, animations
Introducing the Dialog Element (web)173
introductions, html, modals
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)172
design, user-experience, trends
Do We Need Screen Reader for Accessibility Testing171
accessibility, testing, screen-readers
Creating Generative SVG Grids (tro)170
javascript, svg, grids
How to Use the Accessibility Tree for A11Y Testing169
how-tos, accessibility, testing
How to Create a UX Vision Statement (nng)168
how-tos, user-experience
UX and User Personas: How to Get It Right167
user-experience, usability, personas
Are We Live? (sco)166
accessibility, aria
Design System Versioning: Single Library or Individual Components? (bra)165
design-systems, versioning
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)164
frameworks, javascript, react
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements163
accessibility, conformance, testing
Foundations: Colour Contrast (ihe/tet)162
accessibility, fundamentals, colors, contrast
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)161
social-media, embed-code, sustainability, performance
No Accessibility Without Disabilities (yat)160
accessibility, user-experience
The Impact of Motion Animation on Cognitive Disability (tpg)159
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)158
javascript, frameworks, hydration
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
8 Key Elements for Creating a Culture of Accessibility154
accessibility, culture
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)153
javascript, performance, bundling, code-splitting, optimization
State of Frontend 2022152
surveys
Grow Your Design System From Good to Great151
design-systems
Assistive Technology, Accessible Technology, and the Accessibility Tree150
accessibility, screen-readers, assistive-tech, tooling
Settings Are Not a Design Failure149
design, usability, user-experience
CSS—Understanding the Cascade (bra/9el)148
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)147
browsers
24 Lesser-Known HTML Attributes You May Want to Use146
html, attributes
Website Themes and Color Schemes145
design, theming, colors, color-palettes
Structuring Your Storybook (sto)144
storybook
Career Advice Nobody Gave Me: Never Ignore a Recruiter143
career
Cascade Layers Are Coming to Your Browser (una)142
css, cascade, browsers, support
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus141
guides, design, usability
5 Pitfalls of Using Micro Frontends and How to Avoid Them140
micro-frontends