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, accountability, and support. Hide

dxsrc

“2022” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Developing a Low-Touch Adoption Strategy for a New Design System651
user-experience, design-systems
fediverse.info650
websites, fediverse
You Don’t Need a UI Framework (jos/sma)649
frameworks, css, tooling
5 Simple Productivity Tips for Developers648
productivity, tips-and-tricks
In Defence of the Single Page Application647
single-page-apps
Contextual Spacing for Intrinsic Web Design (5t3)646
design, intrinsic-design, css, spacing
How to Create a Color Palette for Your Design System645
how-tos, design-systems, colors, color-palettes
Why I Don’t Miss React: A Story About Using the Platform644
react
Legibility—How and Why Typography Affects Ease of Reading643
websites, books, typography, legibility
It’s Time We Fix the Unethical Design of Cookie Consent Windows642
design, ethics, cookies, consent-management, legal
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now?641
monorepos, dependencies, comparisons, nodejs, lerna
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser640
browsers, desktop, microsoft, edge, safari, metrics, comparisons
Writing Better CSS639
css, quality, sorting
Ethical Design Network638
websites, design, ethics
Creating Realistic Reflections With CSS (pre/css)637
css, effects
Deep Dive Into Text Wrapping and Word Breaking (lon)636
css, typography, deep-dives
8 JavaScript Quiz [Questions] That May Confuse You635
quizzes, javascript, interviewing
If Design Principles Are for Designs, Then Design Values Are for Designers634
design, principles
Under-Engineered Multi-Selects (aar)633
accessibility, html, aria
Design System Documentation Best Practices632
design-systems, documentation, best-practices
How to Professionally Say (aka)631
websites, how-tos, communication, collaboration, professionalism, career
How to Reduce Figma Memory Usage630
how-tos, figma
Creating a Firework Effect With CSS (alv)629
css, effects
Foundations: Lists (tin/tet)628
accessibility, fundamentals, html, lists
How Web Browsers Work: Parsing the CSS627
browsers, css, parsing
Introducing “inert”626
introductions, html, attributes, accessibility, keyboard-navigation
The CSS Art Paradox (j9t)625
css, art, html, quality
My Browser Support Strategy (mic)624
browsers, support, progressive-enhancement, testing
Let’s Keep the “Content” in WCAG (spa)623
content, accessibility, wcag
Server-Side vs. Client-Side Analytics (dav)622
analytics, metrics, comparisons
CTA Modal: How to Build a Web Component (sma)621
how-tos, web-components, javascript, modals
How to Build Node.js REST API With MySQL620
how-tos, nodejs, apis, rest, databases, mysql
The Complete Guide to Regular Expressions (Regex) (cru)619
guides, regex
Common Frontend Interview Questions I’ve Been Asked618
interviewing, html, javascript
Misusing TypeScript Assertion Functions for Fun and Profit (chr)617
typescript, functions
Understanding the Performance Impact of Anti-Flicker Snippets (and/spe)616
performance, web-vitals
Best Practices for Integrating Content Design in Your Design System615
design, design-systems, content, best-practices
Stop Removing Focus (col)614
accessibility, focus, css
The 5 Golden Rules of Code Reviews613
code-reviews, processes, quality
A Practical Guide to Aspect Ratio in CSS (zor/css)612
videos, guides, css, aspect-ratio
Cool Hover Effects That Use Background Properties (css/css)611
css, hover, effects, backgrounds
Web Scraping via JavaScript Runtime Heap Snapshots610
scraping, javascript, memory
Traditional Web Design Process Is Fundamentally Broken (gri/clo)609
design, processes, prototyping, mobile, responsive-design
Learn to Code With JavaScript: The Most Popular Programming Language on Earth608
javascript, learning
A Guide to Task-Based UX Metrics607
guides, user-experience, metrics
Non-Interactive Elements With the “inert” Attribute (web)606
html, attributes, semantics
Deploy Your First Website Without Leaving Your IDE (bla)605
deploying
8 Industry-Standard Tools to Reduce Dependency Risks604
tooling, dependencies, maintenance, renovate, depfu, link-lists
Is Measuring Speed a Useful Metric for Design Systems? (amy+)603
videos, performance, metrics, design-systems
Flexibly Centering an Element With Side-Aligned Content (mey)602
css, centering
Plain Old Semantic HTML: A Perfect Basis for Accessibility601
accessibility, html, semantics
What Is Memoization? How and When to Memoize in JavaScript and React (fre)600
memoization, javascript, react
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the)599
browsers, browser-engines, legal, ios, apple
Testing Figma Components (nat)598
testing, components, figma
11 Steps to Keep Figma Clean597
design, tooling, figma
16 Top Design Trends for 2022 (uxm)596
design, trends
9 Useful Principles of UX Design (uxm)595
user-experience, design, principles
Four Eras of JavaScript Frameworks594
javascript, frameworks, history
How Web Browsers Work: Parsing the HTML593
browsers, html, parsing
Build a Lightweight Web Component With Lit.js592
web-components, javascript
Deep Dive Into Top Web Developer Pain Points591
web-platform, deep-dives
Supercharge Your Design System With Design Tokens590
design-systems, design-tokens
The “Dark Yellow Problem” in Design System Color Palettes589
design-systems, colors, color-palettes
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm)588
comparisons, economics, mobile
8 Ways to Make Website Accessibility Easier (and Less Expensive)587
accessibility
Best Font for Online Reading: No Single Answer (nng)586
studies, research, fonts, typography, readability
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants585
design, atomic-design
State of Eleventy: April 2022 (zac)584
videos, eleventy
How Web Browsers Work: Navigation583
browsers, http
Writing Strong Front-End Test Element Locators (mar/css)582
testing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)581
html, forms, progressive-enhancement
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity580
css, complexity
Overview of Servo (wuy)579
overviews, servo, browser-engines
Web Color Is Still Broken578
websites, colors, web
TypeScript Tips and Tricks (vsc)577
videos, typescript, tips-and-tricks
Mastering CSS Transitions With React 18576
css, transitions, react
Building a Combined CSS Aspect Ratio Grid (9el)575
css, layout, grids, aspect-ratio
Web Components as Progressive Enhancement (pau/clo)574
web-components, progressive-enhancement
The Future of CSS: CSS Toggles (bra)573
css, toggles
Beyond WCAG: Losing Spoons Online (tpg)572
accessibility, wcag, colors
Brief Note on Buttons, Enter, and Space (aar)571
accessibility
Debugging Node Serverless Functions on AWS Lambda570
nodejs, debugging, functions, aws, serverless, lambda
Why Learn to Code? 17 Benefits of Learning to Code569
learning, career
Productivity Tips and Tools for a More Efficient Workflow (sma)568
link-lists, productivity, tips-and-tricks, tooling
Faster Initialization of Instances With New Class Features (joy)567
browsers, javascript, javascript-engines, v8, performance
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea)566
breadcrumbs, seo, best-practices, strategies, mobile-first, mobile
Ordering CSS Declarations (jim)565
css, sorting
URL, URI, URN: What’s the Difference?564
urls, terminology, comparisons
Routing: I’m Not Smart Enough for an SPA563
routing, single-page-apps
Forced Colors Explained: A Practical Guide (kil/pol)562
colors, browsers
Low-Code No-Code Web Development, Explained561
low-and-no-code, concepts
The Front-End Developer’s Guide to the Terminal (jos)560
guides, command-line, shells
How to Start Testing Your Website With a Screen Reader (kar/spe)559
how-tos, accessibility, browsers, testing
The Role of Policy in Creating a Culture of Accessibility558
interviews, accessibility, policies, culture
4 Reasons to Avoid Using “npm link”557
npm
When UX Goes Bad (and How to Fix It) (web)556
user-experience
A Practical Guide to Centering in CSS (sta)555
guides, css, centering
Ensure Third Party Content Is Accessible (ons/tpg)554
accessibility, wcag, embed-code
Does Valid and Semantic HTML Still Matter? (5t3+)553
podcasts, html, semantics, conformance
How to Choose the Right Static Site Generator552
how-tos, static-site-generation, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists
React 18—New Features and Improvement Strategies551
react
Web Scraping Is Legal, US Appeals Court Reaffirms550
scraping, legal
20 Easy Ways to Be More Productive as a Developer549
productivity
The Ultimate Guide to Push Notifications for Developers (sma)548
guides, notifications
GitHub Alternatives: A Review of Bitbucket, GitLab, and More547
hosting, version-control, git, gitlab, atlassian, aws, gcp, azure, codeberg, comparisons
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking546
testing, react, redux
Node.js 18 Introduces Prefix-Only Core Modules (cji)545
nodejs
Is Agile an Anti-Design Pattern?544
agile, design, anti-patterns
How to Improve Core Web Vitals (8 Ways)543
how-tos, web-vitals, performance
The Most Popular Node.js Frameworks in 2022 (sta)542
nodejs, frameworks
7 Web Component Tricks (dav)541
web-components, tips-and-tricks
Fonts for the Web: Rationale, 1996 (svg/w3c)540
fonts, history
Intro to CSS Parent Selector—“:has()” (zor/css)539
videos, introductions, css, selectors
Evaluating Design System Adoption Using Custom CSS538
design-systems, css, custom-properties, metrics
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases537
refactoring, maintenance, micro-frontends
Accessibility Why You Need to Work Toward Progress Not Perfection (mer)536
accessibility
A Web Renaissance (ani)535
web
CSS Parent Selector (sha)534
css, selectors
Building a Dialog Component (arg)533
components, modals, html, css, javascript
Title Rewrites: 3 Patterns to Avoid (moz)532
seo, semantics, writing, microcontent
Usability Guidelines for Better Carousels UX (sma)531
guidelines, usability, user-experience, carousels
Drastically Improve Your UI Designs With This Technique530
design, techniques, optimization
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)529
guides, javascript, performance, optimization
Designers Are Spending Too Much Time Designing UI Variations Manually528
design, processes, productivity
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results527
how-tos, quality, techniques
Component Party526
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
Naming Colors in Design Systems525
design-systems, colors, naming
Syntax Highlighting for AsciiDoc With Eleventy (san)524
syntax-highlighting, tooling, eleventy
Common Accessibility Issues That You Can Fix Today (hdv)523
accessibility
One Million Broken Web Sites—and a Way to Prevent That (cod)522
accessibility, browsers, tooling
Why Accessibility Bugs Are a Good Thing and How to Handle Them521
accessibility, quality, bugs
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ)520
accessibility
Childish Font Sizes (tyl/clo)519
fonts, readability, design
Image Borders in CSS (ami)518
css, images, borders
Those HTML Elements You Never Use517
html, semantics
CSS Toggles Explainer and Proposal (mia+/odd)516
css, toggles
How to Develop Your UX Design Philosophy (uxm)515
how-tos, user-experience, design
How to Improve UX Design Through A/B Testing (uxm)514
how-tos, design, user-experience, a-b-testing, optimization
Common App Design Challenges and Their Solutions (uxm)513
design, user-experience
Mobile-First Ecommerce Site Design Is the Future (uxm)512
design, mobile-first, mobile, ecommerce
7 Collaborative Coding Tools for Remote Pair Programming511
collaboration, tooling
Takeaways From “The Internet Is Unusable”: The Disabled View (red)510
accessibility
Open Accessibility Standards509
accessibility, wcag, aria
CSS “:has()” a Parent Selector Now508
css, selectors
How to Fix Your Low-Contrast Text (ben)507
how-tos, accessibility, colors, contrast
Information Architecture: Study Guide (nng)506
guides, information-architecture, training, link-lists
How to Turn HTML Webpage Into an Image?505
how-tos, html, images, conversion
CSS Tips and Tricks You May Need to Know504
css, tips-and-tricks
JavaScript Function Composition: What’s the Big Deal? (jrs)503
javascript, functions
MIME Types502
videos, mime-types, servers, apache
SEO for a New Website in 2022501
seo, checklists
Incremental Static Regeneration for Angular500
angular, incremental-static-regeneration
There’s No Such Thing as a “Design System Designer”499
design, design-systems, career
33 JavaScript Concepts Every Developer Should Know498
javascript, concepts
April 9 Is CSS Naked Day (dxs)497
frontend-dogma, css, awareness-days
Dynamic Data-Fetching in an Authenticated Next.js App (sma)496
data-fetching, nextjs, authentication
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
Your Website Is a Pollution Machine (cfe)493
sustainability
Why Your Design System Needs Content Design492
design-systems, content
Designing Better Breadcrumbs (sma)491
html, usability, navigation, breadcrumbs
JavaScript and Node.js Testing Best Practices490
javascript, nodejs, testing, best-practices
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
Alternative Text (Alt Text) (pop)487
accessibility, html, images, writing, alt-text
12 Years Beyond a HTML Joke (ste)486
html, semantics
Accessibility Testing Guide485
guides, accessibility, testing, wcag
Fonts in Use: Variable Fonts484
typography, fonts, variable-fonts
Animated Grid Tracks With “:has()” (mic)483
css, layout, grids, selectors
The Business Case for Accessibility (tet)482
accessibility, economics
HTML Is All You Need to Make a Website (whi)481
html
Sharing State in Distributed UIs at Runtime480
state-management, scalability, micro-frontends
Working on Two Git Branches at Once With “git worktree” (and)479
git, github, command-line
A New Statistical Approach for Predicting Usability Problems478
studies, research, metrics, usability
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz)477
performance, web-vitals, seo, metrics
Mozilla Firefox Hits Back, Says Twitter Singled Out Its Web Browser476
firefox, mozilla, browsers, twitter+x, privacy
What’s New in ECMAScript 2022 (paw)475
ecmascript, standards
Accessible Description Exposure (aar)474
accessibility, aria
What if… One Day Everything Got Better? (dav)473
accessibility
Thoughts on Exerting Control With Media Queries (jim)472
layout, css, media-queries
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)471
videos, css, scrolling
Tweaking in the Browser (sha)470
browsers, tooling
Getting Started With Servo (wuy)469
introductions, servo, browser-engines, mozilla
“aria-labelledby” Usage Notes (ste)468
accessibility, aria, labels, html
How to Respond to Growing Supply Chain Security Risks?467
how-tos, security, dependencies, nodejs, npm
Accessible Cards (kit)466
accessibility, html, css
Top 3 Informational Interview Questions in UX (nng)465
videos, interviewing, career, user-experience
Are You Using Coding Interviews for Senior Software Developers?464
interviewing, career, code-reviews
Why We Don’t Use a Staging Environment463
environments, testing
Exciting Times for Browsers (and CSS) (mic)462
browsers, css
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
Introduction to the SSH Protocol459
introductions, protocols, ssh
Designing a Better Infinite Scroll (sma)458
scrolling, navigation, pagination
Web Accessibility Guidance Project457
guides, accessibility
Accessibility Policy Implementation: What You Need to Know456
interviews, accessibility, policies
HTML-Only Keyboard Shortcuts (ami)455
html, accessibility, keyboard-navigation, keyboard-shortcuts
Neubrutalism Is Taking Over the Web454
design, brutalism, web
How to Optimize Your LCP (with Visuals) (ste)453
how-tos, performance, web-vitals, optimization
Make Beautifully Resilient Apps With Progressive Enhancement (aus)452
progressive-enhancement, resilience
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone451
accessibility, usability
CSS “:has” (dav)450
css, selectors
Secret Mechanisms of CSS (jos/9el)449
videos, css
Understanding Layout Algorithms (jos)448
css, layout
Locale Aware Sorting in JavaScript447
javascript, sorting, localization, internationalization
Optimising Largest Contentful Paint (css)446
performance, web-vitals
An Opinionated Guide to Unit Testing (jay)445
guides, testing, quality
How to Document Accessibility Issues444
how-tos, accessibility, documentation
A Guide to Hover and Pointer Media Queries (its/sma)443
guides, css, hover, media-queries
Case: Accessibility in Software Development (acm)442
accessibility
Picture Perfect Images With the Modern “<img>” Element (add)441
images, html, performance, web-vitals
7 Learning Habits for Developers: Reach Skill Goals in Less Time440
learning
The Art of CSS Art439
css, art
Why Every Programmer Must Blog438
career, blogging, communication, learning
You ≠ User (nng)437
videos, usability, user-experience
You’re Unselectable (aar)436
accessibility, css
Remix Routes Demystified (ati/sma)435
remix, routing
How to Use Props in React (rwi)434
how-tos, react, props
The Case for PHP Generics (bre)433
php, generics
Building a Headless Design System (fig)432
videos, design-systems, headless
14 Linting Rules to Help You Write Asynchronous Code in JavaScript431
javascript, asynchrony, linting
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod)430
surveys, browsers, tooling, developer-experience
How Should You Name Your Colors in a Design System?429
naming, colors, design-systems
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
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz)425
web, outlooks, privacy, security, accessibility, performance, user-experience
The 5 Riders of Accessible Media424
accessibility, multimedia
Resetting Inherited CSS With “Revert” (spa/clo)423
css, resets
Those HTML Attributes You Never Use (lou/sma)422
html, attributes
There Are No Bad Questions in Accessibility (ste)421
accessibility
How Do Design Systems Improve Developer Efficiency?420
design-systems, efficiency
Restrict Access by IP Address for AWS CloudFront Distribution419
aws, cloudfront, content-delivery, ip, traffic
Taming Eleventy Tags: Or How I Learned to Tolerate Double Pagination (des)418
eleventy
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (mni)417
accessibility
The Book on Accessibility416
books, accessibility, leadership, engineering-management
Optimising Core Web Vitals on SPAs (sim)415
performance, web-vitals, single-page-apps, optimization
Deep Dive Into the CSS “:where()” Function (log)414
css, selectors, deep-dives
ADA Web Site Compliance Still Not a Thing (aar)413
accessibility, ada, compliance, legal
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
Dynamically Generated Content and Accessibility: 3 Quick Tips410
generated-content, accessibility, aria
HTML Semantics (cfe)409
html, semantics
PHP Sanitize Data408
php, sanitization
4 Xs That Aren’t UX407
user-experience
Design Systems Aren’t Cheap (cla)406
design-systems, frameworks, economics
Conquering JavaScript Hydration (rya/thi)405
javascript, hydration
Dos and Don’ts of Mobile UX Design (uxm)404
design, user-experience, usability, mobile
Design System—Principles of Success403
design-systems, principles
Should “Cancel” Be a Button or a Link?402
interaction-design, buttons, links, semantics
“!important” Was Added for One Reason Only (ste)401
css, cascade
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)400
html, xhtml, optimization
Improving Your User Experience to Reduce Bounce Rates (uxm)399
user-experience, usability, performance, seo
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm)398
design, user-experience, user-conversion, metrics, mistakes
Usability Testing: Driving the Best User Experience for Business Success (uxm)397
user-experience, usability, testing
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)396
css, custom-properties, colors, contrast, windows
Building Your Own Nodemon (ano)395
nodejs, monitoring, functionality
UX Strategy: Definition and Components (nng)394
user-experience, strategies
Authorization in a Microservices World393
microservices, authorization
Typography in Design Tokens for Figma and Code392
typography, design-tokens, tooling, figma
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta)391
how-tos, css, math, functions
Why Is Dark Mode So Captivating?390
dark-mode
The Web Doesn’t Have Version Numbers (mic)389
versioning, web
Performance Tests on Common JavaScript Array Methods (hac)388
performance, testing, javascript, arrays
Alt-Text Selfies387
websites, accessibility, alt-text, community
How Do I Resolve Merge Conflicts? (bla)386
version-control, git, command-line
Migrating Our Monorepo to Yarn 2385
monorepos, yarn, migrating
On the Weaponisation of Open Source (ben)384
foss, dependencies, mongodb, nodejs
Google Calendar Webhooks With Node.js383
google, webhooks, nodejs
Identifying Fonts: The Complete Guide382
guides, fonts, typography
Guidance on Web Accessibility and the ADA381
accessibility, ada, legal
Optimizing SVG Patterns to Their Smallest Size (css)380
svg, images, performance
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)379
how-tos, drag-and-drop, file-handling, vuejs, javascript
4 Accessibility Mistakes Plaguing Most Government Websites (mgi)378
accessibility, mistakes
Introduction to Bulma: A Simple and Intuitive CSS Framework377
introductions, bulma
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (vle)376
videos, html, accessibility, performance
The Future of the Web and Accessibility (tim/deq)375
videos, web, accessibility
A Quick Guide to Closures374
guides, javascript, closures
What Is Platform Engineering?373
platform-engineering, concepts
Building a Loading Bar Component (arg)372
components, html, css, javascript
How to Empathize With Your Users371
how-tos, design, usability, user-experience
What Every Good README Should Contain370
documentation
All HTML and CSS Cheatsheets in One Place369
html, css, cheat-sheets
What Makes You a Professional Web Developer (j9t)368
career, professionalism
How to Prep Your SEO Strategy for a New Website (moz)367
how-tos, seo, strategies
Accessibility, Assistive Technology, and JavaScript (cfe)366
accessibility, assistive-tech, javascript
Perceptually Uniform Color Models and Their Implications365
colors, color-palettes
A Designer’s Guide to Documenting Accessibility and User Interactions (ste)364
guides, accessibility, interaction-design, documentation
Don’t Believe the Type! (gar+/deq)363
videos, accessibility, typography, readability, fonts
What Are Micro-Frontends?362
micro-frontends
CSS-Tricks Is Joining DigitalOcean (chr/css)361
css-tricks, digitalocean
The Weirdly Obscure Art of Streamed HTML360
html, streaming, performance
Prevent Technical Debt With These 3 Strategies359
technical-debt
React Best Practices and Patterns to Reduce Code358
react, optimization, best-practices
Making the World’s Fastest Website, and Other Mistakes357
performance, mistakes
Implementing JavaScript Delay for Cookie Consent Banner356
javascript, cookies, consent-management, legal
CSS-Tricks Joins DigitalOcean, Expanding Our Commitment to Community (dig)355
css-tricks, digitalocean
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)354
how-tos, html, javascript
When or If (mey)353
css
In Defense of Sass (5t3)352
preprocessors, sass
It Needs to Map Back to a Role (eri)351
accessibility, aria, html, semantics
Aligning Content in Different Wrappers (sha)350
html, css, alignment
Explaining Micro Frontends as Simply as Possible349
micro-frontends
Tao of Node—Design, Architecture, and Best Practices (ale)348
nodejs, architecture, best-practices
Update Node Dependencies Automatically, Selectively, or Incrementally347
nodejs, dependencies, npm, yarn
Giving New Meanings to the Color Functions in CSS (alv)346
css, colors, functions
20 Productivity Tips From Developers to Developers345
productivity, tips-and-tricks
How to Use Spectator to Test Your Angular Components344
how-tos, testing, tooling, angular, components
The Future of Web Accessibility: WCAG 3.0 (for)343
accessibility, wcag, standards
Where TypeScript Excels342
videos, typescript
Horizontal Scrolling Nav (mdo)341
javascript, scrolling
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
CommonJS (CJS) and Modules (ESM): Import Compatibility338
javascript, typescript, commonjs, esm
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
Accumulation of Tech Debt (mfo)335
technical-debt
Carousels: No One Likes You334
carousels, accessibility, usability, user-experience
You Don’t Always Need a CMS333
content-management
Digging Into CSS Media Queries (kil+)332
videos, css, media-queries
An Introduction to User Journey Maps (ste)331
introductions, design, usability, user-experience
A Look at the Dialog Element’s Super Powers (ste)330
modals, html, javascript
WebGPU—All of the Cores, None of the Canvas (sur)329
apis, canvas, rendering
Ten Years of Page Bloat: What Have We Learned? (spe)328
performance, web-vitals, user-experience
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (pro)327
introductions, user-experience, internationalization, localization
Session Timeouts (pat/tet)326
accessibility, user-experience, time
10 Amazing Games to Learn CSS325
css, learning
A New Speed Milestone for Chrome324
browsers, chrome, performance
An Introduction to AWS CloudFront Functions (hon)323
introductions, aws, cloudfront, functions, content-delivery
Using HTTPS in Your Development Environment322
security, http, environments
Moderated Versus Unmoderated Usability Testing (uxm)321
usability, testing, comparisons
Performance Signals for Customizing Website UX (tun/sma)320
performance, user-experience, web-vitals, customization
7 Ways to Achieve a Faster Core Web Vitals Score (hac)319
performance, web-vitals
Designing the User Experience of a Rating System318
design, user-experience
Optimizing a Web Site for Google’s New UX Criteria (uxm)317
optimization, seo, user-experience, google
My Dev Content Creation Journey and Tips for Starting Yours (5t3)316
content, marketing, developer-relations, tips-and-tricks
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)315
javascript, naming, refactoring
Alternatives to Pagination on Product-Listing Pages (nng)314
design-patterns, usability, navigation, pagination
Why I Avoid “async”/“await”313
javascript, asynchrony
The Basics—Generics in PHP312
videos, fundamentals, php, generics
Creating Native Web Components (cod)311
web-components, javascript, html
Remix vs. Next.js310
remix, nextjs, comparisons
Dive Into Node.js Streams (nod)309
nodejs, streaming
How to Design Better APIs308
how-tos, software-design, apis
It’s Always Been You, Canvas2D307
html, css, canvas, javascript
The Best Design System Is No System306
design-systems
Accessibility and Limited Fine Motor Skills305
accessibility
How to Prevent SQL Injection Attacks in Node.js304
how-tos, nodejs, databases, security, sql
Building Web Layouts for Dual-Screen and Foldable Devices (sea/sma)303
css, layout, responsive-design
The Importance of Screen Reader Software for Web Navigation302
accessibility, screen-readers, navigation
Interop 2022: Browsers Working Together to Improve the Web for Developers (rob+)301
browsers, support, interoperability
Progressive Enhancement, the New Hotness (cfe)300
progressive-enhancement
Taming CSS Variables With Web Inspector (web)299
css, custom-properties, browsers, tooling
How Do Primitive Values Get Their Properties? (rau)298
javascript
How to Make a “Raise the Curtains” Effect in CSS (cit/css)297
how-tos, css, effects
How to Use Higher-Order Functions in JavaScript296
how-tos, javascript, functions
How Many Hyperlinks Are Too Many for Accessibility?295
accessibility, links
New CSS Features in 2022 (mic/sma)294
css
Simple Color System for Complex Digital Interfaces293
websites, design-systems, colors, complexity
What’s Really Going On Inside Your node_modules Folder? (soc)292
nodejs, npm, dependencies
Foundations: Headings (ihe/tet)291
accessibility, fundamentals, html, headings, semantics
HTML Tips and Tricks290
html, tips-and-tricks
(Not So) Short Note on Being Owned (ste)289
html, aria, accessibility
A Recipe for a Good Design System (ati/sma)288
design-systems
How to Publish Deno Modules to npm (kit/den)287
how-tos, deno, modules, dependencies, npm
5 Things You Don’t Need JavaScript For286
javascript
Essential Cryptography for JavaScript Developers285
books, cryptography, javascript
Accessibility Checklist: Five Things Usually Left Out284
accessibility, checklists
How to Build a File Upload Service With Vanilla JavaScript (log)283
how-tos, file-handling, javascript
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)282
html, css, web-components
CSS “content” Property281
css
Higher-Order Components in React Hooks Era (ade)280
components, react, hooks
Should Frontend Devs Care About Performance?279
performance
Importing ES6 Modules Over HTTP/HTTPS in Node.js278
esm, http, nodejs
Solid.js Feels Like What I Always Wanted React to Be277
frameworks, react, solidjs
Top 2021 CSS Frameworks Report: The CSS File Sizes (cit)276
studies, research, frameworks, css, performance
How I Structure My React Projects275
react, architecture
Overlay Position and Recommendations274
accessibility, overlays
4 Simple Ways to Improve Web Accessibility273
accessibility, optimization
When to Avoid the “text-decoration” Shorthand Property (sim/css)272
css, shorthands
Screaming Architecture—Evolution of a React Folder Structure271
react, architecture
Deploying a React Application to Netlify270
deploying, web-apps, react, netlify
Accessibility and Inclusivity in Practice269
podcasts, accessibility, dei
Understanding Dependencies Inside Your package.json (nod)268
nodejs, dependencies, npm, yarn
Moving From Next to Remix267
frameworks, nextjs, remix, comparisons
Can You Get Pwned With CSS?266
css, security
Improving a CDN’s Cache Hit Ratio (erw)265
content-delivery, performance, caching
HTML Comments Work in JavaScript Too264
javascript, html, comments
A Complete Guide to CSV Files in Node.js (log)263
guides, file-handling, nodejs, csv
How to Make MPAs That Are as Fast as SPAs (cfe)262
how-tos, performance, multi-page-apps, single-page-apps
5 Accessibility Quick Wins You Can Implement Today (css)261
accessibility
How to Fix Your Security Vulnerabilities With npm Override260
how-tos, security, vulnerabilities, npm, dependencies
Container Queries, the Next Step Towards a Truly Modular CSS259
videos, css, container-queries
SPAs Were a Mistake (cfe)258
single-page-apps, mistakes
What Is Responsible JavaScript? (mal+/sma)257
podcasts, javascript
How to Prioritize Your Components (zer)256
how-tos, design-systems, components, prioritization
Turning the Tables on Accessibility (the)255
accessibility
Design Systems in Figma: How to Be More Productive254
how-tos, design-systems, figma, productivity
Support for Marking Radio Buttons Required, Invalid (aar)253
accessibility, html
Comparing Gatsby and Next.js for Website Development252
gatsby, nextjs, comparisons, site-generators
Reliably Send an HTTP Request as a User Leaves a Page (css)251
http, reliability
15 Useful Placeholder Tools for Designers and Developers250
tooling, images, content, placeholders, testing, link-lists
Component Tokens and Themes Example (to Learn Figma Tokens) (fig)249
design, theming, design-tokens, components, figma
The Case for Adding Validation State to Your Design Tokens (eri)248
design-tokens, validation
Inclusive Design vs. Accessible Design: Understanding the Differences247
accessibility, dei, design, comparisons
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results246
images, favicons, google, seo
How Websites Die245
web, link-rot
Writing Logic in CSS (iam)244
css
A Complete Guide to CSS Cascade Layers (mia/css)243
guides, css, cascade
Design System: How to Successfully Collaborate?242
how-tos, design-systems, collaboration
CSS Quick Tip: Animating in a Newly Added Element (5t3)241
css, animations, tips-and-tricks
Let’s Get Inclusive: Designing Products for Everyone (uxm)240
design, dei
Invisible Characters239
websites, unicode
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
How to Consume Microformats2 Data (mic)236
how-tos, microformats, parsing, json, comparisons
Minimum Static Site Setup With Sass (5t3)235
sass
React State Management Libraries in 2022234
react, state-management, libraries
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, asynchrony
Using “mask” as “clip-path”231
svg, css, masking
Core Web Vitals: What Next? (moz)230
performance, web-vitals, seo
JavaScript Obfuscation: The Definitive Guide (2022)229
guides, javascript, obfuscation
Comparing Node JavaScript to JavaScript in the Browser (css)228
javascript, nodejs, browsers, comparisons
Structuring Documentation in Multi-Brand Design Systems (amy)227
design-systems, documentation
Flexbox Dynamic Line Separator (sha)226
css, flexbox
What Makes Writing More Readable?225
writing, readability
Web Developers and Cognitive Biases224
productivity, career
How-To: Correctly Test for Python’s Version (tab)223
how-tos, python, testing, versioning
How to Create a Search Page for a Static Website With Vanilla JS (cfe)222
how-tos, functionality, search, html, javascript
Fallacies of AI Driven Coding (yeg)221
ai
The State of JavaScript 2021 [Results] (sac/dev)220
surveys, metrics, javascript
Browsers for People Who Just Want a Browser (nei)219
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”218
javascript, fundamentals, career
An Auto-Filling CSS Grid With Max Columns of a Minimum Size (css)217
css, grids, layout
7 Lessons I’ve Learned in the Last Year as a Software Engineer216
lessons, career
What Is the Difference Between WCAG Compliance Level A, AA, and AAA?215
accessibility, wcag, compliance
Track Down the JavaScript Code Responsible for Polluting the Global Scope214
javascript, scope
Colors That Make Sense213
accessibility, semantics, colors
The Basics of package.json (nod)212
fundamentals, nodejs, dependencies, npm, yarn
Foundations: Colour and Meaning (ihe/tet)211
accessibility, fundamentals, colors
Introducing Progressive Web Apps (nit)210
introductions, progressive-web-apps, web-apps
Version 100 in Chrome and Firefox (moz)209
browsers, support, chrome, firefox
Never, Ever, Ever Use Pixelation for Redacting Text208
content, images, obfuscation, security
10 Mental Models Developers Can Use to Get Unstuck207
productivity
WCAG 2.2 Update206
accessibility, wcag
7 Killer One-Liners in JavaScript205
javascript
The Entire Cascade (as a Funnel) (mia)204
code-pens, css, cascade
Functions and the Future of Design Systems203
design-systems
WebDex: Web Specs Index (don)202
terminology, standards
Hello, CSS Cascade Layers (sha)201
css, cascade
Introducing PHP: A Beginner’s Guide200
introductions, guides, php
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)199
html, semantics, naming
Using the Language Attribute to Make Your Website Accessible (cra)198
attributes, accessibility, localization, internationalization
Multi-Value CSS Properties With Optional Custom Property Values (css)197
css, custom-properties
Moving From JavaScript to TypeScript196
javascript, typescript
Release Notes for Safari Technology Preview 140 (jon/web)195
release-notes, safari, browsers
How to Keep Your Repo Package Dependencies Up to Date Automatically194
how-tos, dependencies, tooling, github-actions
MHTML in Chromium (eri)193
html, browsers
Building an Adaptive Favicon (arg)192
images, favicons
How to Make CSS Slanted Containers (css)191
how-tos, css
Accessibility Monitoring: How We Test190
accessibility, monitoring, testing, case-studies
Everything Publishers Need to Know About URLs189
seo, urls, naming
What I Learned Implementing a Design System for an Existing Product (pro)188
design-systems, lessons
Only 2% of Sites Meet Accessibility Standards—Let’s Change That187
accessibility
The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site186
performance, compression, brotli, gzip
How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design185
design, layout, grids, content
Debugging JavaScript (fla)184
javascript, debugging
Aspect Ratio Is Great (mic)183
css, aspect-ratio, layout
This Is Why Your Node.js Application Is Slow182
performance, nodejs
Developing a Focus Style for a Themable Design System181
accessibility, design-systems, theming, focus
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)180
modals, html, semantics
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)179
javascript
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)178
javascript, events
Creating Generative SVG Grids (tro)177
javascript, svg, grids
Introducing the Dialog Element (web)176
introductions, html, modals
Accessibility Testing Best Practices in CI/CD175
accessibility, testing, ci-cd, best-practices
Do We Need Screen Reader for Accessibility Testing174
accessibility, testing, screen-readers
CSS Animations Tutorial: Complete Guide for Beginners (the)173
tutorials, guides, css, animations
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)172
how-tos, images, favicons
Modern, Single-Page Web Design: UX Design Trends and Tips (uxm)171
design, user-experience, trends
How to Create a UX Vision Statement (nng)170
how-tos, user-experience
UX and User Personas: How to Get It Right169
user-experience, usability, personas
How to Use the Accessibility Tree for A11Y Testing168
how-tos, accessibility, testing
Are We Live? (sco)167
accessibility, aria
Foundations: Colour Contrast (ihe/tet)166
accessibility, fundamentals, colors, contrast
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)165
frameworks, javascript, react
Design System Versioning: Single Library or Individual Components? (bra)164
design-systems, versioning
Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements163
accessibility, conformance, testing
Introducing Wolvic (iga)162
introductions, wolvic, browsers, xr
Custom Markdown Components in 11ty (ale)161
eleventy, markdown, functionality
No Accessibility Without Disabilities (yat)160
accessibility, user-experience
HTML Cheat Sheet—HTML Elements List Reference (fre)159
html, semantics, examples, cheat-sheets
8 Key Elements for Creating a Culture of Accessibility158
accessibility, culture
The Impact of Motion Animation on Cognitive Disability (tpg)157
accessibility, css, javascript
Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (mic/sma)156
social-media, embed-code, sustainability, performance
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)155
javascript, frameworks, hydration
State of Frontend 2022154
surveys
Settings Are Not a Design Failure153
design, usability, user-experience
Grow Your Design System From Good to Great152
design-systems