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. Hide

Frontend Dogma

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Why I Don’t Miss React: A Story About Using the Platform643
react
You Don’t Need a UI Framework (jos/sma)642
frameworks, css, tooling
5 Simple Productivity Tips for Developers641
productivity, tips-and-tricks
How to Create a Color Palette for Your Design System640
how-tos, design-systems, colors, color-palettes
It’s Time We Fix the Unethical Design of Cookie Consent Windows639
design, ethics, cookies, consent-management, legal
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?638
monorepos, dependencies, comparisons, nodejs, lerna
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser637
browsers, desktop, microsoft, edge, safari, metrics, comparisons
Creating Realistic Reflections With CSS (pre/css)636
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)635
css, typography, deep-dives
Ethical Design Network634
websites, design, ethics
If Design Principles Are for Designs, Then Design Values Are for Designers633
design, principles
Writing Better CSS632
css, quality, sorting
8 JavaScript Quiz [Questions] That May Confuse You631
quizzes, javascript, interviewing
Under-Engineered Multi-Selects (aar)630
accessibility, html, aria
Design System Documentation Best Practices629
design-systems, documentation, best-practices
Creating a Firework Effect With CSS (alv)628
css, effects
How to Professionally Say (aka)627
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage626
how-tos, figma
Foundations: Lists (tin/tet)625
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS624
browsers, css, parsing
Common Frontend Interview Questions I’ve Been Asked623
interviewing, html, javascript
CTA Modal: How to Build a Web Component (sma)622
how-tos, web-components, javascript, modals
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
The CSS Art Paradox (j9t)618
css, art, html, quality
Understanding the Performance Impact of Anti-Flicker Snippets (spe)617
performance, web-vitals
My Browser Support Strategy (mic)616
browsers, support, progressive-enhancement, testing
Introducing “inert”615
introductions, html, attributes, accessibility, keyboard-navigation
Let’s Keep the “Content” in WCAG (spa)614
content, accessibility, wcag
Best Practices for Integrating Content Design in Your Design System613
design, design-systems, content, best-practices
The Complete Guide to Regular Expressions (Regex) (cru)612
guides, regex
A Practical Guide to Aspect Ratio in CSS (zor/css)611
videos, guides, css, aspect-ratio
Stop Removing Focus (col)610
accessibility, focus, css
The 5 Golden Rules of Code Reviews609
code-reviews, processes, quality
Traditional Web Design Process Is Fundamentally Broken (gri/clo)608
design, processes, prototyping, mobile, responsive-design
Cool Hover Effects That Use Background Properties (css/css)607
css, hover, effects, backgrounds
Web Scraping via JavaScript Runtime Heap Snapshots606
scraping, javascript, memory
Learn to Code With JavaScript: The Most Popular Programming Language on Earth605
javascript, learning
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)604
browsers, browser-engines, legal, apple
Flexibly Centering an Element With Side-Aligned Content (mey)603
css, centering
Non-Interactive Elements With the “inert” Attribute (web)602
html, attributes, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)601
memoization, javascript, react
8 Industry-Standard Tools to Reduce Dependency Risks600
tooling, dependencies, maintenance, renovate, depfu, link-lists
Deploy Your First Website Without Leaving Your IDE (bla)599
deploying
Plain Old Semantic HTML: A Perfect Basis for Accessibility598
accessibility, html, semantics
A Guide to Task-Based UX Metrics597
guides, user-experience, metrics
Is Measuring Speed a Useful Metric for Design Systems? (amy+)596
videos, performance, metrics, design-systems
16 Top Design Trends for 2022 (uxm)595
design, trends
9 Useful Principles of UX Design (uxm)594
user-experience, design, principles
Four Eras of JavaScript Frameworks593
javascript, frameworks, history
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
Build a Lightweight Web Component With Lit.js590
web-components, javascript
Deep Dive Into Top Web Developer Pain Points589
web-platform, deep-dives
11 Steps to Keep Figma Clean588
design, tooling, figma
Supercharge Your Design System With Design Tokens587
design-systems, design-tokens
The “Dark Yellow Problem” in Design System Color Palettes586
design-systems, colors, color-palettes
Testing Figma Components (nat)585
testing, components, figma
8 Ways to Make Website Accessibility Easier (and Less Expensive)584
accessibility
Best Font for Online Reading: No Single Answer (nng)583
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants582
design, atomic-design
How Web Browsers Work: Navigation581
browsers, http
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity580
css, complexity
Writing Strong Front-End Test Element Locators (css)579
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)578
html, forms, progressive-enhancement
State of Eleventy: April 2022 (zac)577
videos, eleventy
Building a Combined CSS Aspect Ratio Grid (9el)576
css, layout, grids, aspect-ratio
TypeScript Tips and Tricks (vsc)575
videos, typescript, tips-and-tricks
Web Color Is Still Broken574
websites, colors, web
Web Components as Progressive Enhancement (pau/clo)573
web-components, progressive-enhancement
Overview of Servo (wuy)572
overviews, servo, browser-engines
Mastering CSS Transitions With React 18571
css, transitions, react
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)570
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Beyond WCAG: Losing Spoons Online (tpg)569
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)568
accessibility
Debugging Node Serverless Functions on AWS Lambda567
nodejs, debugging, functions, aws, serverless, lambda
Productivity Tips and Tools for a More Efficient Workflow (sma)566
link-lists, productivity, tips-and-tricks, tooling
The Future of CSS: CSS Toggles (bra)565
css, toggles
Faster Initialization of Instances With New Class Features (joy)564
browsers, javascript, javascript-engines, v8, performance
Why Learn to Code? 17 Benefits of Learning to Code563
learning, career
Forced Colors Explained: A Practical Guide (kil/pol)562
colors, browsers
Low-Code No-Code Web Development, Explained561
low-and-no-code, concepts
Ordering CSS Declarations (jim)560
css, sorting
Routing: I’m Not Smart Enough for an SPA559
routing, single-page-apps
The Front-End Developer’s Guide to the Terminal (jos)558
guides, command-line, shells
The Role of Policy in Creating a Culture of Accessibility557
interviews, accessibility, policies, culture
How to Start Testing Your Website With a Screen Reader (kar/spe)556
how-tos, accessibility, browsers, testing
URL, URI, URN: What’s the Difference?555
urls, terminology, comparisons
20 Easy Ways to Be More Productive as a Developer554
productivity
4 Reasons to Avoid Using “npm link”553
npm
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
React 18—New Features and Improvement Strategies550
react
The Ultimate Guide to Push Notifications for Developers (sma)549
guides, notifications
When UX Goes Bad (and How to Fix It) (web)548
user-experience
GitHub Alternatives: A Review of Bitbucket, GitLab, and More547
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
Does Valid and Semantic HTML Still Matter? (5t3+)546
podcasts, html, semantics, conformance
Web Scraping Is Legal, US Appeals Court Reaffirms545
scraping, legal
How to Choose the Right Static Site Generator544
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking543
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)542
nodejs
The Most Popular Node.js Frameworks in 2022 (sta)541
nodejs, frameworks
Is Agile an Anti-Design Pattern?540
agile, design, anti-patterns
How to Improve Core Web Vitals (8 Ways)539
how-tos, web-vitals, performance
7 Web Component Tricks (dav)538
web-components, tips-and-tricks
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)537
accessibility
Fonts for the Web: Rationale, 1996 (svg/w3c)536
fonts, history
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases535
refactoring, maintenance, micro-frontends
Intro to CSS Parent Selector—“:has()” (zor/css)534
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS533
design-systems, css, custom-properties, metrics
A Web Renaissance532
web
CSS Parent Selector (sha)531
css, selectors
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)530
guides, javascript, performance, optimization
Title Rewrites: 3 Patterns to Avoid (moz)529
seo, semantics, writing, microcontent
Usability Guidelines for Better Carousels UX (vit/sma)528
guidelines, usability, user-experience, carousels
Building a Dialog Component (arg)527
components, modals, html, css, javascript
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results526
how-tos, quality, techniques
Designers Are Spending Too Much Time Designing UI Variations Manually525
design, processes, productivity
Drastically Improve Your UI Designs With This Technique524
design, techniques, optimization
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)523
accessibility
One Million Broken Web Sites—and a Way to Prevent That (cod)522
accessibility, browsers, tooling
Component Party521
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 Them520
accessibility, quality, bugs
Syntax Highlighting for AsciiDoc With Eleventy (san)519
syntax-highlighting, tooling, eleventy
Common Accessibility Issues That You Can Fix Today (hdv)518
accessibility
Naming Colors in Design Systems (ado)517
design-systems, colors, naming
Childish Font Sizes (tyl/clo)516
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)515
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)514
css, toggles
How to Develop Your UX Design Philosophy (uxm)513
how-tos, user-experience, design
Image Borders in CSS (ami)512
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)511
design, mobile-first, mobile, ecommerce
Those HTML Elements You Never Use510
html, semantics
7 Collaborative Coding Tools for Remote Pair Programming509
collaboration, tooling
How to Improve UX Design Through A/B Testing (uxm)508
how-tos, design, user-experience, a-b-testing, optimization
Takeaways From “The Internet Is Unusable”: The Disabled View (red)507
accessibility
CSS “:has()” a Parent Selector Now506
css, selectors
CSS Tips and Tricks You May Need to Know505
css, tips-and-tricks
How to Fix Your Low-Contrast Text (ben)504
how-tos, accessibility, colors, contrast
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
Information Architecture: Study Guide (nng)500
guides, information-architecture, training, link-lists
33 JavaScript Concepts Every Developer Should Know499
javascript, concepts
Incremental Static Regeneration for Angular498
angular, incremental-static-regeneration
MIME Types497
videos, mime-types, servers, apache
SEO for a New Website in 2022496
seo, checklists
April 9 Is CSS Naked Day (fro)495
frontend-dogma, css, awareness-days
There’s No Such Thing as a “Design System Designer”494
design, design-systems, career
Dynamic Data-Fetching in an Authenticated Next.js App (sma)493
data-fetching, nextjs, authentication
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)492
lists, unicode, css
Nailing Your Engineering Interviews: Tips From a Technical Recruiter491
interviewing, career
Your Website Is a Pollution Machine (cfe)490
sustainability
Why Your Design System Needs Content Design489
design-systems, content
Designing Better Breadcrumbs (vit/sma)488
html, usability, navigation, breadcrumbs
How to Create Animated Anchor Links Using CSS (zor/css)487
videos, how-tos, links, css, animations
Principles of Object-Oriented Programming in TypeScript (app)486
typescript, principles, oop
JavaScript and Node.js Testing Best Practices485
javascript, nodejs, testing, best-practices
12 Years Beyond a HTML Joke (ste)484
html, semantics
Alternative Text (Alt Text) (pop)483
accessibility, html, images, writing, alt-text
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)482
performance, web-vitals, seo, metrics
HTML Is All You Need to Make a Website (whi)481
html
The Business Case for Accessibility (tet)480
accessibility, economics
Working on Two Git Branches at Once With “git worktree” (and)479
git, github, command-line
Animated Grid Tracks With “:has()” (mic)478
css, layout, grids, selectors
Sharing State in Distributed UIs at Runtime477
state-management, scalability, micro-frontends
Accessibility Testing Guide476
guides, accessibility, testing, wcag
A New Statistical Approach for Predicting Usability Problems475
studies, research, metrics, usability
Mozilla Firefox Hits Back, Says Twitter Singled Out Its Web Browser474
firefox, mozilla, browsers, twitter+x, privacy
Fonts in Use: Variable Fonts473
typography, fonts, variable-fonts
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)472
videos, css, scrolling
Accessible Description Exposure (aar)471
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)470
layout, css, media-queries
What’s New in ECMAScript 2022 (paw)469
ecmascript, standards
What if… One Day Everything Got Better? (dav)468
accessibility
“aria-labelledby” Usage Notes (ste)467
accessibility, aria, labels, html
How to Respond to Growing Supply Chain Security Risks?466
how-tos, security, dependencies, nodejs, npm
Tweaking in the Browser (sha)465
browsers, tooling
Getting Started With Servo (wuy)464
introductions, servo, browser-engines, mozilla
Accessible Cards (kit)463
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)462
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?461
interviewing, career, code-reviews
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
Accessibility Policy Implementation: What You Need to Know455
interviews, accessibility, policies
Introduction to the SSH Protocol454
introductions, protocols, ssh
Web Accessibility Guidance Project453
guides, accessibility
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
An Opinionated Guide to Unit Testing447
guides, testing, quality
CSS “:has” (dav)446
css, selectors
Locale Aware Sorting in JavaScript445
javascript, sorting, localization, internationalization
Optimising Largest Contentful Paint (css)444
performance, web-vitals
Secret Mechanisms of CSS (jos/9el)443
videos, css
Understanding Layout Algorithms (jos)442
css, layout
A Guide to Hover and Pointer Media Queries (its/sma)441
guides, css, hover, media-queries
How to Document Accessibility Issues440
how-tos, accessibility, documentation
Picture Perfect Images With the Modern “<img>” Element (add)439
images, html, performance, web-vitals
7 Learning Habits for Developers: Reach Skill Goals in Less Time438
learning
Case: Accessibility in Software Development (acm)437
accessibility
The Art of CSS Art436
css, art
Why Every Programmer Must Blog435
career, blogging, communication, learning
14 Linting Rules to Help You Write Asynchronous Code in JavaScript434
javascript, asynchronicity, linting
Building a Headless Design System (fig)433
videos, design-systems, headless
How to Use Props in React (rwi)432
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)431
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)430
remix, routing
You’re Unselectable (aar)429
accessibility, css
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
How Should You Name Your Colors in a Design System?424
naming, colors, design-systems
Designing “Above the Fold”? Try the Reciprocity Principle423
design, principles
Resetting Inherited CSS With “Revert” (spa/clo)422
css, resets
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)421
accessibility
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)420
eleventy
Those HTML Attributes You Never Use (lou/sma)419
html, attributes
Restrict Access by IP Address for AWS CloudFront Distribution418
aws, cloudfront, content-delivery, ip, traffic
The 5 Riders of Accessible Media417
accessibility, multimedia
There Are No Bad Questions in Accessibility (ste)416
accessibility
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)415
web, outlooks, privacy, security, accessibility, performance, user-experience
How Do Design Systems Improve Developer Efficiency?414
design-systems, efficiency
ADA Web Site Compliance Still Not a Thing (aar)413
accessibility, ada, compliance, legal
Deep Dive Into the CSS “:where()” Function (log)412
css, selectors, deep-dives
Optimising Core Web Vitals on SPAs (sim)411
performance, web-vitals, single-page-apps, optimization
The Book on Accessibility410
books, accessibility, leadership, engineering-management
When to Use a Function Expression vs. Function Declaration409
javascript, functions, comparisons
Dynamically Generated Content and Accessibility: 3 Quick Tips408
generated-content, accessibility, aria
Building a Sketch Design System: Tips and Tricks407
sketch, design-systems, tips-and-tricks
Conquering JavaScript Hydration (rya/thi)406
javascript, hydration
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)405
design, user-experience, user-conversion, metrics, mistakes
Design Systems Aren’t Cheap404
design-systems, frameworks, economics
Dos and Don’ts of Mobile UX Design (uxm)403
design, user-experience, usability, mobile
HTML Semantics (cfe)402
html, semantics
“!important” Was Added for One Reason Only (ste)401
css, cascade
Improving Your User Experience to Reduce Bounce Rates (uxm)400
user-experience, usability, performance, seo
PHP Sanitize Data399
php, sanitization
Usability Testing: Driving the Best User Experience for Business Success (uxm)398
user-experience, usability, testing
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)397
html, xhtml, optimization
4 Xs That Aren’t UX396
user-experience
Should “Cancel” Be a Button or a Link?395
interaction-design, buttons, links, semantics
Design System—Principles of Success394
design-systems, principles
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)393
css, custom-properties, colors, contrast, windows
Authorization in a Microservices World392
microservices, authorization
Building Your Own Nodemon (ano)391
nodejs, monitoring, functionality
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)390
how-tos, css, math, functions
UX Strategy: Definition and Components (nng)389
user-experience, strategies
Typography in Design Tokens for Figma and Code388
typography, design-tokens, tooling, figma
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
Optimizing SVG Patterns to Their Smallest Size (css)384
svg, images, performance
On the Weaponisation of Open Source (ben)383
foss, dependencies, mongodb, nodejs
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)382
how-tos, drag-and-drop, file-handling, vuejs, javascript
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability381
videos, html, accessibility, performance
Introduction to Bulma: A Simple and Intuitive CSS Framework380
introductions, bulma
How Do I Resolve Merge Conflicts? (bla)379
version-control, git, command-line
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)378
accessibility, mistakes
Google Calendar Webhooks With Node.js377
google, webhooks, nodejs
Alt-Text Selfies376
websites, accessibility, alt-text, community
Guidance on Web Accessibility and the ADA375
accessibility, ada, legal
Migrating Our Monorepo to Yarn 2374
monorepos, yarn, migrating
Identifying Fonts: The Complete Guide373
guides, fonts, typography
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
A Quick Guide to Closures370
guides, javascript, closures
Accessibility, Assistive Technology, and JavaScript (cfe)369
accessibility, assistive-tech, javascript
All HTML and CSS Cheatsheets in One Place368
html, css, cheat-sheets
How to Prep Your SEO Strategy for a New Website (moz)367
how-tos, seo, strategies
Perceptually Uniform Color Models and Their Implications366
colors, color-palettes
What Every Good README Should Contain365
documentation
What Makes You a Professional Web Developer (j9t)364
career, professionalism
Building a Loading Bar Component (arg)363
components, html, css, javascript
How to Empathize With Your Users362
how-tos, design, usability, user-experience
What Is Platform Engineering?361
platform-engineering, concepts
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)360
how-tos, html, javascript
Implementing JavaScript Delay for Cookie Consent Banner359
javascript, cookies, consent-management, legal
Making the World’s Fastest Website, and Other Mistakes358
performance, mistakes
Prevent Technical Debt With These 3 Strategies357
technical-debt
React Best Practices and Patterns to Reduce Code356
react, optimization, best-practices
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
Aligning Content in Different Wrappers (sha)352
html, css, alignment
Explaining Micro Frontends as Simply as Possible351
micro-frontends
In Defense of Sass (5t3)350
preprocessors, sass
It Needs to Map Back to a Role (eri)349
accessibility, aria, html, semantics
Tao of Node—Design, Architecture, and Best Practices348
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally347
nodejs, dependencies, npm, yarn
When or If (mey)346
css
Giving New Meanings to the Color Functions in CSS (alv)345
css, colors, functions
How to Use Spectator to Test Your Angular Components344
how-tos, testing, tooling, angular, components
20 Productivity Tips From Developers to Developers343
productivity, tips-and-tricks
The Future of Web Accessibility: WCAG 3.0 (for)342
accessibility, wcag, standards
Add Data to a Google Sheet From a Node.js Backend341
nodejs, google
Horizontal Scrolling Nav (mdo)340
javascript, scrolling
Where TypeScript Excels339
videos, typescript
42 Tips for Getting Good at DevOps and Life338
dev-ops, career, productivity, tips-and-tricks
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
Accumulation of Tech Debt (mfo)333
technical-debt
Ten Years of Page Bloat: What Have We Learned? (spe)332
performance, web-vitals, user-experience
WebGPU—All of the Cores, None of the Canvas (sur)331
apis, canvas, rendering
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
10 Amazing Games to Learn CSS325
css, learning
7 Ways to Achieve a Faster Core Web Vitals Score (hac)324
performance, web-vitals
An Introduction to AWS CloudFront Functions (hon)323
introductions, aws, cloudfront, functions, content-delivery
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)322
javascript, naming, refactoring
Moderated Versus Unmoderated Usability Testing (uxm)321
usability, testing, comparisons
My Dev Content Creation Journey and Tips for Starting Yours (5t3)320
content, marketing, developer-relations, tips-and-tricks
Optimizing a Web Site for Google’s New UX Criteria (uxm)319
optimization, seo, user-experience, google
Session Timeouts (pat/tet)318
accessibility, user-experience, time
Performance Signals for Customizing Website UX (tun/sma)317
performance, user-experience, web-vitals, customization
Designing the User Experience of a Rating System316
design, user-experience
Using HTTPS in Your Development Environment315
security, http, environments
A New Speed Milestone for Chrome314
browsers, chrome, performance
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
It’s Always Been You, Canvas2D307
html, css, canvas, javascript
Accessibility and Limited Fine Motor Skills306
accessibility
Dive Into Node.js Streams (nod)305
nodejs, streaming
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+)304
browsers, support, interoperability
The Best Design System Is No System303
design-systems
How to Prevent SQL Injection Attacks in Node.js302
how-tos, nodejs, databases, security, sql
The Importance of Screen Reader Software for Web Navigation301
accessibility, screen-readers, navigation
Remix vs. Next.js300
remix, nextjs, comparisons
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
Taming CSS Variables With Web Inspector (web)296
css, custom-properties, browsers, tooling
How to Use Higher-Order Functions in JavaScript295
how-tos, javascript, functions
How Many Hyperlinks Are Too Many for Accessibility?294
accessibility, links
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 Build a File Upload Service With Vanilla JavaScript (log)289
how-tos, file-handling, javascript
How to Publish Deno Modules to npm (kit/den)288
how-tos, deno, modules, dependencies, npm
HTML Tips and Tricks287
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)286
html, aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)285
html, css, web-components
Foundations: Headings (ihe/tet)284
accessibility, fundamentals, html, headings, semantics
Accessibility Checklist: Five Things Usually Left Out283
accessibility, checklists
Essential Cryptography for JavaScript Developers282
books, cryptography, javascript
5 Things You Don’t Need JavaScript For281
javascript
Higher-Order Components in React Hooks Era (ade)280
components, react, hooks
Should Frontend Devs Care About Performance?279
performance
Solid.js Feels Like What I Always Wanted React to Be278
frameworks, react, solidjs
Importing ES6 Modules Over HTTP/HTTPS in Node.js277
esm, http, nodejs
CSS “content” Property276
css
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
Accessibility and Inclusivity in Practice269
podcasts, accessibility, dei
Understanding Dependencies Inside Your package.json (nod)268
nodejs, dependencies, npm, yarn
Deploying a React Application to Netlify267
deploying, web-apps, react, netlify
5 Accessibility Quick Wins You Can Implement Today (css)266
accessibility
A Complete Guide to CSV Files in Node.js (log)265
guides, file-handling, nodejs, csv
Can You Get Pwned With CSS?264
css, security
How to Make MPAs That Are as Fast as SPAs (cfe)263
how-tos, performance, multi-page-apps, single-page-apps
HTML Comments Work in JavaScript Too262
javascript, html, comments
Improving a CDN’s Cache Hit Ratio (erw)261
content-delivery, performance, caching
Moving From Next to Remix260
frameworks, nextjs, remix, comparisons
Container Queries, the Next Step Towards a Truly Modular CSS259
videos, css, container-queries
How to Fix Your Security Vulnerabilities With npm Override258
how-tos, security, vulnerabilities, npm, dependencies
15 Useful Placeholder Tools for Designers and Developers257
tooling, images, content, placeholders, testing, link-lists
Comparing Gatsby and Next.js for Website Development256
gatsby, nextjs, comparisons, site-generators
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)255
design, theming, design-tokens, components, figma
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results254
images, favicons, google, seo
SPAs Were a Mistake (cfe)253
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)252
accessibility, html
Turning the Tables on Accessibility (the)251
accessibility
What Is Responsible JavaScript? (mal+/sma)250
podcasts, javascript
Reliably Send an HTTP Request as a User Leaves a Page (css)249
http, reliability
How to Prioritize Your Components (zer)248
how-tos, design-systems, components, prioritization
Design Systems in Figma: How to Be More Productive247
how-tos, design-systems, figma, productivity
The Case for Adding Validation State to Your Design Tokens (eri)246
design-tokens, validation
Inclusive Design vs. Accessible Design: Understanding the Differences245
accessibility, dei, design, comparisons
A Complete Guide to CSS Cascade Layers (mia/css)244
guides, css, cascade
CSS Quick Tip: Animating in a Newly Added Element (5t3)243
css, animations, tips-and-tricks
How Websites Die242
web, link-rot
Let’s Get Inclusive: Designing Products for Everyone (uxm)241
design, dei
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
Invisible Characters237
websites, unicode
Minimizing Google Fonts by Only Loading It for Certain Characters (ami)236
typography, google, fonts, performance, minimalism
How to Consume Microformats2 Data (mic)235
how-tos, microformats, parsing, json, comparisons
Minimum Static Site Setup With Sass (5t3)234
sass
There Is No Character Limit for “Alt Text” (yat)233
accessibility, html, alt-text, images
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations232
javascript, asynchronicity
React State Management Libraries in 2022231
react, state-management, libraries
Comparing Node JavaScript to JavaScript in the Browser (css)230
javascript, nodejs, browsers, comparisons
Core Web Vitals: What Next? (moz)229
performance, web-vitals, seo
Structuring Documentation in Multi-Brand Design Systems (amy)228
design-systems, documentation
Using “mask” as “clip-path”227
svg, css, masking
JavaScript Obfuscation: The Definitive Guide (2022)226
guides, javascript, obfuscation
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
How-To: Correctly Test for Python’s Version (tab)222
how-tos, python, testing, versioning
What Makes Writing More Readable?221
writing, readability
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)220
css, grids, layout
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”219
javascript, fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope218
javascript, scope
The State of JavaScript 2021 [Results] (sac/dev)217
surveys, metrics, javascript
7 Lessons I’ve Learned in the Last Year as a Software Engineer216
lessons, career
Fallacies of AI Driven Coding (yeg)215
ai
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?214
accessibility, wcag, compliance
Browsers for People Who Just Want a Browser (nei)213
browsers, tor-browser, konqueror, edge, vivaldi
Foundations: Colour and Meaning (ihe/tet)212
accessibility, fundamentals, colors
Colors That Make Sense211
accessibility, semantics, colors
10 Mental Models Developers Can Use to Get Unstuck210
productivity
The Basics of package.json (nod)209
fundamentals, nodejs, dependencies, npm, yarn
Introducing Progressive Web Apps (nit)208
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text207
content, images, obfuscation, security
Version 100 in Chrome and Firefox (moz)206
browsers, support, chrome, firefox
7 Killer One-Liners in JavaScript205
javascript
WCAG 2.2 Update204
accessibility, wcag
Functions and the Future of Design Systems203
design-systems
The Entire Cascade (as a Funnel) (mia)202
code-pens, css, cascade
Hello, CSS Cascade Layers (sha)201
css, cascade
Multi-Value CSS Properties With Optional Custom Property Values (css)200
css, custom-properties
Using the Language Attribute to Make Your Website Accessible (cra)199
attributes, accessibility, localization, internationalization
WebDex: Web Specs Index (don)198
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)197
html, semantics, naming
Introducing PHP: A Beginner’s Guide196
introductions, guides, php
How to Keep Your Repo Package Dependencies Up to Date Automatically195
how-tos, dependencies, tooling, github-actions
Moving From JavaScript to TypeScript194
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)193
release-notes, safari, browsers
Everything Publishers Need to Know About URLs192
seo, urls, naming
How to Make CSS Slanted Containers (css)191
how-tos, css
MHTML in Chromium190
html, browsers
Building an Adaptive Favicon (arg)189
images, favicons
What I Learned Implementing a Design System for an Existing Product (pro)188
design-systems, lessons
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design187
design, layout, grids, content
Only 2% of Sites Meet Accessibility Standards—Let’s Change That186
accessibility
Accessibility Monitoring: How We Test185
accessibility, monitoring, testing, case-studies
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site184
performance, compression, brotli, gzip
Debugging JavaScript (fla)183
javascript, debugging
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)182
javascript, events
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)181
modals, html, semantics
This Is Why Your Node.js Application Is Slow180
performance, nodejs
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
Introducing the Dialog Element (web)175
introductions, html, modals
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)174
design, user-experience, trends
Do We Need Screen Reader for Accessibility Testing173
accessibility, testing, screen-readers
Accessibility Testing Best Practices in CI/CD172
accessibility, testing, ci-cd, best-practices
CSS Animations Tutorial: Complete Guide for Beginners (the)171
tutorials, guides, css, animations
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
Foundations: Colour Contrast (ihe/tet)163
accessibility, fundamentals, colors, contrast
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements162
accessibility, conformance, testing
Custom Markdown Components in 11ty (ale)161
eleventy, markdown, functionality
HTML Cheat Sheet—HTML Elements List Reference (fre)160
html, semantics, examples, cheat-sheets
No Accessibility Without Disabilities (yat)159
accessibility, user-experience
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)158
social-media, embed-code, sustainability, performance
The Impact of Motion Animation on Cognitive Disability (tpg)157
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)156
javascript, frameworks, hydration
8 Key Elements for Creating a Culture of Accessibility155
accessibility, culture
Introducing Wolvic (iga)154
introductions, wolvic, browsers, xr
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)153
javascript, performance, bundling, code-splitting, optimization
Grow Your Design System From Good to Great152
design-systems
Assistive Technology, Accessible Technology, and the Accessibility Tree151
accessibility, screen-readers, assistive-tech, tooling
Settings Are Not a Design Failure150
design, usability, user-experience
State of Frontend 2022149
surveys
24 Lesser-Known HTML Attributes You May Want to Use148
html, attributes
CSS—Understanding the Cascade (bra/9el)147
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)146
browsers
Structuring Your Storybook (sto)145
storybook
Website Themes and Color Schemes144
design, theming, colors, color-palettes