Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2024” News Archive (3)

Entry (Sources) and Additional TopicsDate#
6 Techniques I Use to Create a Great User Experience for Shell Scripts2,227
shell, techniques, user-experience
Express.js 5.0 Released After Long Delay, Though Not Yet Default as Project Appeals for Contributors2,226
express
Google Is Killing Information Economics on the Internet (tre)2,225
google, ai, economics
How to Find the Accessible Name of a Button With Google Chrome (eri)2,224
how-tos, accessibility, buttons, chrome, google, browsers, dev-tools
React 19 Cheat Sheet (ken)2,223
cheat-sheets, react
Something Went Wrong (mol)2,222
javascript, frameworks, community, developer-experience, user-experience
Split Effects With No Content Duplication (ana/fro)2,221
css, effects, maintainability
Standalone Components Are the Future2,220
videos, angular, components
Verso Taking Shape as a Servo-Powered Web Browser2,219
browsers, verso, servo
Why Copilot Is Making Programmers Worse at Programming2,218
ai, github-copilot, craft, quality, programming, career
Logical Properties in Size Queries (mic)2,217
css, logical-properties, container-queries
Anchor Positioning Quirks (mon/css)2,216
css, anchor-positioning
Chrome Ends Support for First Input Delay (rvi/dev)2,215
browsers, google, chrome, performance, web-vitals, support
Designing Design Systems: Supporting Implementation and Adoption2,214
design-systems
From Node.js to Deno: How It All Began (tin)2,213
videos, nodejs, deno, javascript, runtimes, history
Stop Recreating the Wheel: Local Government Organizations Sharing Accessibility Information (equ)2,212
podcasts, interviews, accessibility, processes, vpat-acr
The Easiest Way to Start Working With OKRs (cwo)2,211
okr, processes, prioritization
The Neverending Story (gar)2,210
web-platform, standards, frameworks, libraries, tooling
Tips for Reducing Cyclomatic Complexity (tre)2,209
complexity, tips-and-tricks, best-practices, programming
Top 10 Angular Architecture Mistakes You Really Want to Avoid2,208
angular, architecture, mistakes
WCAG and Accessibility Beyond Naive Misconceptions (ope)2,207
accessibility, wcag, testing, auditing
What Price? (ada)2,206
ai, sustainability, prioritization
Features of Your Font You Had No Idea About (ole)2,205
fonts, variable-fonts, css
A Web Component for CodePen Embeds? (mia)2,204
web-components, embed-code, codepen
Create a Toggle Switch in React as a Reusable Component2,203
react, components, toggles, sass, maintainability, functionality
CSS Triggers (and)2,202
websites, css, rendering
Ensuring the Staying Power of User Experience in Your Organization (uxm)2,201
user-experience, processes, culture
GitHub Trick to Find the Commit That Deleted a File (mic)2,200
git, github
JavaScript Promises in Depth With V8 Engine Internals2,199
javascript, promises, v8
More npm Packages on Cloudflare Workers: Combining Polyfills and Native Code to Support Node.js APIs (jas+/clo)2,198
cloudflare, nodejs, npm, apis, dependencies
The Undeniable Utility of CSS “:has” (jos)2,197
css, selectors, examples
Time Travelling CSS With “:target” (css)2,196
css, selectors
What Does Hydration Mean? (chr/fro)2,195
hydration, concepts, javascript, html, dom
How to Build an AI-Driven User Research Repository (uxd)2,194
how-tos, user-experience, research, ai
Building the Same App Using Various Web Frameworks2,193
fasthtml, nextjs, sveltekit, frameworks, comparisons
Data Centers Are Eating and Drinking Our Environment (ger)2,192
storage, hosting, sustainability
Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App2,191
data-structures, algorithms, react
Going Buildless (mxb)2,190
building, components, html
Manual ’Till It Hurts (ada)2,189
building, simplicity
“setImmediate()” vs. “setTimeout()” in JavaScript (tre)2,188
javascript, time, comparisons
Simplicity2,187
simplicity, design
Story of a Button2,186
buttons
The State of ES5 on the Web (phi)2,185
ecmascript, javascript, tooling, support
Gaining Access to Anyone’s Browser Without Them Even Visiting a Website2,184
arc, the-browser-company, browsers, vulnerabilities, security
The Secrets of the “delete” Operator in JavaScript2,183
javascript, operators
Unrealistic Deadlines in Software Engineering (tre)2,182
project-management, prioritization, quality, engineering-management
Overcoming Challenges in Micro-Scrum Implementation2,181
agile, scrum, processes
A Compelling Case for the Comma Operator2,180
javascript, operators
A Complete Guide to Beginning With TypeScript (fro)2,179
guides, typescript, link-lists, learning
caniuse-cli (bra)2,178
packages, npm, support, browsers, web-platform, caniuse, command-line
Deploying a Next.js App to Production in Any Server2,177
deploying, nextjs
“display: contents” Is Not a CSS Reset (aar)2,176
css, accessibility, resets
How to Create a Weekly Google Analytics Report That Posts to Slack (sma)2,175
how-tos, google, analytics, apis, slack, documentation, functionality
How to Detect Broken Links With Playwright (ste)2,174
how-tos, link-rot, testing, playwright
I Need an Accessible Hero2,173
accessibility, design-patterns
Look Out, Kids: PHP Is the New JavaScript (dav)2,172
php, javascript, laravel, frameworks
Mobile Accessibility Testing: Enhancing User Experience for All (a11)2,171
accessibility, user-experience, testing, mobile
Quick Tip: Using “flatMap()” to Extract Data From a Huge Set Without Any Loop (cod)2,170
javascript, arrays, tips-and-tricks
The Goal Isn’t to Write Less Code (cfe)2,169
embed-code, ai, craft
Understanding JavaScript Closures With Examples (tre)2,168
javascript, closures, examples
CSS Cascading and Inheritance Level 6 (fan+/w3c)2,167
standards, css, cascade
UX Design Isn’t Dead, You’re Just Confused (uxd)2,166
user-experience, design, career
Design Systems Should Do Less (uxd)2,165
design-systems, simplicity, components
Bad CSS-Dad Jokes (alv)2,164
css
CSS Display Contents (sha)2,163
css, layout
Good Software Development Habits2,162
programming, best-practices
Inlay Hints Make It Easy to Read Code in VS Code (ami)2,161
code-editors, microsoft, vs-code, developer-experience
JavaScript/Python Array Quick Reference (8ho)2,160
javascript, python, arrays, overviews
Sticky Headers and Full-Height Elements: A Tricky Combination (sma)2,159
css, techniques
The Helpful Content Update Was Not What You Think (moz)2,158
seo, metrics, google
The HTML History and Optimization Cheat Sheet (j9t)2,157
html, history, optimization, cheat-sheets
The Story of Figma: Living Long Enough as a Hero to Become a Villain? (uxd)2,156
figma
A Complete Guide to Beginning With JavaScript (fro)2,155
guides, javascript, link-lists, learning
A Release Note for the Web Platform (pat)2,154
web-platform, developer-experience, css, alt-text, ecmascript
Avoiding Accessibility Barriers With a Checklist for Custom Controls—Opinion2,153
accessibility, mobile
Cleaning and Speeding Up the JS Ecosystem—Journey So Far2,152
javascript, optimization
Dreaming About Drupal [and] Its Long Term Potential2,151
drupal, outlooks
Should Form Labels Be Wrapped or Separate? (sib/tpg)2,150
html, forms, labels, accessibility, browsers, assistive-tech
Tailwind CSS Config With ESM Imports (lia)2,149
tailwind, configuration, esm
What’s New in React 192,148
react, vercel
Writing Effective Pull Request Descriptions: A Developer’s Guide2,147
guides, version-control, documentation, code-reviews, collaboration
Notes on Setting Up a Static Website With AWS (Route 53, S3, ACM) (j9t)2,146
aws, s3
Present Technical Information Using a Storytelling Framework (nza)2,145
documentation, communication, writing
Another Stab at Truncated Text (geo/css)2,144
design, accessibility, usability, css
Paying Down Tech Debt (ger)2,143
technical-debt, prioritization, productivity
Quick Guide to Web Typography for Developers (ole)2,142
guides, typography, fonts, examples
Sanding UI (jim)2,141
forms, usability
Tackling a System’s Accessibility Without Testing (jbu+)2,140
accessibility, wcag, case-studies, heuristics
Thinking About Using AI? (mrc)2,139
research, ai, sustainability
Under-Engineered Estimated Reading Time Feature (aar)2,138
user-experience, scrolling
10 AI Dangers and Risks and How to Manage Them (rin)2,137
ai, security, privacy, sustainability, legal
Ugly Websites Sell Better2,136
design, processes, testing, optimization
“AggregateError” in JavaScript (tre)2,135
javascript, errors
Backgrounds for the Box Model (and Why It Can Be Useful) (chr/fro)2,134
css, box-model, backgrounds
Captured Custom Properties (kiz)2,133
css, custom-properties
CSS “@ property” and the New Style (hex)2,132
css
How to Deploy Node.js to AWS Lambda With OpenTofu and GitHub Actions2,131
how-tos, deploying, nodejs, aws, serverless, lambda, github-actions, tooling, link-lists
HTML Whitespace Is Broken (dev)2,130
html, whitespace
llms.txt2,129
websites, ai, crawling, scraping
Scroll-Enhanced Experiences (car/css)2,128
videos, css, scrolling
What Is React.js? (hey)2,127
videos, react
Skeleton Screens vs. Progress Bars vs. Spinners (nng)2,126
videos, user-experience, performance, placeholders, progress-indicators
Be Careful When Using Generative Artificial Intelligence to Produce Code (cer)2,125
accessibility, ai, code-generation
Get Window Size in Pure CSS2,124
css, techniques
I Want the Read Write Suggest-Edit Accept-Edit Update Web (tan)2,123
web, indieweb
Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster2,122
performance, lazy-loading, web-vitals, angular, single-page-apps
Semi-Annual Reminder to Learn and Hire for Web Standards (aar)2,121
learning, fundamentals, standards, html, css
What It Is Like to Work in Meta’s (Facebook’s) Monorepo2,120
facebook+meta, monorepos
How I Created a 3.78 MB Docker Image for a JavaScript Service2,119
docker, javascript
Reducing UX Debt (or Die Trying) (uxd)2,118
user-experience, design-debt
An Enhancement to Accessible Responsive Tables (tem)2,117
accessibility, tables, responsive-design, javascript
An SSR Performance Showdown (mco)2,116
server-side-rendering, performance, vuejs, svelte, solidjs, preact, react, comparisons
Automattic Launches Ambitious Tumblr Migration to WordPress2,115
automattic, wordpress, migrating
Faster Pages With React2,114
react, performance
Headings (web)2,113
html, headings, accessibility
Java Optionals (ada/fro)2,112
java
Understanding Web Storage: localStorage, sessionStorage, and Cookies2,111
browser-storage, cookies, javascript
A/B Testing 101 (nng)2,110
introductions, testing, usability, user-experience
Supporting AVIF in Google Search (joh)2,109
google, search, avif, images, support
Caching Demystified: Inspect, Clear, and Disable Caches (jec/dev)2,108
videos, caching, debugging, dev-tools, chrome, google, browsers
CSS Style Observer (bra)2,107
packages, npm, css
Drupal 11: New Features to Empower Ambitious Site Builders2,106
drupal
Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency2,105
videos, ai, microsoft, tooling, accessibility, images, alt-text
Hidden Cost of Frontend Frameworks2,104
frameworks, dependencies, simplicity
HTTP 1 vs. HTTP 2 vs. HTTP 32,103
videos, protocols, http, history, comparisons
New to the Web Platform in August (rac/dev)2,102
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
OpenAI Is Shockingly Good at Unminifying Code2,101
ai, openai, javascript, minification
Paragraphs (sco)2,100
html, accessibility
Python Developers Survey 2023 Results (jet)2,099
surveys, python
Querying the Color Scheme (kiz)2,098
css, container-queries, custom-properties, dark-mode
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)2,097
videos, guides, aria, html, accessibility
When Regex Goes Wrong (tre)2,096
regex
Why I Don’t Block AI Scrapers (j9t)2,095
ai, scraping, robotstxt
Why Playwright Is Less Flaky Than Selenium (sea)2,094
testing, flakiness, playwright, selenium, comparisons
Stuck in the Steps? (uxd)2,093
design, processes
Boost Your Productivity: Essential IntelliJ Tips for Developers2,092
intellij-idea, jetbrains, code-editors, productivity, tips-and-tricks
Anchor Positioning (tab/css)2,091
videos, css, anchor-positioning
Chris Ferdinandi on ADHD, Focus, and Working in Tech (cfe+)2,090
podcasts, interviews, career
How to Handle Errors in Next.js for Node With the App Router (app)2,089
how-tos, errors, nextjs, nodejs
IndieWeb vs. Indie Web (fyr)2,088
web, indieweb, terminology, comparisons
Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations (pav)2,087
nodejs, multithreading, memory
Release Notes for Safari Technology Preview 202 (jon/web)2,086
release-notes, browsers, apple, safari
The “aside” Element (hey)2,085
html, semantics, accessibility
The Dialog Element With Entry and Exit Animations (chr/fro)2,084
modals, css, animations
The Secret Inside One Million Checkboxes2,083
html, databases, community
The Ultimate Guide to Font Performance Optimization (deb)2,082
guides, fonts, performance, optimization
What’s Missing From HTML and CSS? (rac/dev)2,081
html, css
JavaScript Generators Explained, but on a Senior-Level (jan)2,080
javascript, functions
Building Better Logins: A UX and Accessibility Guide for Developers (uxd)2,079
guides, user-experience, accessibility
A Comprehensive Guide to Understanding TypeScript Record Type2,078
guides, typescript
Advanced Playwright Techniques for Flawless Testing (deb)2,077
videos, testing, playwright, techniques
How to Use React Compiler—a Complete Guide (fre)2,076
how-tos, guides, react, compiling
Interface Segregation Principle in React2,075
principles, solid, react
Make Me One (Input) With Everything (mor/mat)2,074
html, forms, accessibility, simplicity
Shipping Tumblr and WordPress2,073
migrating, wordpress
Are Design Systems Just a Bandaid? (uxd)2,072
design, design-systems, product-management
Generating Unique Random Numbers in JavaScript Using Sets (sma)2,071
javascript, randomness
Has the IndieWeb Become Irrelevant? (sta)2,070
indieweb, web, fediverse
How to Easily Add Dark Mode to Your Website2,069
how-tos, dark-mode, html, css, javascript, functionality
How to Fix ESLint Violations With AI Assistance2,068
how-tos, eslint, ai, automation
Ladybird Browser: First Impressions and Easy Installation Guide2,067
guides, browsers, ladybird, installing
Set Up a $4/Month Hetzner VM to Skip the Serverless Tax2,066
servers, serverless, hosting
What Skills Should You Focus on as Junior Web Developer in 2024? (fro)2,065
career, fundamentals, html, css, javascript, frameworks, tooling, learning, link-lists
Is Server-Side Rendering Making a Comeback in 2024? (ele/des)2,064
server-side-rendering
Managing Angular (mge)2,063
angular, product-management, processes
What RSS Needs (mno)2,062
syndication, rss, atom, community
DevOps Project—the Ultimate CI/CD Corporate DevOps Pipeline Project2,061
dev-ops, ci-cd, aws, docker, jenkins
WCAG’s A and AA Distinction Is Mostly Academic (yat)2,060
accessibility, wcag, standards
Why Is Reaching WCAG Level AAA Not Recommended? (cer)2,059
accessibility, wcag, standards
Behind the Scenes: The Making of VS Code (bur+/vsc)2,058
videos, code-editors, microsoft, vs-code, history
Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail?2,057
discussions, accessibility, html, attributes, forms, labels, aria, alt-text, images
Mutation-Testing Our JavaScript SDKs (sen)2,056
javascript, testing, case-studies
Top Ten Git Tips and Tricks (hon)2,055
git, tips-and-tricks, command-line
Understanding Vue’s Suspense (tre)2,054
vuejs
Wolvic 1.7 Released (wol)2,053
release-notes, wolvic, igalia, browsers
Content Strategy: Study Guide (nng)2,052
guides, content, content-strategy, training, link-lists
Explicitly State the Difference Between Options (nng)2,051
usability, information-design
Improving the Screen Reader Experience for “Learn WCs” (and)2,050
accessibility, user-experience, screen-readers, assistive-tech, apple, voiceover, case-studies
Mastering Typography in Logo Design (sma)2,049
typography, design, images, logos
Raw-Dogging Websites (bra)2,048
html, css, javascript, tech-stacks
Spoiler Alert: It Needs to Be Accessible (sco)2,047
accessibility, html, web-components, aria
The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (and)2,046
css, animations, performance
The Only Widely Recognized JavaScript Feature Ever Deprecated (tre)2,045
javascript, history, deprecation
Fluid Typography in Design Systems: From Design to Code (fel/uxd)2,044
typography, design, design-systems, design-tokens
The Top Programming Languages 2024 (iee)2,043
programming, comparisons, python, java, javascript, typescript, sql, go, html, php, lua
Amazon Cloud CEO Predicts a Future Where Most Software Engineers Don’t Code—and AI Does It Instead2,042
ai, outlooks, career
Basic Keyboard Shortcut Support for Focused Links (eri)2,041
links, focus, support, browser-engines, keyboard-shortcuts, accessibility
Can You Convert a Video to Pure CSS?2,040
multimedia, conversion, css, javascript
Configuring SSH Keys for Multiple GitHub Accounts (ste)2,039
github, ssh, authentication, configuration
Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations (css/fro)2,038
sliders, css, anchor-positioning, scrolling, animations, forms
Double Your Specificity With This One Weird Trick (cir)2,037
css, selectors, cascade, tips-and-tricks
Elastic Overflow Scrolling (css)2,036
css, overflow, scrolling
Exposing Internal Methods on Vue Custom Elements (jai)2,035
vuejs, javascript
Foundations: Labelling Text Fields With Input and Label (tet)2,034
accessibility, fundamentals, forms, labels, html
Google Quietly Launches New AI Crawler (sea)2,033
google, ai, crawling, robotstxt
How to Create an npm Package (mat)2,032
how-tos, npm, dependencies
Inside ECMAScript: JavaScript Standard Gets an Extra Stage (mar/the)2,031
ecmascript, javascript
Tailwind Balances Abstraction and Transparency2,030
tailwind
The Monospace Web2,029
fonts, design
Understanding WCAG 2.1’s Success Criteria 1.4.10 Reflow (mni)2,028
accessibility, wcag, reflow, zooming
Web Security: Shaping the Secure Web (set/w3c)2,027
web, security, w3c
5 Wasm Use Cases for Frontend Development (ele/des)2,026
guest-posts, webassembly, security, performance
Batteries Included Accessibility: A Pragmatic Guide to Get Started Today2,025
videos, guides, introductions, accessibility
Common Misconceptions About How to Optimize LCP (dev)2,024
performance, web-vitals, metrics, optimization
Core Concepts to Understand in WordPress Theme Development (kin)2,023
wordpress, theming
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)2,022
guides, accessibility, html, aria, alt-text, writing, screen-readers
How to Create a Shortcode in WordPress (in 7 Steps)2,021
how-tos, wordpress
How to Make Your Web Page Faster Before It Even Loads (whi/sen)2,020
how-tos, performance, web-vitals
Igalia Chats: The Coming Adpocalypse (bka+/iga)2,019
podcasts, browsers, monetization, economics
JS Dates Are About to Be Fixed (iag)2,018
javascript, ecmascript
React Is (Becoming) a Full-Stack Framework (rwi)2,017
react, frameworks
Regexes Got Good: The History and Future of Regular Expressions in JavaScript (sma)2,016
regex, javascript, history
Ryan Dahl Explains Why Deno Had to Evolve With Version 2.0 (tin)2,015
podcasts, interviews, deno, runtimes
State of CSS 2024 (sac/dev)2,014
surveys, css
The Case for a Better Web (uri)2,013
web, link-lists
Wasp: The JavaScript Answer to Django for Web Development2,012
wasp, django, comparisons
What Is Incident Response?2,011
incident-response, security, overviews
Stop Using Margin Top—use Margin Bottom and Gap Instead (tom)2,010
css, margins, spacing
From RPGs to UX: How Progress Indicators Affect User Engagement (uxd)2,009
user-experience, design, progress-indicators
Top 5 HTML Features You’re Not Using (but Should Be)2,008
html
10 Python Programming Optimisation Techniques2,007
python, optimization, techniques
Accessibility Specialists Warn Against Using AI for Alt Text2,006
accessibility, alt-text, images, ai
Cache Grab: How Much Are You Leaving on the Table? (css)2,005
performance, caching
Center Items in First Row With CSS Grid (hex)2,004
css, grids, layout, centering
How Did We Test Hundreds of Landing Pages2,003
testing, landing-pages
How Good UX Design Can Transform Lead Generation (uxm)2,002
design, user-experience, user-conversion
How to Browse the Web in Your Linux Terminal With Lynx2,001
how-tos, lynx, browsers, command-line, unix-like
Line Numbers for “<textarea>” Using SVG (sto)2,000
forms, javascript, svg
The CSS “contain” Property (pre/fro)1,999
css, container-queries
The “Other” C in CSS (sar/css)1,998
videos, css, accessibility
The Role of Sound Design in UX Design: Beyond Notifications and Alerts (uxm)1,997
design, user-experience, multimedia
What’s New in ECMAScript 2024 (paw)1,996
ecmascript, standards
AI Paradox (j9t)1,995
ai, productivity
How Can Accessibility Improve Your Conversion Rate Optimization Efforts? (cer)1,994
accessibility, user-conversion, optimization, usability, economics
The “P” Word, Legitimacy, and Challenging Our Default Models and Frames (joh)1,993
leadership, culture
Using JavaScript Generators to Visualize Algorithms1,992
javascript, algorithms, visualization
In Defense of DRY (max)1,991
maintainability, principles, link-lists
UX Is Dead. Long Live UX. (uxd)1,990
user-experience, economics, history
A Guide to CSS Resets1,989
guides, css, resets
Algorithms We Develop Software By (gra)1,988
programming, processes, quality, best-practices
How I Design My URLs1,987
urls
Node.js Doubles Security Releases With Newly Automated Process, Re-Evaluates Unsupported Experimental Features (sar/soc)1,986
nodejs
WCAG 2.2 Summary and Breakdown (mar)1,985
accessibility, wcag, guidelines, overviews
80/20 Accessibility (mar)1,984
accessibility, principles
Good Refactoring vs. Bad Refactoring (ste/bui)1,983
refactoring, comparisons, maintenance, quality, javascript
Just Use Postgres1,982
databases, postgresql, sql, aws, dynamodb, mongodb, mysql, comparisons
Reckoning: The Way Out (sli)1,981
javascript, performance, metrics, hiring
Top 10 Web Updates From Google I/O ’24 (dev)1,980
videos, browsers, google, chrome, apis, dev-tools
What Signal Are You Sending?1,979
career, communication, culture
6 Best Local Directory Submission Tools Compared1,978
tooling, seo, link-lists
Brand New Performance Features in Chrome DevTools (deb)1,977
browsers, google, chrome, dev-tools, performance, web-vitals
Captions vs. Subtitles: Leave No Viewer Behind (mer)1,976
accessibility, captions, readability, multimedia, comparisons
Designing for Accessibility: A Checklist for Designers1,975
design, accessibility, checklists
How Are the “colspan” and “rowspan” Attributes Different? (geo/css)1,974
html, attributes, tables
How Does the Browser Render HTML? (and)1,973
browsers, browser-engines, rendering, html, dom, css, cssom, painting
How to Defend Your Design Process (vit/sma)1,972
how-tos, design, processes
How to Use nginx for Frontend Application Load Balancing1,971
how-tos, nginx, servers, load-balancing
Writing Alt Text for a Scientific Figure1,970
accessibility, images, alt-text, writing, information-design
Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (ser)1,969
design, colors, backgrounds, accessibility
Advanced Figma Components Tips and Tricks: Little Gems We Love 2024 (uxd)1,968
figma, components, tips-and-tricks
5 Questions for Tammy Everts (tam+/fro)1,967
interviews, performance, metrics, user-experience, economics
“blocking=render”: Why Would You Do That?! (css)1,966
performance, html, rendering
Django: Create Sub-Commands Within a Management Command (ada)1,965
django
How I Won $2,750 Using JavaScript, AI, and a Can of WD-401,964
javascript, ai
I Love the Web (and)1,963
web, apple
Reckoning: Caprock (sli)1,962
javascript, performance
“Smart” Layouts With Container Queries (kev/css)1,961
css, layout, container-queries
The Hidden TypeScript Hack You Need to Know1,960
typescript, hacks
Rote Learning HTML & CSS (j9t/fro)1,959
books, frontend-dogma, html, css, learning
Context Is King: Long Live the King! (llo/tpg)1,958
accessibility, usability, techniques, aria
CSS Finally Adds Vertical Centering in 20241,957
css, centering
Dev Encyclopedia1,956
websites, terminology, concepts, learning
Reckoning: Object Lesson (sli)1,955
javascript, performance, metrics
Tips for Using React Testing Library to Write Unit Tests (ato)1,954
react, testing, libraries, tips-and-tricks
45 Visual Studio Code Shortcuts for Boosting Your Productivity1,953
code-editors, microsoft, vs-code, keyboard-shortcuts
“font-size” Limbo (seb)1,952
design, typography, css
Reckoning: The Landscape (sli)1,951
javascript, performance, metrics, mobile
Relative Color Syntax—Basic Use Cases (chr/fro)1,950
css, functions, colors, browsers, support
Start Over-Engineering Your CSS (kev/css)1,949
videos, css, complexity
The “address” Element (hey)1,948
html, semantics
The Importance of Communication in Accessibility Testing1,947
accessibility, testing, communication
We’re on the Brink of Another World Browser War (fir)1,946
videos, browsers, browser-wars
Action Web Components Which Span the Server-Client Divide (jar)1,945
web-components, html, apis
ObsoHTML, the Obsolete HTML Checker (j9t)1,944
packages, npm, html, quality
The Most Important Thing to Look at When Choosing an Accessibility Auditor (kar)1,943
accessibility, auditing, vpat-acr
Things to Do Before Asking “Is This Accessible?” (aar)1,942
accessibility, terminology, communication
The Problem With Growth: Why Everything Is Failing Now (uxd)1,941
processes, agile, scrum, project-management, research
Implementing SAML SSO in Node.js With Microsoft Entra ID1,940
authentication, nodejs, microsoft, functionality
12 Best JavaScript Animation Libraries to Supercharge Your Web Projects in 20241,939
javascript, animations, libraries, link-lists
Common Causes of Memory Leaks in JavaScript (tre)1,938
javascript, memory, garbage-collection
Comparing Design Systems to Find the Best Qualities (hdv)1,937
design-systems, quality
Verso: Initial Multi-Window Support (wuy)1,936
verso, browsers
Design Patterns and WCAG (gra/tet)1,935
accessibility, design-patterns, wcag
Exploring the Possibilities of Native JavaScript Decorators (fro)1,934
javascript, software-design-patterns
JSR and Deno: Final Review (dbu)1,933
jsr, deno
Stop Versioning Your Docker Compose File1,932
docker, versioning
Attaching Notes to Git Branches1,931
git, documentation
Documentation and Migration: From Vue 2 to Vue 31,930
videos, interviews, vuejs, documentation, migrating
Good Intentions, Poor Context (tpg)1,929
accessibility, microcontent, images, buttons, links
Now in Baseline: Animating Entry Effects (una/dev)1,928
browsers, support, web-platform, css, animations
The Dying Web (mre)1,927
browsers, google, chrome, chromium, mozilla, firefox, web
We Don’t Need a Boss, We Need a Process (mia)1,926
design, leadership, processes, collaboration
When It Comes to Digital Accessibility Lawsuits, the Best Defense Is a Good Offense (deq)1,925
accessibility, legal
WOFF File Format 2.0 (w3c)1,924
woff, fonts, standards
SOLID Principles for Designers1,923
design, solid, principles
Snippets in Svelte 5 (ada/fro)1,922
svelte
The “abbr” Element (hey)1,921
html, semantics, accessibility
W3C Opens Community-Wide Survey (w3c)1,920
surveys, w3c, community
WCAG 2.2 Map by Theme (hic)1,919
accessibility, wcag, standards
Announcing Official Puppeteer Support for Firefox (moz)1,918
browsers, mozilla, firefox, puppeteer, support
Design Tokens Demystified (uxd)1,917
components, design-tokens, design-systems
FastHTML: Revolutionizing Web Development With Python (raj)1,916
frameworks, fasthtml, python, web-apps
Creating a Personal Brand: How to Sell Yourself as a Developer1,915
how-tos, career, branding
Disability Data Alarmingly Absent From AI Algorithmic Tools, Report Suggests (for)1,914
accessibility, ai, tooling
Migrating From Netlify to Cloudflare for AI Bot Protection (sia)1,913
migrating, netlify, cloudflare, ai, security
Moderated and Unmoderated User Testing: The Differences1,912
usability, testing, comparisons
The Art of Dithering and Retro Shading for the Web1,911
dithering, effects, javascript
The Great npm Garbage Patch1,910
dependencies, npm, spam, security
101 React Tips and Tricks for Beginners [and] Experts1,909
react, tips-and-tricks, best-practices
Drupal 11 and Beyond1,908
drupal
Figma Typography Variables (fro)1,907
figma, typography, variables
HTML Web Components Can Have a Little Shadow DOM, as a Treat (sco)1,906
html, web-components, shadow-dom, dom
Is CSS Grid Really Slower Than Flexbox? (ben)1,905
performance, css, grids, flexbox, layout
It’s Time to Talk About “CSS5” (uti/sma)1,904
css, w3c
Let’s Make a Simpler, More Accessible Web (cod)1,903
web, web-platform, tooling, simplicity, usability, accessibility, optimization
Shifting From Delivery Mode to Product Management: Shifting the Focus of Your Sprint Review1,902
agile, scrum, processes, product-management, engineering-management
Should Your Website Work Without JavaScript? (wes/syn)1,901
videos, javascript, support
The Moral Implications of Being a Moderately Successful Computer Scientist and a Woman (ire)1,900
community, ethics
The Role of Generative AI in Shaping Next-Gen UX Strategies (uxm)1,899
ai, user-experience, design, strategies
The Sneaky Costs of Scaling Serverless (zac)1,898
scalability, serverless, economics, vercel, aws, comparisons
Verso: A Web Browser That Plays Old World Blues to Build New World Hope (sig)1,897
videos, verso, browsers
Video With Alpha Transparency on the Web (jaf)1,896
multimedia, transparency, backgrounds
What Is a Component Library and Should You Build Your Own? (and)1,895
components
5 Ways to Fail at Managing Tech Debt1,894
technical-debt, maintenance, refactoring, strategies
AI Act Is Here (alv)1,893
ai, legal
AT Is More Than Screen Readers (aar)1,892
accessibility, assistive-tech, screen-readers, terminology, concepts
European Accessibility Act Requires Culture to Shift! (cer)1,891
accessibility, legal, eaa, culture, leadership
How to Keep IA Projects From Going Off the Rails (jar)1,890
information-architecture
The Benefits of Learning Programming as a Designer (uxd)1,889
design, career, learning, programming
Programming, I Hate It1,888
programming, career
Setting Up CI/CD for Flutter Apps1,887
flutter, ci-cd, automation
Ontology Engineering for Beginners1,886
owl, tooling
Advanced Use Cases of the Node.js Native Test Runner (app)1,885
nodejs, testing
Attitudes to Digital Accessibility 20241,884
surveys, accessibility
Beyond React: How Astro and Its Server Islands Work (ric/the)1,883
astro, frameworks, architecture
How to Make the Internet More Accessible1,882
how-tos, web, accessibility
Mastering Next.js: The Ultimate Guide to Structuring Large-Scale Projects in 20241,881
guides, nextjs
“stripes()”: The Border Function You Never Knew You Needed (jos)1,880
css, functions, borders
The Anchor Element (hey)1,879
html, links, semantics, terminology, usability
Types of Accessibility Approaches (a11)1,878
accessibility, processes, career, collaboration
What If You Used Container Units for… Everything? (chr/fro)1,877
css, units, container-queries
What You Want Isn’t Always What You Want (cwo)1,876
career
Who Is the Fastest? Node.js, Bun.js, or Deno.js (tre)1,875
performance, javascript, runtimes, nodejs, bun, deno, comparisons
Tabs, Used Right (nng)1,874
design, design-patterns, navigation, usability
How I Use “AI”1,873
ai, productivity, examples
How to Build a Multilingual Website With Nuxt.js (sma)1,872
how-tos, nuxt, internationalization
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)1,871
html, web-components, principles, solid, progressive-enhancement, examples
New CSS Logo? (arg)1,870
discussions, css
The Anatomy of Accessible Forms: Best Practices (deq)1,869
accessibility, forms, html, best-practices
Browsers, Cookies, and Surfing the Web: The Quirky History of Internet Lingo (moz)1,868
web, terminology, history
The Evolution of Attention (uxd)1,867
design, case-studies
Figma and the Cost of Collaboration (uxd)1,866
figma, collaboration
A Handful of Reasons JavaScript Won’t Be Available (bel/pic)1,865
javascript, support
Decoding WCAG: “Change of Context” and “Change of Content” (web)1,864
accessibility, wcag, standards
How to Stop Form Spam Bots With Honeypot Fields1,863
spam, forms
Interop 2024: Chrome at 100% for the Accessibility Focus Area (dev)1,862
interoperability, browsers, google, chrome, accessibility
Reading From the Clipboard in JavaScript (ray/fro)1,861
javascript
Replacing jQuery UI Datepicker With HTML Date Input (chr)1,860
jquery, html
Using Postman for API Documentation: All You Need to Know1,859
apis, documentation, postman
How Google Handles JavaScript Throughout the Indexing Process1,858
google, seo, web-apps, javascript, history, rendering
Does Screen Time Help or Hinder Creativity? (its)1,857
creativity, productivity
Nike’s $25B Blunder Shows Us the Limits of “Data-Driven” (pav/uxd)1,856
product-management, metrics
The Future Is Up for Grabs When Anyone Can Make Designs (uxd)1,855
design, ai
Developing a RACI Matrix for Accessibility (kar)1,854
accessibility, processes, project-management
Faster Continuous Integration Builds at Canva1,853
ci-cd, efficiency, optimization, case-studies
Frontend Security Checklist (tre)1,852
security, checklists, react
Garbage Collection and Closures (jaf)1,851
javascript, functions, closures, garbage-collection
“git push --force” and How to Deal With It (env+/evi)1,850
git
Instead of Restricting AI and Algorithms, Make Them Explainable (mfo)1,849
ai, algorithms
Misfire (sli)1,848
web-platform, cookies, privacy, w3c
New to the Web Platform in July (rac/dev)1,847
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Standardization Stories (fan/css)1,846
videos, web-platform, css, collaboration, standards
Why You Should Ship Your App, Even if It Sucks1,845
web-apps, productivity
On Mapping the World of Frontend Development (j9t)1,844
cross-posts, web-platform, learning, community, frontend-dogma
Accessible Heading Structures for Home Pages (pop)1,843
accessibility, headings, homepages
Have It All: External, Styleable, and Scalable SVG (sco)1,842
images, svg, css
Patterns for Memory Efficient DOM Manipulation With Modern Vanilla JavaScript (fro)1,841
javascript, memory, dom, software-design-patterns
Servo: A Web Rendering Engine for the Future (reg/iga)1,840
videos, browser-engines, servo
The Art of Clean Code: Mastering the SOLID Principles1,839
quality, principles, solid
Third-Party Cookies Have Got to Go (had/w3c)1,838
cookies, privacy, web-platform
Top 20 JavaScript Tricks and Tips for Every Developer1,837
javascript, tips-and-tricks
Vue and Vite Updates (eva)1,836
videos, vuejs, vite
WCAG, VPAT, S508, Level A—What on Earth? (int)1,835
accessibility, standards, legal, terminology, wcag, vpat-acr, section-508
WebGPU (kai+/w3c)1,834
webgpu, standards
WebKit Features in Safari 17.6 (jen/web)1,833
release-notes, browsers, apple, safari, webkit
What We Got Wrong About HTTP Imports (tin/den)1,832
deno, jsr
Why Unknown Types Are Useful1,831
programming, typescript
Flexible Network Data Preloading in Large SPAs1,830
performance, single-page-apps, client-side-rendering, data-fetching, preloading
Websites Are Blocking the Wrong AI Scrapers (Because AI Companies Keep Making New Ones) (404)1,829
ai, scraping, robotstxt
Automated Ways to Security Audit Your Website1,828
security, auditing, automation, tooling
Building an “npm create” Package (ach)1,827
npm
From Parcel to Vite: A Short Story of a 100K LOC Migration1,826
migrating, parcel, vite
Is It Okay to Make “connectedCallback” Async? (nol)1,825
javascript, callbacks, asynchronicity, web-components
Laravel vs. Rails for JavaScript Developers1,824
videos, laravel, ruby-on-rails, comparisons
User “Wants” vs. Accessibility (tem)1,823
accessibility, usability
Designing for Forgiveness: How to Create Error-Tolerant Interfaces (uxd)1,822
design, interaction-design, errors, user-experience
A Different Way to Think About TypeScript1,821
typescript
Popover API 101 (ami)1,820
introductions, pop-overs, apis
The Infuriating Inefficiency of Accessibility Audits (yat)1,819
accessibility, auditing, efficiency
You Can Run Java Like Python Now1,818
java, python
Green Accessibility for Web Developers1,817
videos, accessibility, sustainability
Information Scent: How Users Decide Where to Click1,816
information-scent, links, navigation, usability
Node.js Adds Experimental Support for TypeScript (sar/soc)1,815
nodejs, typescript, experiments
V8 JavaScript Engine: Let’s Read the Code (ant)1,814
videos, v8, javascript-engines, javascript
What a New Accessibility Class Action Lawsuit Means for Agencies1,813
accessibility, legal, business-relations
What I Learned From Making My Own Design System (pjo)1,812
design-systems, lessons
Why the jQuery Creator Uses React and TypeScript (jer+/syn)1,811
podcasts, interviews, react, jquery, typescript
AI Crawlers Need to Be More Respectful (eri/rea)1,810
ai, crawling, traffic, metrics
And Now You Understand React Server Components (ken)1,809
videos, react, components
Assessing Components and Patterns for WCAG 2.21,808
accessibility, wcag, components, design-patterns
Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (den)1,807
deno, aws, serverless, lambda, javascript, runtimes, performance, comparisons
Closing the Designer–Developer Gap1,806
design, career, collaboration, processes
Cross Platform React1,805
videos, react, native, outlooks
How to Get the Width/Height of Any Element in Only CSS (css/fro)1,804
css
Let’s Break React’s Rules1,803
videos, react, hooks
Pop(over) the Balloons (css)1,802
html, disclosure-widgets, pop-overs, css
React for Two Computers (dan)1,801
videos, react
Secure Node.js Applications From Supply Chain Attacks1,800
nodejs, security, best-practices, dependencies
The “of S” Syntax in “:nth-child()” (mat)1,799
css, selectors
The User Location Is a Lie (aus)1,798
geolocation, javascript, apis
Vanilla React1,797
videos, react, routing
Why Designers Don’t Like Design Systems1,796
design, design-systems, creativity
Measuring Design System Compliance of Your Teams1,795
design-systems, compliance
Designing Design Systems: Constructing an Icon System1,794
design, design-systems, icons, images, case-studies
Improved Error Messaging for “require(esm)” in Node.js (zac)1,793
eleventy
My Favorite Interview Questions for QA Engineers1,792
interviewing, quality
Rust Is Revolutionizing JavaScript Development1,791
bundling, tooling, rust, javascript
The AI Job Interviewer Will See You Now1,790
ai, hiring, career
Understanding AbortController in Node.js: A Complete Guide (bet)1,789
guides, nodejs, javascript
What to Expect When You’re Optimizing (tka)1,788
performance, optimization
Growing a Design System Organically1,787
design-systems, case-studies, scalability
Clip Pathing Color Changes (chr/fro)1,786
css, clipping, masking, colors
CSS “font-size-adjust” Is Now in Baseline (rac/dev)1,785
css, typography, browsers, support, web-platform
CSS Scroll Snap Module Level 2 (tab+/w3c)1,784
standards, css, scrolling
Introduction to XAML: A Beginner’s Guide1,783
introductions, guides, xaml
Learn CSS Grid First (5t3+/odd)1,782
videos, css, grids, layout
Math4Devs1,781
websites, javascript, math
What’s New in WebGPU (Chrome 127) (dev)1,780
release-notes, webgpu, browsers, google, chrome
How to Choose the Best Rendering Strategy for Your App1,779
how-tos, rendering, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons
The Backlash Against AI Scraping Is Real and Measurable (404)1,778
ai, scraping, robotstxt
Why Not All Voices Should Be Equal in the Design Process (uxd)1,777
design, policies, prioritization, dei
20 Super Useful CSS Animation Libraries1,776
css, animations, libraries, link-lists
50 TypeScript F*ck Ups1,775
books, typescript, mistakes
Learn Web Components (and)1,774
websites, courses, web-components, html, css, dom, javascript
“Practical SVG” Is Now Free to Read Online (chr)1,773
books, images, svg
Seriously, You Need to Learn Git (der)1,772
git, command-line
What’s New for JavaScript Developers in ECMAScript 2024 (the)1,771
javascript, ecmascript, standards, promises, unicode, webassembly
Why You Should Have a Brag Document (uxd)1,770
career, documentation
How to Create Fake Back-End Using IndexedDB1,769
how-tos, databases, indexeddb, browser-storage, javascript
A New Path for Privacy Sandbox on the Web1,768
browsers, google, chrome, cookies, privacy, apis, web-platform
Better Ways to Use Async Functions in JavaScript1,767
javascript, asynchronicity, functions, promises
So You Think You Know Box Shadows?1,766
shadows, javascript
Flutter Unit Testing: Understanding “setUp()” and “setUpAll()”1,765
flutter, testing
CSS Grid Areas (sha)1,764
css, grids, layout
After CrowdStrike, Programmers Deserve Consequences1,763
programming, career, quality
CSS Stuff I’m Excited After the Last CSSWG Meeting (mon/css)1,762
css, functions, transitions, anchor-positioning
Don’t Use JS for That: Moving Features to CSS and HTML (kil/jsc)1,761
videos, javascript, css, html
Getting to the Bottom of Minimum WCAG-Conformant Interactive Element Size (eri/sma)1,760
accessibility, design, wcag, css
Introducing Svelte 5 (ada/fro)1,759
introductions, svelte, release-notes
Mapping the Landscape of Gen-AI Product User Experience (gen)1,758
ai, overviews
Providing Type Definitions for CSS With “@ property” (5t3)1,757
css, custom-properties
State of Developer Experience 20241,756
research, developer-experience
The Web We Want: A Beginner’s Guide to the IndieWeb (pau)1,755
slides, guides, web, indieweb
Why Is Spawning a New Process in Node So Slow? (val)1,754
nodejs, performance, comparisons
Macro vs. Micro Conversions (nng)1,753
user-conversion, concepts, comparisons
State of React 2023 [Results] (sac/dev)1,752
surveys, metrics, react
Architecture in an Agile World (may)1,751
architecture, agile, processes
Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? (the)1,750
accessibility, alt-text, images, ai
How to Incorporate Accessibility Into Your Agile Sprints (mic)1,749
how-tos, accessibility, agile, processes, technical-debt
Override HTTP Response Headers (pat/dev)1,748
http, http-headers, dev-tools, browsers, google, chrome, microsoft, edge
Styling Tables the Modern CSS Way (mic/pic)1,747
css, responsive-design, tables
Summary of the June 2024 TC39 Plenary in Helsinki (iga)1,746
ecmascript, javascript
Testing Best Practices for Web Apps (dev)1,745
videos, testing, best-practices, web-apps
The Cloud Run Security Gap You Didn’t Know You Had (and How to Fix It)1,744
security, google, gcp
The Pitfalls of In-App Browsers (fro)1,743
browsers, mobile, privacy, security, user-experience
Thoughts on a Global Design System (bka)1,742
design-systems
Using pnpm on Heroku1,741
pnpm, heroku
You’ll Write Less Code With Svelte 5.0, Promises Rich Harris (low/the)1,740
svelte
Breaking Bad News: How to Present Negative UX Research Findings (coo/uxd)1,739
user-experience, research, communication, how-tos
How to Make Tables Fit on Small Screens (uxd)1,738
how-tos, design, responsive-design, information-design, tables, mobile
Alternative Text in Action1,737
accessibility, images, alt-text, writing, examples
Named Alternates for WordPress (ede)1,736
html, wordpress
Node v22.5.0 (Current) (nod)1,735
release-notes, nodejs
Viewport Height and Width Units in Modern CSS1,734
viewport, css, units
Wait, What’s the Difference Between “:host”, “:host()”, and “:host-context()”?! (and)1,733
web-components, css, selectors
Flat vs. Deep Hierarchies in Information Architecture (IA) (nng)1,732
videos, information-architecture, comparisons
A Plea for the Lost Practice of Information Architecture (uxd)1,731
information-architecture, history, link-lists
Expert Handling of Multiple Dimensions of Data1,730
information-design
Cloudflare Reports Almost 7% of Internet Traffic Is Malicious (sjv/zdn)1,729
web, traffic
Everybody’s Free (to Write Websites) (sar)1,728
web, indieweb, blogging, writing