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

Frontend Dogma

“2024” News Archive (5)

Entry (Sources) and Additional TopicsDate#
State of Frontend 2024 Survey1271
surveys
Here’s What We’re Working on in Firefox (moz)1270
browsers, firefox
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)1269
user-experience, logging, monitoring, observability
CSS “:has()”, the God Selector (bru)1268
css, selectors
UI Density1267
design, information-design, metrics
The Art of Not Being So Freaking Pushy1266
design, user-experience, microcontent, buttons
CodeFlattener1265
packages, npm, javascript
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1264
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)1263
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)1262
web, content, maintenance, processes, sustainability
Process1261
processes
A JavaScript Developer Tries Go for the First Time1260
javascript, go
Cloning Queries in Laravel (ami)1259
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1258
css, functions, colors, compliance, readability, comparisons
The Future of 11ty (zac/ele)1257
videos, eleventy, outlooks
Turn Off Google AI Overview—Set “Web” as Default1256
websites, google, ai, search
Weighing in on CSS Masonry (kei)1255
css, layout, masonry
WAI–ARIA: “role=deletion”1254
accessibility, aria
WAI–ARIA: “role=strong”1253
accessibility, aria
On Which Side Do We Put the Primary Button? (mar)1252
design, usability, buttons
Visual Design: Glossary (tbf/nng)1251
design, terminology
Beyond CSS Media Queries (mon/sma)1250
css, media-queries, container-queries, layout, techniques
CSS… 5? (chr/fro)1249
css, versioning
CSS3? Pfff—Get Ready for CSS6! (jar/van)1248
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1247
css, html, attributes
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1246
accessibility, w3c, wcag
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1245
accessibility, wcag, standards, w3c
New Field Insights for Debugging INP (mal)1244
videos, performance, web-vitals
The Latest in Web UI (una)1243
videos, html, css, layout, effects
What’s New in the Web (rac)1242
videos, web-platform
From Fast Loading to Instant Loading (tun)1241
videos, performance, apis
What’s New in Angular (mge+)1240
videos, angular
Navigating the JavaScript Framework Ecosystem (add)1239
videos, javascript, frameworks
ADA Title II and You1238
videos, accessibility, ada, legal
Automate Browser Testing With Tools and Best Practices From Chrome1237
videos, browsers, chrome, testing, tooling, automation, best-practices
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1236
guides, javascript, performance, debugging, browsers, chrome, dev-tools
What You Need to Know About Third-Party Cookie Deprecation1235
videos, cookies, browsers, chrome, support, deprecation
Rethinking Text Resizing on Web (bas)1234
accessibility, resizing
CSS Container Queries in Practice (mia+/odd)1233
videos, css, container-queries
Baseline Progressive Enhancement (ada)1232
web-platform, progressive-enhancement, browsers, support
Prefetching When Server Loading Won’t Do (ada/fro)1231
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1230
react, compiling
Transforming the Relationship Between Designers and Developers (sma)1229
design, collaboration, processes
Dynamic GitHub Profile With Bun and TypeScript1228
github, readme, bun, typescript
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1227
productivity, efficiency, product-management
JavaScript Security: Simple Practices to Secure Your Frontend1226
javascript, security, dependencies, csp
Merging Remix and React Router (rem)1225
remix, react-router
Dark Mode and Accessibility Myth (ste)1224
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)1223
ecmascript, promises
The Great Tech and People Hypocrisy (j9t)1222
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)1221
design, career, communication, terminology
State of HTML 2023 [Results] (sac+/dev)1220
surveys, metrics, html
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1219
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1218
google, web-platform, ai
Web Platform Status1217
websites, web-platform, browsers, interoperability, support
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)1216
css, math, functions, browsers, support, web-platform
Google’s Broken Link to the Web1215
google, web, search, ai
Stop Moving Fast and Breaking Everything1214
product-management, engineering-management, leadership, processes
Built-In AI (kbx+)1213
chrome, browsers, ai, gemini, apis
New in Chrome 125 (tro)1212
release-notes, browsers, chrome
Accessible SVG Forms1211
accessibility, forms, svg, aria
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1210
css, layout, masonry, accessibility, keyboard-navigation
Intopia’s WCAG 2.2 Maps (int)1209
accessibility, wcag, cheat-sheets
JavaScript Objects—Complete Guide1208
guides, javascript, objects
Morphing Arbitrary Paths in SVG1207
svg, animations
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1206
css, borders, tips-and-tricks
AI Isn’t Ready for UX Design (nng)1205
videos, design, user-experience, ai
RSS Is Good, Isn’t It?! (mic)1204
syndication, rss, indieweb
List of Essential Soft Skills for Front-End Engineers1203
career
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1202
css, custom-properties, animations, transitions
How I Made My GitHub Profile README Dynamic1201
github, readme
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1200
accessibility, aria, best-practices
Regarding Keyboard Testing1199
accessibility, keyboard-navigation, testing
AI Product Design: Identifying Skills Gaps and How to Close Them1198
design, ai, processes
Designers Are More Than Keywords and Portfolios1197
design, user-experience, career
Doing the Right Thing Right—Validation and Verification1196
validation, terminology, comparisons
Top 7 CSS Frameworks for Developers in 20241195
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
WebKit Features in Safari 17.5 (jen/web)1194
release-notes, browsers, safari, webkit
Quick Incremental Accessibility Audits for Small Business Websites (cer)1193
accessibility, auditing
Setting Personal OKRs (cwo)1192
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1191
principles, craft, quality
All I Want for GAAD1190
accessibility, awareness-days, wish-lists
Accessibility Overlays Are Not for Disabled People (tem)1189
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1188
accessibility, aria, auditing
Mesh Gradients in CSS (jos)1187
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1186
accessibility
Manifesto for a Humane Web (mic)1185
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1184
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1183
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1182
javascript, apis
Introducing the CSS Anchor Positioning API (una)1181
introductions, css, apis, anchor-positioning, examples
Build Your Own React.js in 400 Lines of Code1180
react, jsx, principles
Typography Terms: Glossary (tbf/nng)1179
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1178
design, programming, ai, comparisons
Make Your Figma Components Work Harder1177
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)1176
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
17 Best Developer Productivity Tools to Try1175
productivity, tooling, link-lists
WordPress Ping List for Faster Post Indexing1174
wordpress, crawling, seo
Release Notes for Safari Technology Preview 194 (jon/web)1173
release-notes, browsers, safari
Simple Implemention to Understand “worker_threads” in Node.js1172
nodejs, examples, worker-threads
37 Tips From a Senior Frontend Developer1171
tips-and-tricks, fundamentals, learning, processes, career
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1170
javascript, events, web-components
Level-Setting Heading Levels (aar)1169
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)1168
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1167
web-components, dom
What Is UX (Not)? (nng)1166
videos, user-experience, concepts
Upgrade Your HTML V (j9t/fro)1165
books, frontend-dogma, html, minimalism, craft, conformance
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1164
ai, slop, terminology
Let’s Build a Web Scraper in PHP and Python1163
scraping, php, python
JavaScript “var”, “let”, and “const” Explained (cfe+)1162
javascript
Modern WordPress—Yikes! (dbu)1161
wordpress, themes
Transparent Borders (bra)1160
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1159
components, accessibility, dei, case-studies, github
Why Patching Globals Is Harmful1158
javascript, programming
Focus vs. Accessibility Focus1157
accessibility, focus, comparisons
Evidence-Based Management Guide, 2024—What’s New?1156
release-notes, guides, agile, processes, metrics, engineering-management
Introducing the Gulp Developer Survey1155
introductions, surveys, gulp
The Carcinization of Web Frameworks1154
frameworks, history, signals, server-side-rendering, outlooks, web-components
A Brief Note on Highlighted Text (aar)1153
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1152
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1151
errors
Get First Item in Eleventy Collection1150
how-tos, eleventy, nunjucks
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1149
redesigning, strategies, dei, accessibility
Servo Reboot: Where Are We Now? OSS-NA 20241148
browser-engines, servo, browsers
Using the Popover API for HTML Tooltips (chr/fro)1147
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1146
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1145
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1144
backend-for-frontend, architecture
These CSS Pro Tips and Tricks Will Blow Your Mind1143
videos, css, tips-and-tricks
Using Simple Tools as a Radical Act of Independence1142
html, css, simplicity
5 Node Version Managers Compared—Which Is Right for You? (pav)1141
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup1140
eleventy, deno, hosting
Pairing Eleventy With htmx and Deno1139
eleventy, htmx, deno
Securing Client-Side JavaScript (ada)1138
javascript, security, graceful-degradation
The 7 Most Useful Web Design and Web Development Glossaries (apo)1137
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1136
css, selectors, cascade
Native Support for CJS/ESM Interoperability Begins in Node.js 221135
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know1134
memory, garbage-collection
A to Z of Assistive Technology for Reading Digital Text1133
accessibility, browsers, assistive-tech, readability, concepts
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1132
accessibility, wcag, community
Shades of Grey With “color-mix()” (mic)1131
css, functions, colors
At Some Point, JavaScript Got Good1130
javascript, history
The Value of Open Source in Furthering Accessibility Goals (mgi)1129
videos, foss, accessibility
Poor Express Authentication Patterns in Node.js and How to Avoid Them1128
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1127
accessibility, techniques
So I Got Fired1126
career
Content Standards in Design Systems (nng)1125
content, design-systems, processes
How Slack Automates Deploys1124
deploying, automation, case-studies, slack
3 Methods to Elevate Your Writing With Visual Content1123
writing, content, information-design
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1122
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1121
videos, css, view-transitions, animations
Introduction to htmx (jan)1120
introductions, htmx
The Vue Ecosystem in 2024 (fro)1119
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1118
web-components, link-lists
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1117
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 20241116
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively1115
how-tos, design-systems, design, processes
Web Development Trends We Will See in 20241114
trends
Demystifying React’s Types: Ref Types1113
react
Should We Rely on Browser Detection? (htm)1112
browsers, browser-detection
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1111
figma, programming, typescript, migrating, case-studies
Using AI to Predict Design Trends (web)1110
ai, design, trends
Why Are My Live Regions Not Working? (pat/tet)1109
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1108
videos, cookies, consent-management, privacy, user-experience, guidelines
A React Developer’s Guide to Learning Solid.js1107
guides, react, solidjs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1106
foss, maintenance
How to Create Content in WordPress With AI1105
how-tos, content, ai, wordpress
When to Use Bun Instead of Node.js (app)1104
bun, nodejs, comparisons
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1103
interviews, nodejs, deno, jsr
Exploring the Immersive Web With Wolvic (sea)1102
xr, wolvic, browsers
Understanding What Drupal Editors and Authors Need (ckr/lul)1101
drupal
Composability in Design Systems (ada)1100
design-systems, design, components
Handling the Indentation of a Treeview Component (sha)1099
css
I Reviewed 1,000s of Opinions on htmx1098
htmx
Popover API Is Here (chr/fro)1097
apis, pop-overs, html
Web Forms: Costly Mistakes You Want to Avoid (geo)1096
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1095
accessibility, case-studies
An Alternative Proposal for CSS Masonry (rac)1094
css, layout, masonry, google
European Accessibility Act: Ultimate Guide to Compliance1093
guides, accessibility, compliance, legal, eaa
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1092
usability, user-experience, sorting
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)1091
how-tos, design-systems, processes, collaboration, maintenance
Pretty Much Every Website Uses the Wrong Font Size…1090
videos, css
My Approach to HTML Web Components (ada)1089
html, web-components
Superior Range Syntax (css)1088
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1087
webassembly, performance, web-apps
CSS Inheritance (bel/pic)1086
css, cascade, inheritance
How to Design Accessible Forms in 10 Steps1085
how-tos, design, accessibility, forms
Introduction to NestJS1084
introductions, frameworks, nestjs
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1083
edge, css, support, deprecation
New to the Web Platform in April (rac)1082
release-notes, web-platform, browsers, firefox, chrome, safari
What Is Vite (and Why Is It So Popular)?1081
vite
Accessibility Evolution of Organizations (cer)1080
accessibility, processes, economics
No, I Don’t Want to Fill Out Your Contact Form1079
forms, user-experience
The Polish Paradox1078
design, optimization, user-experience
Can You Detect Overflow With CSS? (fon/css)1077
css, overflow
Top 50 System Design Interview Questions for 20241076
interviewing, architecture, system-design, link-lists
Basic Algorithms1075
algorithms, search, sorting
Passkeys: A Shattered Dream (fir)1074
security, authentication, passkeys
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1073
design, images, information-design
What Do Developers Want From AI?1072
research, ai, productivity, efficiency
Optimizing INP: A Deep Dive1071
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1070
nodejs, environments, tooling
Design Déjà Vu (mal)1069
design, html, css, history, comparisons
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1068
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1067
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1066
ai, optimization
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1065
accessibility, processes, prototyping, research
Popover API Lands in Baseline (una)1064
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1063
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing1062
videos, introductions, accessibility, testing
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1061
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1060
anniversaries, dojo
How to Escape JavaScript for a Script Tag1059
how-tos, javascript, escaping, html
HTML Attributes vs. DOM Properties (jaf)1058
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1057
jsr, dependencies
Node.js 22 Available Now (ope)1056
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1055
surveys, nodejs
Ruby Might Be Faster Than You Think (joh)1054
ruby, performance
The New “!important” (geo)1053
css, cascade
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1052
javascript, urls
Use “:has()” to Scope CSS1051
css, selectors, scope
Write Better CSS With Modern CSS (css)1050
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1049
css, minification, performance
Printing Music With CSS Grid (ste)1048
css, grids, examples
The Perfect Site Doesn’t Exist (mic)1047
quality, maintenance, processes
Adding ESLint and Auto-Fixing an Existing TypeScript Project1046
eslint, typescript, quality, automation
F-Shape Pattern and How Users Read (vit/sma)1045
usability, design
Images as the First Thing in a Button or Link (tem)1044
accessibility, html, images, buttons, links
Reflecting on My Programming Career1043
career
Taking Regular Screenshots of My Website1042
screenshots, images, automation, playwright, github-actions
The Front End Developer/Engineer Handbook 2024 (fro)1041
overviews, career, learning, tech-stacks, concepts, terminology
Your Page Can’t Change Media Features (kil)1040
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1039
performance, metrics, terminology
Notes on Quality1038
design, user-experience, quality
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1037
html, modals, pop-overs
Comparing Full Stack and Headless CMS Platforms1036
comparisons, content-management, wordpress, drupal, ghost
Creating Fluid Typography With the CSS “clamp()” Function1035
css, functions, typography, liquid-design
How the Meaning of Colour Varies per Culture1034
colors, culture
The First Framework That Lets You Visualize Your React/Node.js App1033
frameworks, visualization, react, nodejs, wasp
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1032
bun, deploying, performance, case-studies
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1031
cookies, privacy, browsers, chrome
Using Vite to Rebuild Local Dependencies in an npm Workspace1030
npm, dependencies, vite
15 Essential UX Design Principles and Practices for Developers (uxm)1029
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)1028
design, trends
5 Hidden CSS Properties You Didn’t Know Existed1027
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1026
user-experience, onboarding, product-management
How I Use Generative AI in Branding1025
ai, branding, principles, design
The Art of Design System Recipes (bra)1024
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1023
collaboration, processes
The Ultimate Collection of CSS-Only Shapes (css)1022
websites, css
Using Legitimate GitHub URLs for Malware (sch)1021
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1020
ci-cd, concepts
What You Can Do as a Web Builder on Earth Day (aar)1019
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1018
accessibility, images, alt-text
State of Design Tokens 2024 (don+)1017
videos, design-tokens, figma, tooling
JavaScript Features That Most Developers Don’t Know1016
javascript, functions
Node.js Test Runner: A Beginner’s Guide (bet)1015
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1014
css, vendor-extensions, history
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1013
videos, interviews, css
April 24 Is JS Naked Day (j9t)1012
javascript, awareness-days
Considerations for AI Opt-Out (mno)1011
ai
Detect JavaScript Support (fon/css)1010
css, javascript, media-queries, support
Optimising React Apps1009
react, optimization
3 Tips for Advanced Prototyping in Figma1008
tips-and-tricks, prototyping, figma
Make Product Design Great Again1007
design, user-experience, product-management
Design Systems and the Never-Ending Job of Buy In (pjo)1006
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)1005
css, javascript, media-queries, support
Long Alt (aar)1004
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)1003
design-systems, accessibility
Using “@defer” Defer Views in Angular 171002
angular, performance, lazy-loading
Node.js Task Runner (yag)1001
nodejs, performance
Accessibility Overlays—Friend or Foe? (int)1000
videos, accessibility, overlays
Building a Culture of Accessibility (tet)999
accessibility, culture
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)998
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)997
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)996
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)995
web
Typography Variables in Figma Are Here994
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub993
guides, github, keyboard-shortcuts
5 Tailwind CSS Anti-Patterns to Avoid (ato)992
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)991
introductions, css, selectors, cascade
Angular’s New Signal Inputs990
videos, angular, signals
My Code Formatting Guidelines (val)989
guidelines, formatting, conventions, javascript, html, prettier, configuration
What’s Going On in Dark Theme / Light Theme Land (chr/fro)988
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)987
community
Git Common Developer Pitfalls and Solutions (wom)986
git
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)985
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 2024984
npm, dependencies, interoperability, esm, commonjs
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)983
browsers, support, web-platform, javascript
12 Tips From a Mid-Level Developer982
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)981
ai, quality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)980
conversion, html, javascript
Displaying HTML Web Components (ada)979
web-components, css
How to Write World-Beating Web Content (web)978
how-tos, writing, content
Property Hooks Are Coming in PHP 8.4 (ami)977
php, hooks
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)976
jquery, maintenance, migrating
Webhooks and WebSockets975
webhooks, websockets
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)974
accessibility, security
Who Should Block AI Bots? (moz)973
scraping, ai, seo
How to Submit a Form in React Using FormData (wom)972
how-tos, forms, react
JavaScript Code Quality Tools: See Qodana in Action (jet)971
qodana, quality, javascript
The Impact of Color Contrast on Accessibility970
accessibility, colors, contrast
Building a GitHub Activity Feed With Node.js and Socket.IO969
nodejs, github, functionality
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI968
ai, quality, craft, metrics, engineering-management
Electron 30.0.0 (kee/ele)967
release-notes, electron
[pnpm] v9.0.0 (pnp)966
release-notes, pnpm
The Making of a TypeScript Feature: Inferring Type Predicates965
typescript
The Right Code for Your Design System (fig)964
design-systems, figma
Things That Can Break “aspect-ratio” in CSS (chr/fro)963
css, aspect-ratio
Why We Are Still Using 88×31 Buttons962
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)961
css, design, centering
Alternating Style Queries (kiz)960
css, style-queries, techniques
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)959
web
The Biggest Lie in HTML958
videos, html
We Need to Rewild the Internet (rob/noe)957
web, standards, collaboration, creativity, outlooks
Making Disabled Buttons More Accessible956
accessibility, buttons, html, aria
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)955
accessibility
An Intro to Flexbox (cfe)954
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)953
standards, accessibility, aria, html
CSS in React Server Components (jos)952
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)951
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)950
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)949
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)948
migrating, processes, seo, sem
Ethics in Times of Growth Design947
design, ethics
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)946
foss, security, openjs
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)945
accessibility, auditing, tooling
Interview With Senior JS Developer 2024944
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)943
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter942
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)941
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey940
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)939
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)938
career, learning
Blockin’ Bots (bee)937
scraping, ai, apache, configuration
How to Build a Reusable Grid System With CSS Grid (cfe)936
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)935
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)934
bfcache, monitoring, debugging, performance
10 Things Software Developers Should Learn About Learning933
research, learning
Naming Colors in Design Systems (ado)932
naming, colors, design-systems
How Do Open Source Licenses Work? The Ultimate Guide931
guides, foss, licensing
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)930
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)929
css, images, techniques, 3d
A Comparison of Automated Testing Tools for Digital Accessibility (equ)928
accessibility, testing, tooling, automation, comparisons
An Intro to CSS Grid (cfe)927
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)926
accessibility, vpat-acr, conformance, documentation
Gap Is the New Margin (chr/fro)925
css, margins, layout
Socks, Lies, and Accessibility924
accessibility, awareness-days, link-lists
Epic App Performance Starts With the Database923
videos, performance, databases, optimization
Accessible Interactions in JavaScript Apps (san)922
videos, accessibility, javascript, aria
Unleashing Designers With Tailwind CSS921
videos, tailwind, design, processes
Let Me Be920
videos, javascript
The Dos and Don’ts of Using “tabindex” in Web Design (a11)919
accessibility, keyboard-navigation, html
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)918
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)917
fundamentals, npm
Zombie Estimation916
agile, scrum, processes, project-management
Web Accessibility Statement: How to Write One915
how-tos, accessibility, documentation, writing
CSS Tricks to Master the “clip-path” Property (css)914
css, masking, clipping, tips-and-tricks
Why I’m Embracing the Arc Browser913
browsers, arc
Purging Design System “Rot” From Our Checkboxes (chu)912
design-systems, maintenance, quality, accessibility, case-studies
JS Naked Day (mac+)911
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)910
git, errors
The Future of Design Systems Is Marketing (fig)909
design-systems, marketing, metrics
Wednesday, April 10, 2024 Security Releases (raf/nod)908
release-notes, nodejs, security
Frontend Development Beyond React: Svelte907
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions906
design, user-experience
Release Notes for Safari Technology Preview 192 (jon/web)905
release-notes, browsers, safari
I Never Knew a Website Could Hurt Someone (kar)904
videos, accessibility
The Guide to Git I Never Had903
guides, git, command-line, cheat-sheets
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)902
webkit, browsers, safari, performance, optimization
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution901
react, history
Ableism and Related Terms You Need to Know (mer)900
terminology, communication, dei
Figma Prototypes vs. HTML Prototypes (ada)899
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)898
css, mixins, techniques
Understanding Interaction to Next Paint (INP) (wil/fro)897
performance, web-vitals
Is the Party Over for Scrum Masters and Agile Coaches?896
agile, scrum, career
Happy CSS Naked Day 2024 (fro)895
frontend-dogma, css, awareness-days
An Introduction to the Node.js Performance API (bet)894
introductions, nodejs, performance, apis
Sending Email Using Node.js (cra)893
nodejs, email
React Server Components in a Nutshell892
react, components
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)891
accessibility, ada, legal, web, mobile
Recapping ng-conf 2024890
angular
How I Write Commits Like a Pro889
version-control, git, commit-messages, conventions
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)888
redesigning, strategies, dei, accessibility
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)887
design, communication
The Death of Creativity886
creativity, ai
Things That I Like Better in Vue Than in React885
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)884
user-experience, ai, hci
What Is Whitespace? (nng)883
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities882
books, nodejs, security, vulnerabilities
Building a CLI From Scratch With TypeScript and oclif881
command-line, typescript
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)880
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Creating a Navbar in React879
navigation, react, css
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities878
accessibility, legal, web, mobile
Node.js Debugging in Chrome DevTools (chr/fro)877
nodejs, debugging, tooling, browsers, chrome, dev-tools
DORA’s Software Delivery Metrics: The Four Keys (nat)876
processes, metrics
Demystifying the Shadow DOM875
dom, shadow-dom
Faster Websites With the “picture” Element (fra)874
html, images, performance
Jekyll vs. Astro (koo)873
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)872
html, css, testing, quality
10 Must Know System Design Concepts for Interviews871
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)870
accessibility, ai
21 HTML Tips You Must Know About869
html, tips-and-tricks
How to Think About HTML Responsive Images (db)868
how-tos, html, images, responsive-design
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)867
accessibility, user-experience, keyboard-navigation, skip-links, wcag
[zx] 8.0.0866
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry865
career, community
Reviewing Polypane for Responsive Website Tweaks864
videos, polypane, browsers
“AI” Won’t Solve Accessibility (yat)863
accessibility, ai
DevTools Tips and Tricks (fro)862
browsers, dev-tools, tips-and-tricks
Drive-By Accessibility Tweaks (bru)861
accessibility
ESLint v9.0.0 Released (nza/esl)860
release-notes, eslint
How to Make Your Website Work Offline859
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)858
css, selectors, focus
Should Designers Code? (bra)857
design, career
The Free Software Commons (jen)856
foss, community, security
Breakpoints in Responsive Design (nng)855
design, responsive-design, breakpoints, usability
Creativity in Software Engineering854
research, creativity, programming
How to Strongly Type process.env (mat)853
how-tos, typescript, nodejs
Rounded Tabs With Inner Curves (css)852
css, effects, tips-and-tricks
When to Use “tabindex="0"” (gra/tet)851
accessibility, keyboard-navigation, focus, html
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue850
videos, javascript, visualization, event-loop, events, apis
The V8 Sandbox849
v8, security
AI and the Future of Web Accessibility Guidelines848
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)847
guides, css, logical-properties, cheat-sheets
Building Components With Radix UI846
radix, components
Modern CSS Patterns in Campfire845
css, case-studies
Heat Death of the Internet844
web
The Basics of Legibility843
fundamentals, typography, legibility
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)842
ai, web
An Advanced Way to Use CSS Variables (cfe)841
css, custom-properties
“aspect-ratio” Gotcha (css)840
css, aspect-ratio, images
BFCache Explained839
bfcache, browsers, performance
Finally Understand Responsive Design838
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)837
css, typography, tips-and-tricks
Hanging Punctuation in CSS (ada)836
css, typography
Svelte Parses HTML All Wrong (ric)835
svelte, html, parsing
The View Transitions API (cas/fro)834
view-transitions, apis, astro
Theming Design Systems (per)833
design-systems, theming
Wednesday, April 3, 2024 Security Releases (nod)832
release-notes, nodejs, security
In-Page Links: 3 Usability Tips (nng)831
videos, links, usability, tips-and-tricks
How to Build a Simple Web Server With Node.js830
how-tos, servers, nodejs
Using JSON Web Tokens With Node.js829
json-web-tokens, nodejs, security, authentication
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?828
dns, security
Introducing Jpegli: A New JPEG Coding Library827
introductions, jpeg, images, libraries, compression
An Interactive Guide to CSS Container Queries (sha)826
guides, css, container-queries
Authentication in Next.js (rwi)825
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)824
css, anchor-positioning
How to Get Somebody Fired Using Git823
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)822
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)821
branding, scrolling, animations, techniques, css
WordPress 6.5 “Regina” (pho/wor)820
release-notes, wordpress
Learn JavaScript (wil)819
courses, javascript
WebAssembly at Google (tom)818
videos, webassembly, google
14 Top UX Tools for Designers in 2024 (web)817
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)816
guides, accessibility, content
Bun 1.1 (jar+/bun)815
release-notes, bun
The Detail, the Quality814
design, quality
What Even Is a JSON Number?813
json, terminology
Introducing Root.js812
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over811
programming, career, ai, economics
Micro Frontends With Native Federation810
micro-frontends, comparisons
10 JavaScript Sites Every Web Developer Should Know809
javascript, learning, link-lists
Kobold Letters (wed)808
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)807
accessibility
Object Structure in JavaScript Engines806
objects, javascript, javascript-engines
The DevOps Basics805
dev-ops, fundamentals
Why I Care Deeply About Web Accessibility and You Should Too (sch)804
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time803
tooling, nodejs, deno, bun, quickjs
Disable AWS CloudFront Distributions if Budget Is Exceeded802
aws, cloudfront, configuration, economics
Design Is a Process of Getting Stuck (fon)801
design, processes
Some Samples Using UIkit800
uikit
Figma Plugins (tmc)799
figma, plugins
Front-End Development’s Identity Crisis (ell)798
career
On “disabled” and “aria-disabled” Attributes (kit)797
accessibility, html, attributes, aria
The Curious Case of the CSS Monochrome Media Query (sea)796
css, media-queries
The Easy Way to Access the Last JavaScript Array Element795
javascript, arrays
The Power of “:has()” in CSS (css)794
css, selectors
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)793
studies, research, accessibility, homepages, metrics
What Negative Effects Does a Bad Website Design Have on My Business? (web)792
design, economics
“@scope” Is Coming to CSS and It’s Amazing (kev)791
videos, css, scope
A Guide to Building CLI Tools in JavaScript790
guides, tooling, command-line, javascript, nodejs
Finally Understanding How “Array.sort(comparator)” Works (jam)789
javascript, arrays
The Complete Guide to Captioned Videos (mer)788
guides, accessibility, captions, multimedia
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)787
css, functions, colors, dark-mode
New to the Web Platform in March (rac)786
release-notes, web-platform, browsers, firefox, safari, chrome
Release Notes for Safari Technology Preview 191 (jon/web)785
release-notes, browsers, safari
What’s New in DevTools, Chrome 124784
release-notes, dev-tools, browsers, chrome
The Browser Company and Radical Transparency783
the-browser-company, culture, communication
History of JS Interop in Dart782
javascript, dart, interoperability, history
Improving the Developer Experience of Enterprise Design Systems781
design-systems, developer-experience, optimization
Flickering Glowing Text Effect With CSS (man)780
css, effects
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)779
browsers, mobile, privacy, security
Meet Angular’s New “output()” API (ang)778
angular, apis
ai.robots.txt (cor)777
ai, crawling, scraping, robotstxt, tooling
How I Fixed My Brutal TTFB (whi/get)776
performance, metrics, optimization
Iterator Helpers775
ecmascript, javascript, javascript-engines, v8
What Even Are Dragging Movements? (cat/spa)774
accessibility, interaction-design, terminology
Be Flexible About What People Need (and Don’t Assume) (eri)773
accessibility
CSS Anchor Positioning (tab+/w3c)772
standards, css, anchor-positioning