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

Frontend Dogma

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
fediverse.info648
websites, fediverse
Legibility—How and Why Typography Affects Ease of Reading647
websites, books, typography, legibility
You Don’t Need a UI Framework (jos/sma)646
frameworks, css, tooling
5 Simple Productivity Tips for Developers645
productivity, tips-and-tricks
How to Create a Color Palette for Your Design System644
how-tos, design-systems, colors, color-palettes
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?643
monorepos, dependencies, comparisons, nodejs, lerna
Why I Don’t Miss React: A Story About Using the Platform642
react
It’s Time We Fix the Unethical Design of Cookie Consent Windows641
design, ethics, cookies, consent-management, legal
In Defence of the Single Page Application640
single-page-apps
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser639
browsers, desktop, microsoft, edge, safari, metrics, comparisons
Creating Realistic Reflections With CSS (pre/css)638
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)637
css, typography, deep-dives
If Design Principles Are for Designs, Then Design Values Are for Designers636
design, principles
Writing Better CSS635
css, quality, sorting
8 JavaScript Quiz [Questions] That May Confuse You634
quizzes, javascript, interviewing
Ethical Design Network633
websites, design, ethics
Under-Engineered Multi-Selects (aar)632
accessibility, html, aria
Design System Documentation Best Practices631
design-systems, documentation, best-practices
Creating a Firework Effect With CSS (alv)630
css, effects
How to Professionally Say (aka)629
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage628
how-tos, figma
Foundations: Lists (tin/tet)627
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS626
browsers, css, parsing
Common Frontend Interview Questions I’ve Been Asked625
interviewing, html, javascript
How to Build Node.js REST API With MySQL624
how-tos, nodejs, apis, rest, databases, mysql
Misusing TypeScript Assertion Functions for Fun and Profit (chr)623
typescript, functions
Server-Side vs. Client-Side Analytics (dav)622
analytics, metrics, comparisons
The CSS Art Paradox (j9t)621
css, art, html, quality
My Browser Support Strategy (mic)620
browsers, support, progressive-enhancement, testing
Let’s Keep the “Content” in WCAG (spa)619
content, accessibility, wcag
Best Practices for Integrating Content Design in Your Design System618
design, design-systems, content, best-practices
The Complete Guide to Regular Expressions (Regex) (cru)617
guides, regex
Introducing “inert”616
introductions, html, attributes, accessibility, keyboard-navigation
Understanding the Performance Impact of Anti-Flicker Snippets (and/spe)615
performance, web-vitals
CTA Modal: How to Build a Web Component (sma)614
how-tos, web-components, javascript, modals
A Practical Guide to Aspect Ratio in CSS (zor/css)613
videos, guides, css, aspect-ratio
Stop Removing Focus (col)612
accessibility, focus, css
Traditional Web Design Process Is Fundamentally Broken (gri/clo)611
design, processes, prototyping, mobile, responsive-design
Cool Hover Effects That Use Background Properties (css/css)610
css, hover, effects, backgrounds
Web Scraping via JavaScript Runtime Heap Snapshots609
scraping, javascript, memory
The 5 Golden Rules of Code Reviews608
code-reviews, processes, quality
Learn to Code With JavaScript: The Most Popular Programming Language on Earth607
javascript, learning
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)606
browsers, browser-engines, legal, apple
Flexibly Centering an Element With Side-Aligned Content (mey)605
css, centering
8 Industry-Standard Tools to Reduce Dependency Risks604
tooling, dependencies, maintenance, renovate, depfu, link-lists
Deploy Your First Website Without Leaving Your IDE (bla)603
deploying
Plain Old Semantic HTML: A Perfect Basis for Accessibility602
accessibility, html, semantics
A Guide to Task-Based UX Metrics601
guides, user-experience, metrics
Is Measuring Speed a Useful Metric for Design Systems? (amy+)600
videos, performance, metrics, design-systems
Non-Interactive Elements With the “inert” Attribute (web)599
html, attributes, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)598
memoization, javascript, react
16 Top Design Trends for 2022 (uxm)597
design, trends
9 Useful Principles of UX Design (uxm)596
user-experience, design, principles
How Web Browsers Work: Parsing the HTML595
browsers, html, parsing
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)594
comparisons, economics, mobile
11 Steps to Keep Figma Clean593
design, tooling, figma
The “Dark Yellow Problem” in Design System Color Palettes592
design-systems, colors, color-palettes
Testing Figma Components (nat)591
testing, components, figma
8 Ways to Make Website Accessibility Easier (and Less Expensive)590
accessibility
Four Eras of JavaScript Frameworks589
javascript, frameworks, history
Build a Lightweight Web Component With Lit.js588
web-components, javascript
Supercharge Your Design System With Design Tokens587
design-systems, design-tokens
Deep Dive Into Top Web Developer Pain Points586
web-platform, deep-dives
Best Font for Online Reading: No Single Answer (nng)585
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants584
design, atomic-design
How Web Browsers Work: Navigation583
browsers, http
Progressive Enhancement and HTML Forms: Use “FormData” (bra)582
html, forms, progressive-enhancement
State of Eleventy: April 2022 (zac)581
videos, eleventy
Writing Strong Front-End Test Element Locators (mar/css)580
testing
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity579
css, complexity
Web Components as Progressive Enhancement (pau/clo)578
web-components, progressive-enhancement
Overview of Servo (wuy)577
overviews, servo, browser-engines
Web Color Is Still Broken576
websites, colors, web
Mastering CSS Transitions With React 18575
css, transitions, react
TypeScript Tips and Tricks (vsc)574
videos, typescript, tips-and-tricks
Building a Combined CSS Aspect Ratio Grid (9el)573
css, layout, grids, aspect-ratio
Beyond WCAG: Losing Spoons Online (tpg)572
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)571
accessibility
Productivity Tips and Tools for a More Efficient Workflow (sma)570
link-lists, productivity, tips-and-tricks, tooling
The Future of CSS: CSS Toggles (bra)569
css, toggles
Faster Initialization of Instances With New Class Features (joy)568
browsers, javascript, javascript-engines, v8, performance
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)567
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Why Learn to Code? 17 Benefits of Learning to Code566
learning, career
Debugging Node Serverless Functions on AWS Lambda565
nodejs, debugging, functions, aws, serverless, lambda
Forced Colors Explained: A Practical Guide (kil/pol)564
colors, browsers
Low-Code No-Code Web Development, Explained563
low-and-no-code, concepts
Ordering CSS Declarations (jim)562
css, sorting
The Front-End Developer’s Guide to the Terminal (jos)561
guides, command-line, shells
How to Start Testing Your Website With a Screen Reader (kar/spe)560
how-tos, accessibility, browsers, testing
Routing: I’m Not Smart Enough for an SPA559
routing, single-page-apps
URL, URI, URN: What’s the Difference?558
urls, terminology, comparisons
The Role of Policy in Creating a Culture of Accessibility557
interviews, accessibility, policies, culture
A Practical Guide to Centering in CSS (sta)556
guides, css, centering
Ensure Third Party Content Is Accessible (ons/tpg)555
accessibility, wcag, embed-code
React 18—New Features and Improvement Strategies554
react
GitHub Alternatives: A Review of Bitbucket, GitLab, and More553
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
Does Valid and Semantic HTML Still Matter? (5t3+)552
podcasts, html, semantics, conformance
Web Scraping Is Legal, US Appeals Court Reaffirms551
scraping, legal
The Ultimate Guide to Push Notifications for Developers (sma)550
guides, notifications
4 Reasons to Avoid Using “npm link”549
npm
How to Choose the Right Static Site Generator548
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
When UX Goes Bad (and How to Fix It) (web)547
user-experience
20 Easy Ways to Be More Productive as a Developer546
productivity
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking545
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)544
nodejs
The Most Popular Node.js Frameworks in 2022 (sta)543
nodejs, frameworks
Is Agile an Anti-Design Pattern?542
agile, design, anti-patterns
How to Improve Core Web Vitals (8 Ways)541
how-tos, web-vitals, performance
7 Web Component Tricks (dav)540
web-components, tips-and-tricks
Fonts for the Web: Rationale, 1996 (svg/w3c)539
fonts, history
Intro to CSS Parent Selector—“:has()” (zor/css)538
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS537
design-systems, css, custom-properties, metrics
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)536
accessibility
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases535
refactoring, maintenance, micro-frontends
CSS Parent Selector (sha)534
css, selectors
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)533
guides, javascript, performance, optimization
Usability Guidelines for Better Carousels UX (vit/sma)532
guidelines, usability, user-experience, carousels
Building a Dialog Component (arg)531
components, modals, html, css, javascript
Drastically Improve Your UI Designs With This Technique530
design, techniques, optimization
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results529
how-tos, quality, techniques
Title Rewrites: 3 Patterns to Avoid (moz)528
seo, semantics, writing, microcontent
Designers Are Spending Too Much Time Designing UI Variations Manually527
design, processes, productivity
A Web Renaissance (ani)526
web
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)525
accessibility
One Million Broken Web Sites—and a Way to Prevent That (cod)524
accessibility, browsers, tooling
Syntax Highlighting for AsciiDoc With Eleventy (san)523
syntax-highlighting, tooling, eleventy
Common Accessibility Issues That You Can Fix Today (hdv)522
accessibility
Naming Colors in Design Systems (ado)521
design-systems, colors, naming
Why Accessibility Bugs Are a Good Thing and How to Handle Them520
accessibility, quality, bugs
Component Party519
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
Childish Font Sizes (tyl/clo)518
fonts, readability, design
Common App Design Challenges and Their Solutions (uxm)517
design, user-experience
CSS Toggles Explainer and Proposal (mia+/odd)516
css, toggles
Image Borders in CSS (ami)515
css, images, borders
Mobile-First Ecommerce Site Design Is the Future (uxm)514
design, mobile-first, mobile, ecommerce
How to Improve UX Design Through A/B Testing (uxm)513
how-tos, design, user-experience, a-b-testing, optimization
Takeaways From “The Internet Is Unusable”: The Disabled View (red)512
accessibility
Those HTML Elements You Never Use511
html, semantics
How to Develop Your UX Design Philosophy (uxm)510
how-tos, user-experience, design
7 Collaborative Coding Tools for Remote Pair Programming509
collaboration, tooling
How to Fix Your Low-Contrast Text (ben)508
how-tos, accessibility, colors, contrast
CSS “:has()” a Parent Selector Now507
css, selectors
CSS Tips and Tricks You May Need to Know506
css, tips-and-tricks
How to Turn HTML Webpage Into an Image?505
how-tos, html, images, conversion
JavaScript Function Composition: What’s the Big Deal? (jrs)504
javascript, functions
Information Architecture: Study Guide (nng)503
guides, information-architecture, training, link-lists
Open Accessibility Standards502
accessibility, wcag, aria
April 9 Is CSS Naked Day (fro)501
frontend-dogma, css, awareness-days
There’s No Such Thing as a “Design System Designer”500
design, design-systems, career
Incremental Static Regeneration for Angular499
angular, incremental-static-regeneration
SEO for a New Website in 2022498
seo, checklists
33 JavaScript Concepts Every Developer Should Know497
javascript, concepts
MIME Types496
videos, mime-types, servers, apache
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas)495
lists, unicode, css
Nailing Your Engineering Interviews: Tips From a Technical Recruiter494
interviewing, career
Dynamic Data-Fetching in an Authenticated Next.js App (sma)493
data-fetching, nextjs, authentication
Your Website Is a Pollution Machine (cfe)492
sustainability
Why Your Design System Needs Content Design491
design-systems, content
Designing Better Breadcrumbs (vit/sma)490
html, usability, navigation, breadcrumbs
How to Create Animated Anchor Links Using CSS (zor/css)489
videos, how-tos, links, css, animations
Principles of Object-Oriented Programming in TypeScript (app)488
typescript, principles, oop
JavaScript and Node.js Testing Best Practices487
javascript, nodejs, testing, best-practices
12 Years Beyond a HTML Joke (ste)486
html, semantics
Alternative Text (Alt Text) (pop)485
accessibility, html, images, writing, alt-text
Working on Two Git Branches at Once With “git worktree” (and)484
git, github, command-line
Animated Grid Tracks With “:has()” (mic)483
css, layout, grids, selectors
Sharing State in Distributed UIs at Runtime482
state-management, scalability, micro-frontends
A New Statistical Approach for Predicting Usability Problems481
studies, research, metrics, usability
Mozilla Firefox Hits Back, Says Twitter Singled Out Its Web Browser480
firefox, mozilla, browsers, twitter+x, privacy
Fonts in Use: Variable Fonts479
typography, fonts, variable-fonts
HTML Is All You Need to Make a Website (whi)478
html
Accessibility Testing Guide477
guides, accessibility, testing, wcag
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)476
performance, web-vitals, seo, metrics
The Business Case for Accessibility (tet)475
accessibility, economics
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)474
videos, css, scrolling
Accessible Description Exposure (aar)473
accessibility, aria
Thoughts on Exerting Control With Media Queries (jim)472
layout, css, media-queries
What’s New in ECMAScript 2022 (paw)471
ecmascript, standards
What if… One Day Everything Got Better? (dav)470
accessibility
“aria-labelledby” Usage Notes (ste)469
accessibility, aria, labels, html
Tweaking in the Browser (sha)468
browsers, tooling
Getting Started With Servo (wuy)467
introductions, servo, browser-engines, mozilla
How to Respond to Growing Supply Chain Security Risks?466
how-tos, security, dependencies, nodejs, npm
Accessible Cards (kit)465
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)464
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?463
interviewing, career, code-reviews
Why We Don’t Use a Staging Environment462
environments, testing
How to Match HTML Elements With an Indeterminate State (ste)461
how-tos, html, css, selectors
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web)460
studies, research, accessibility, homepages, metrics
Exciting Times for Browsers (and CSS) (mic)459
browsers, css
Designing a Better Infinite Scroll (vit/sma)458
scrolling, navigation, pagination
Accessibility Policy Implementation: What You Need to Know457
interviews, accessibility, policies
Introduction to the SSH Protocol456
introductions, protocols, ssh
Web Accessibility Guidance Project455
guides, accessibility
How to Optimize Your LCP (with Visuals) (ste)454
how-tos, performance, web-vitals, optimization
HTML-Only Keyboard Shortcuts (ami)453
html, accessibility, keyboard-navigation, keyboard-shortcuts
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone452
accessibility, usability
Make Beautifully Resilient Apps With Progressive Enhancement (aus)451
progressive-enhancement, resilience
Neubrutalism Is Taking Over the Web450
design, brutalism, web
CSS “:has” (dav)449
css, selectors
Optimising Largest Contentful Paint (css)448
performance, web-vitals
Secret Mechanisms of CSS (jos/9el)447
videos, css
Understanding Layout Algorithms (jos)446
css, layout
A Guide to Hover and Pointer Media Queries (its/sma)445
guides, css, hover, media-queries
How to Document Accessibility Issues444
how-tos, accessibility, documentation
Picture Perfect Images With the Modern “<img>” Element (add)443
images, html, performance, web-vitals
Case: Accessibility in Software Development (acm)442
accessibility
An Opinionated Guide to Unit Testing (jay)441
guides, testing, quality
7 Learning Habits for Developers: Reach Skill Goals in Less Time440
learning
Locale Aware Sorting in JavaScript439
javascript, sorting, localization, internationalization
Why Every Programmer Must Blog438
career, blogging, communication, learning
The Art of CSS Art437
css, art
How to Use Props in React (rwi)436
how-tos, react, props
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)435
surveys, browsers, tooling, developer-experience
Remix Routes Demystified (ati/sma)434
remix, routing
You’re Unselectable (aar)433
accessibility, css
You ≠ User (nng)432
videos, usability, user-experience
The Case for PHP Generics (bre)431
php, generics
Building a Headless Design System (fig)430
videos, design-systems, headless
14 Linting Rules to Help You Write Asynchronous Code in JavaScript429
javascript, asynchrony, linting
Variable Fonts in Real Life: How to Use and Love Them (rom+/evi)428
fonts, variable-fonts, typography
Designing “Above the Fold”? Try the Reciprocity Principle427
design, principles
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed426
design, performance, user-experience
How Should You Name Your Colors in a Design System?425
naming, colors, design-systems
Resetting Inherited CSS With “Revert” (spa/clo)424
css, resets
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)423
accessibility
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)422
eleventy
Those HTML Attributes You Never Use (lou/sma)421
html, attributes
Restrict Access by IP Address for AWS CloudFront Distribution420
aws, cloudfront, content-delivery, ip, traffic
The 5 Riders of Accessible Media419
accessibility, multimedia
There Are No Bad Questions in Accessibility (ste)418
accessibility
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)417
web, outlooks, privacy, security, accessibility, performance, user-experience
How Do Design Systems Improve Developer Efficiency?416
design-systems, efficiency
ADA Web Site Compliance Still Not a Thing (aar)415
accessibility, ada, compliance, legal
Optimising Core Web Vitals on SPAs (sim)414
performance, web-vitals, single-page-apps, optimization
Dynamically Generated Content and Accessibility: 3 Quick Tips413
generated-content, accessibility, aria
Building a Sketch Design System: Tips and Tricks412
sketch, design-systems, tips-and-tricks
When to Use a Function Expression vs. Function Declaration411
javascript, functions, comparisons
Deep Dive Into the CSS “:where()” Function (log)410
css, selectors, deep-dives
The Book on Accessibility409
books, accessibility, leadership, engineering-management
Conquering JavaScript Hydration (rya/thi)408
javascript, hydration
HTML Semantics (cfe)407
html, semantics
Improving Your User Experience to Reduce Bounce Rates (uxm)406
user-experience, usability, performance, seo
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)405
html, xhtml, optimization
Design System—Principles of Success404
design-systems, principles
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)403
css, custom-properties, colors, contrast, windows
“!important” Was Added for One Reason Only (ste)402
css, cascade
Dos and Don’ts of Mobile UX Design (uxm)401
design, user-experience, usability, mobile
PHP Sanitize Data400
php, sanitization
Design Systems Aren’t Cheap (cla)399
design-systems, frameworks, economics
4 Xs That Aren’t UX398
user-experience
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)397
design, user-experience, user-conversion, metrics, mistakes
Usability Testing: Driving the Best User Experience for Business Success (uxm)396
user-experience, usability, testing
Should “Cancel” Be a Button or a Link?395
interaction-design, buttons, links, semantics
Building Your Own Nodemon (ano)394
nodejs, monitoring, functionality
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)393
how-tos, css, math, functions
UX Strategy: Definition and Components (nng)392
user-experience, strategies
Typography in Design Tokens for Figma and Code391
typography, design-tokens, tooling, figma
Authorization in a Microservices World390
microservices, authorization
The Web Doesn’t Have Version Numbers (mic)389
versioning, web
Performance Tests on Common JavaScript Array Methods (hac)388
performance, testing, javascript, arrays
Why Is Dark Mode So Captivating?387
dark-mode
On the Weaponisation of Open Source (ben)386
foss, dependencies, mongodb, nodejs
Introduction to Bulma: A Simple and Intuitive CSS Framework385
introductions, bulma
How Do I Resolve Merge Conflicts? (bla)384
version-control, git, command-line
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)383
accessibility, mistakes
Google Calendar Webhooks With Node.js382
google, webhooks, nodejs
Alt-Text Selfies381
websites, accessibility, alt-text, community
Guidance on Web Accessibility and the ADA380
accessibility, ada, legal
Migrating Our Monorepo to Yarn 2379
monorepos, yarn, migrating
Identifying Fonts: The Complete Guide378
guides, fonts, typography
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)377
how-tos, drag-and-drop, file-handling, vuejs, javascript
Optimizing SVG Patterns to Their Smallest Size (css)376
svg, images, performance
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (vle)375
videos, html, accessibility, performance
The Future of the Web and Accessibility (tim/deq)374
videos, web, accessibility
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)373
guides, accessibility, interaction-design, documentation
Accessibility, Assistive Technology, and JavaScript (cfe)372
accessibility, assistive-tech, javascript
What Every Good README Should Contain371
documentation
What Makes You a Professional Web Developer (j9t)370
career, professionalism
Building a Loading Bar Component (arg)369
components, html, css, javascript
How to Empathize With Your Users368
how-tos, design, usability, user-experience
What Is Platform Engineering?367
platform-engineering, concepts
A Quick Guide to Closures366
guides, javascript, closures
Perceptually Uniform Color Models and Their Implications365
colors, color-palettes
How to Prep Your SEO Strategy for a New Website (moz)364
how-tos, seo, strategies
All HTML and CSS Cheatsheets in One Place363
html, css, cheat-sheets
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)362
how-tos, html, javascript
React Best Practices and Patterns to Reduce Code361
react, optimization, best-practices
What Are Micro-Frontends?360
micro-frontends
Don’t Believe the Type! (gar+/deq)359
videos, accessibility, typography, readability, fonts
CSS-Tricks Is Joining DigitalOcean (chr/css)358
css-tricks, digitalocean
CSS-Tricks Joins DigitalOcean, Expanding Our Commitment to Community (dig)357
css-tricks, digitalocean
The Weirdly Obscure Art of Streamed HTML356
html, streaming, performance
Implementing JavaScript Delay for Cookie Consent Banner355
javascript, cookies, consent-management, legal
Prevent Technical Debt With These 3 Strategies354
technical-debt
Making the World’s Fastest Website, and Other Mistakes353
performance, mistakes
Aligning Content in Different Wrappers (sha)352
html, css, alignment
In Defense of Sass (5t3)351
preprocessors, sass
It Needs to Map Back to a Role (eri)350
accessibility, aria, html, semantics
When or If (mey)349
css
Update Node Dependencies Automatically, Selectively, or Incrementally348
nodejs, dependencies, npm, yarn
Tao of Node—Design, Architecture, and Best Practices (ale)347
nodejs, architecture, best-practices
Explaining Micro Frontends as Simply as Possible346
micro-frontends
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
Horizontal Scrolling Nav (mdo)341
javascript, scrolling
Where TypeScript Excels340
videos, typescript
42 Tips for Getting Good at DevOps and Life339
dev-ops, career, productivity, tips-and-tricks
Add Data to a Google Sheet From a Node.js Backend338
nodejs, google
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack337
css, javascript, mobile, hover, touch
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax336
how-tos, javascript, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility335
javascript, typescript, commonjs, esm
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
Carousels: No One Likes You332
carousels, accessibility, usability, user-experience
An Introduction to User Journey Maps (ste)331
introductions, design, usability, user-experience
Digging Into CSS Media Queries (kil+)330
videos, css, media-queries
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (pro)329
introductions, user-experience, internationalization, localization
Accumulation of Tech Debt (mfo)328
technical-debt
You Don’t Always Need a CMS327
content-management
Ten Years of Page Bloat: What Have We Learned? (spe)326
performance, web-vitals, user-experience
7 Ways to Achieve a Faster Core Web Vitals Score (hac)325
performance, web-vitals
My Dev Content Creation Journey and Tips for Starting Yours (5t3)324
content, marketing, developer-relations, tips-and-tricks
Optimizing a Web Site for Google’s New UX Criteria (uxm)323
optimization, seo, user-experience, google
Session Timeouts (pat/tet)322
accessibility, user-experience, time
Performance Signals for Customizing Website UX (tun/sma)321
performance, user-experience, web-vitals, customization
A New Speed Milestone for Chrome320
browsers, chrome, performance
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)319
javascript, naming, refactoring
An Introduction to AWS CloudFront Functions (hon)318
introductions, aws, cloudfront, functions, content-delivery
Using HTTPS in Your Development Environment317
security, http, environments
Designing the User Experience of a Rating System316
design, user-experience
10 Amazing Games to Learn CSS315
css, learning
Moderated Versus Unmoderated Usability Testing (uxm)314
usability, testing, comparisons
Alternatives to Pagination on Product-Listing Pages (nng)313
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”312
javascript, asynchrony
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
Accessibility and Limited Fine Motor Skills308
accessibility
Dive Into Node.js Streams (nod)307
nodejs, streaming
Interop 2022: Browsers Working Together to Improve the Web for Developers (rac+)306
browsers, support, interoperability
The Best Design System Is No System305
design-systems
How to Prevent SQL Injection Attacks in Node.js304
how-tos, nodejs, databases, security, sql
Remix vs. Next.js303
remix, nextjs, comparisons
How to Design Better APIs302
how-tos, software-design, apis
It’s Always Been You, Canvas2D301
html, css, canvas, javascript
The Importance of Screen Reader Software for Web Navigation300
accessibility, screen-readers, navigation
How to Make a “Raise the Curtains” Effect in CSS (cit/css)299
how-tos, css, effects
Progressive Enhancement, the New Hotness (cfe)298
progressive-enhancement
How Many Hyperlinks Are Too Many for Accessibility?297
accessibility, links
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 Do Primitive Values Get Their Properties? (rau)294
javascript
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
Foundations: Headings (ihe/tet)286
accessibility, fundamentals, html, headings, semantics
Accessibility Checklist: Five Things Usually Left Out285
accessibility, checklists
Essential Cryptography for JavaScript Developers284
books, cryptography, javascript
5 Things You Don’t Need JavaScript For283
javascript
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)282
html, css, web-components
How to Build a File Upload Service With Vanilla JavaScript (log)281
how-tos, file-handling, javascript
Higher-Order Components in React Hooks Era (ade)280
components, react, hooks
CSS “content” Property279
css
Importing ES6 Modules Over HTTP/HTTPS in Node.js278
esm, http, nodejs
Should Frontend Devs Care About Performance?277
performance
Solid.js Feels Like What I Always Wanted React to Be276
frameworks, react, solidjs
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
How to Make MPAs That Are as Fast as SPAs (cfe)266
how-tos, performance, multi-page-apps, single-page-apps
Improving a CDN’s Cache Hit Ratio (erw)265
content-delivery, performance, caching
Moving From Next to Remix264
frameworks, nextjs, remix, comparisons
Container Queries, the Next Step Towards a Truly Modular CSS263
videos, css, container-queries
How to Fix Your Security Vulnerabilities With npm Override262
how-tos, security, vulnerabilities, npm, dependencies
Can You Get Pwned With CSS?261
css, security
5 Accessibility Quick Wins You Can Implement Today (css)260
accessibility
A Complete Guide to CSV Files in Node.js (log)259
guides, file-handling, nodejs, csv
HTML Comments Work in JavaScript Too258
javascript, html, comments
SPAs Were a Mistake (cfe)257
single-page-apps, mistakes
Support for Marking Radio Buttons Required, Invalid (aar)256
accessibility, html
Turning the Tables on Accessibility (the)255
accessibility
What Is Responsible JavaScript? (mal+/sma)254
podcasts, javascript
How to Prioritize Your Components (zer)253
how-tos, design-systems, components, prioritization
The Case for Adding Validation State to Your Design Tokens (eri)252
design-tokens, validation
Inclusive Design vs. Accessible Design: Understanding the Differences251
accessibility, dei, design, comparisons
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)250
design, theming, design-tokens, components, figma
Comparing Gatsby and Next.js for Website Development249
gatsby, nextjs, comparisons, site-generators
15 Useful Placeholder Tools for Designers and Developers248
tooling, images, content, placeholders, testing, link-lists
Design Systems in Figma: How to Be More Productive247
how-tos, design-systems, figma, productivity
Reliably Send an HTTP Request as a User Leaves a Page (css)246
http, reliability
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results245
images, favicons, google, seo
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
Let’s Get Inclusive: Designing Products for Everyone (uxm)242
design, dei
Design System: How to Successfully Collaborate?241
how-tos, design-systems, collaboration
Writing Logic in CSS (iam)240
css
How Websites Die239
web, link-rot
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
React State Management Libraries in 2022233
react, state-management, libraries
How to Consume Microformats2 Data (mic)232
how-tos, microformats, parsing, json, comparisons
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations231
javascript, asynchrony
Structuring Documentation in Multi-Brand Design Systems (amy)230
design-systems, documentation
JavaScript Obfuscation: The Definitive Guide (2022)229
guides, javascript, obfuscation
Core Web Vitals: What Next? (moz)228
performance, web-vitals, seo
Comparing Node JavaScript to JavaScript in the Browser (css)227
javascript, nodejs, browsers, comparisons
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
How-To: Correctly Test for Python’s Version (tab)223
how-tos, python, testing, versioning
What Makes Writing More Readable?222
writing, readability
Web Developers and Cognitive Biases221
productivity, career
The State of JavaScript 2021 [Results] (sac/dev)220
surveys, metrics, javascript
Fallacies of AI Driven Coding (yeg)219
ai
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?218
accessibility, wcag, compliance
Browsers for People Who Just Want a Browser (nei)217
browsers, tor-browser, konqueror, edge, vivaldi
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”216
javascript, fundamentals, career
7 Lessons I’ve Learned in the Last Year as a Software Engineer215
lessons, career
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)214
css, grids, layout
Track Down the JavaScript Code Responsible for Polluting the Global Scope213
javascript, scope
Foundations: Colour and Meaning (ihe/tet)212
accessibility, fundamentals, colors
The Basics of package.json (nod)211
fundamentals, nodejs, dependencies, npm, yarn
Introducing Progressive Web Apps (nit)210
introductions, progressive-web-apps, web-apps
Never, Ever, Ever Use Pixelation for Redacting Text209
content, images, obfuscation, security
Version 100 in Chrome and Firefox (moz)208
browsers, support, chrome, firefox
Colors That Make Sense207
accessibility, semantics, colors
10 Mental Models Developers Can Use to Get Unstuck206
productivity
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
Using the Language Attribute to Make Your Website Accessible (cra)200
attributes, accessibility, localization, internationalization
WebDex: Web Specs Index (don)199
terminology, standards
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)198
html, semantics, naming
Introducing PHP: A Beginner’s Guide197
introductions, guides, php
Multi-Value CSS Properties With Optional Custom Property Values (css)196
css, custom-properties
Moving From JavaScript to TypeScript195
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)194
release-notes, safari, browsers
How to Keep Your Repo Package Dependencies Up to Date Automatically193
how-tos, dependencies, tooling, github-actions
Building an Adaptive Favicon (arg)192
images, favicons
What I Learned Implementing a Design System for an Existing Product (pro)191
design-systems, lessons
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design190
design, layout, grids, content
Only 2% of Sites Meet Accessibility Standards—Let’s Change That189
accessibility
Accessibility Monitoring: How We Test188
accessibility, monitoring, testing, case-studies
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site187
performance, compression, brotli, gzip
Everything Publishers Need to Know About URLs186
seo, urls, naming
MHTML in Chromium (eri)185
html, browsers
How to Make CSS Slanted Containers (css)184
how-tos, css
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
Aspect Ratio Is Great (mic)180
css, aspect-ratio, layout
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)179
javascript
This Is Why Your Node.js Application Is Slow178
performance, nodejs
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
Do We Need Screen Reader for Accessibility Testing175
accessibility, testing, screen-readers
CSS Animations Tutorial: Complete Guide for Beginners (the)174
tutorials, guides, css, animations
Creating Generative SVG Grids (tro)173
javascript, svg, grids
Introducing the Dialog Element (web)172
introductions, html, modals
Accessibility Testing Best Practices in CI/CD171
accessibility, testing, ci-cd, best-practices
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)170
design, user-experience, trends
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
No Accessibility Without Disabilities (yat)160
accessibility, user-experience
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)159
social-media, embed-code, sustainability, performance
The Impact of Motion Animation on Cognitive Disability (tpg)158
accessibility, css, javascript
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)157
javascript, frameworks, hydration
8 Key Elements for Creating a Culture of Accessibility156
accessibility, culture
Introducing Wolvic (iga)155
introductions, wolvic, browsers, xr
HTML Cheat Sheet—HTML Elements List Reference (fre)154
html, semantics, examples, cheat-sheets
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)153
javascript, performance, bundling, code-splitting, optimization
Settings Are Not a Design Failure152
design, usability, user-experience
State of Frontend 2022151
surveys
Assistive Technology, Accessible Technology, and the Accessibility Tree150
accessibility, screen-readers, assistive-tech, tooling
Grow Your Design System From Good to Great149
design-systems