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

Frontend Dogma

“2024” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Test-Driving HTML Templates (xpm/mfo)1280
html, templates, testing, server-side-rendering, conformance
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)1279
html, conformance, craft, quality
We’ve Got Container Queries Now, but Are We Actually Using Them? (chr/fro)1278
css, container-queries
State of Frontend 2024 Survey1277
surveys
Here’s What We’re Working on in Firefox (moz)1276
browsers, firefox
CSS Specificity for WordPress 6.6 (wor)1275
discussions, wordpress, css, selectors, cascade
CSS “:has()”, the God Selector (bru)1274
css, selectors
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)1273
user-experience, logging, monitoring, observability
The Art of Not Being So Freaking Pushy1272
design, user-experience, microcontent, buttons
UI Density1271
design, information-design, metrics
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1270
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)1269
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)1268
web, content, maintenance, processes, sustainability
Process1267
processes
CodeFlattener1266
packages, npm, javascript
A JavaScript Developer Tries Go for the First Time1265
javascript, go
Cloning Queries in Laravel (ami)1264
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1263
css, functions, colors, compliance, readability, comparisons
The Future of 11ty (zac/ele)1262
videos, eleventy, outlooks
Weighing in on CSS Masonry (kei)1261
css, layout, masonry
WAI–ARIA: “role=deletion”1260
accessibility, aria
WAI–ARIA: “role=strong”1259
accessibility, aria
On Which Side Do We Put the Primary Button? (mar)1258
design, usability, buttons
Visual Design: Glossary (tbf/nng)1257
design, terminology
Turn Off Google AI Overview—Set “Web” as Default1256
websites, google, ai, search
Beyond CSS Media Queries (mon/sma)1255
css, media-queries, container-queries, layout, techniques
CSS… 5? (chr/fro)1254
css, versioning
CSS3? Pfff—Get Ready for CSS6! (jar/van)1253
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1252
css, html, attributes
New Field Insights for Debugging INP (mal)1251
videos, performance, web-vitals
The Latest in Web UI (una)1250
videos, html, css, layout, effects
From Fast Loading to Instant Loading (tun)1249
videos, performance, apis
What’s New in Angular (mge+)1248
videos, angular
Navigating the JavaScript Framework Ecosystem (add)1247
videos, javascript, frameworks
ADA Title II and You1246
videos, accessibility, ada, legal
What You Need to Know About Third-Party Cookie Deprecation1245
videos, cookies, browsers, chrome, support, deprecation
Rethinking Text Resizing on Web (bas)1244
accessibility, resizing
CSS Container Queries in Practice (mia+/odd)1243
videos, css, container-queries
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1242
accessibility, w3c, wcag
Automate Browser Testing With Tools and Best Practices From Chrome (mat)1241
videos, browsers, chrome, testing, tooling, automation, best-practices
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1240
guides, javascript, performance, debugging, browsers, chrome, dev-tools
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1239
accessibility, wcag, standards, w3c
What’s New in the Web1238
videos, web-platform
Prefetching When Server Loading Won’t Do (ada/fro)1237
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1236
react, compiling
Dynamic GitHub Profile With Bun and TypeScript1235
github, readme, bun, typescript
Merging Remix and React Router (rem)1234
remix, react-router
JavaScript Security: Simple Practices to Secure Your Frontend1233
javascript, security, dependencies, csp
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1232
productivity, efficiency, product-management
Transforming the Relationship Between Designers and Developers (sma)1231
design, collaboration, processes
Baseline Progressive Enhancement1230
web-platform, progressive-enhancement, browsers, support
Dark Mode and Accessibility Myth (ste)1229
accessibility, dark-mode, myths
The Great Tech and People Hypocrisy (j9t)1228
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)1227
design, career, communication, terminology
State of HTML 2023 [Results] (sac+/dev)1226
surveys, metrics, html
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1225
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1224
google, web-platform, ai
Web Platform Status1223
websites, web-platform, browsers, interoperability, support
Google’s Broken Link to the Web1222
google, web, search, ai
Built-In AI (kbx+)1221
chrome, browsers, ai, gemini, apis
New in Chrome 125 (tro)1220
release-notes, browsers, chrome
ECMAScript Proposal: “Promise.withResolvers()” (rau)1219
ecmascript, promises
Stop Moving Fast and Breaking Everything1218
product-management, engineering-management, leadership, processes
The CSS Stepped Value Math Functions Are Now in Baseline 20241217
css, math, functions, browsers, support, web-platform
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1216
css, layout, masonry, accessibility, keyboard-navigation
JavaScript Objects—Complete Guide1215
guides, javascript, objects
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1214
css, borders, tips-and-tricks
RSS Is Good, Isn’t It?! (mic)1213
syndication, rss, indieweb
List of Essential Soft Skills for Front-End Engineers1212
career
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1211
css, custom-properties, animations, transitions
How I Made My GitHub Profile README Dynamic1210
github, readme
Regarding Keyboard Testing1209
accessibility, keyboard-navigation, testing
AI Product Design: Identifying Skills Gaps and How to Close Them1208
design, ai, processes
Top 7 CSS Frameworks for Developers in 20241207
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
WebKit Features in Safari 17.5 (jen/web)1206
release-notes, browsers, safari, webkit
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1205
accessibility, aria, best-practices
AI Isn’t Ready for UX Design (cal/nng)1204
videos, design, user-experience, ai
Intopia’s WCAG 2.2 Maps (int)1203
accessibility, wcag, cheat-sheets
Morphing Arbitrary Paths in SVG1202
svg, animations
Accessible SVG Forms1201
accessibility, forms, svg, aria
Doing the Right Thing Right—Validation and Verification1200
validation, terminology, comparisons
Designers Are More Than Keywords and Portfolios1199
design, user-experience, career
Quick Incremental Accessibility Audits for Small Business Websites (cer)1198
accessibility, auditing
Setting Personal OKRs (cwo)1197
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1196
principles, craft, quality
All I Want for GAAD1195
accessibility, awareness-days, wish-lists
Accessibility Overlays Are Not for Disabled People (tem)1194
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1193
accessibility, aria, auditing
Mesh Gradients in CSS (jos)1192
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1191
accessibility
Manifesto for a Humane Web (mic)1190
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1189
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1188
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1187
javascript, apis
Introducing the CSS Anchor Positioning API (una)1186
introductions, css, apis, anchor-positioning, examples
Build Your Own React.js in 400 Lines of Code1185
react, jsx, principles
Typography Terms: Glossary (tbf/nng)1184
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1183
design, programming, ai, comparisons
Make Your Figma Components Work Harder1182
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)1181
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
17 Best Developer Productivity Tools to Try1180
productivity, tooling, link-lists
Release Notes for Safari Technology Preview 194 (jon/web)1179
release-notes, browsers, safari
Simple Implemention to Understand “worker_threads” in Node.js1178
nodejs, examples, worker-threads
WordPress Ping List for Faster Post Indexing1177
wordpress, crawling, seo
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1176
javascript, events, web-components
Level-Setting Heading Levels (aar)1175
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)1174
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1173
web-components, dom
Upgrade Your HTML V (j9t/fro)1172
books, frontend-dogma, html, minimalism, craft, conformance
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1171
ai, slop, terminology
Let’s Build a Web Scraper in PHP and Python1170
scraping, php, python
What Is UX (Not)? (nng)1169
videos, user-experience, concepts
37 Tips From a Senior Frontend Developer1168
tips-and-tricks, fundamentals, learning, processes, career
JavaScript “var”, “let”, and “const” Explained (cfe+)1167
javascript
Modern WordPress—Yikes! (dbu)1166
wordpress, themes
Transparent Borders (bra)1165
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1164
components, accessibility, dei, case-studies, github
Why Patching Globals Is Harmful1163
javascript, programming
Focus vs. Accessibility Focus1162
accessibility, focus, comparisons
Introducing the Gulp Developer Survey1161
introductions, surveys, gulp
The Carcinization of Web Frameworks1160
frameworks, history, signals, server-side-rendering, outlooks, web-components
Evidence-Based Management Guide, 2024—What’s New?1159
release-notes, guides, agile, processes, metrics, engineering-management
A Brief Note on Highlighted Text (aar)1158
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1157
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1156
errors
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1155
redesigning, strategies, dei, accessibility
Using the Popover API for HTML Tooltips (chr/fro)1154
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1153
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1152
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1151
backend-for-frontend, architecture
These CSS Pro Tips and Tricks Will Blow Your Mind1150
videos, css, tips-and-tricks
Using Simple Tools as a Radical Act of Independence1149
html, css, simplicity
Get First Item in Eleventy Collection1148
how-tos, eleventy, nunjucks
Servo Reboot: Where Are We Now? OSS-NA 20241147
browser-engines, servo, browsers
5 Node Version Managers Compared—Which Is Right for You? (pav)1146
nodejs, comparisons, nvm, pnpm
The 7 Most Useful Web Design and Web Development Glossaries (apo)1145
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1144
css, selectors, cascade
Native Support for CJS/ESM Interoperability Begins in Node.js 221143
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know1142
memory, garbage-collection
Eleventy With a Basic Deno Static Server Setup1141
eleventy, deno, hosting
Pairing Eleventy With htmx and Deno1140
eleventy, htmx, deno
Securing Client-Side JavaScript1139
javascript, security, graceful-degradation
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1138
accessibility, wcag, community
Shades of Grey With “color-mix()” (mic)1137
css, functions, colors
At Some Point, JavaScript Got Good1136
javascript, history
The Value of Open Source in Furthering Accessibility Goals (mgi)1135
videos, foss, accessibility
A to Z of Assistive Technology for Reading Digital Text1134
accessibility, browsers, assistive-tech, readability, concepts
Poor Express Authentication Patterns in Node.js and How to Avoid Them1133
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1132
accessibility, techniques
Content Standards in Design Systems (nng)1131
content, design-systems, processes
How Slack Automates Deploys1130
deploying, automation, case-studies, slack
So I Got Fired1129
career
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1128
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1127
videos, css, view-transitions, animations
Introduction to htmx (jan)1126
introductions, htmx
Web Components From Early 2024 (chr)1125
web-components, link-lists
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1124
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 20241123
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively1122
how-tos, design-systems, design, processes
The Vue Ecosystem in 2024 (ben/fro)1121
vuejs, content-delivery, building, frameworks
3 Methods to Elevate Your Writing With Visual Content1120
writing, content, information-design
Web Development Trends We Will See in 20241119
trends
Should We Rely on Browser Detection? (htm)1118
browsers, browser-detection
Using AI to Predict Design Trends (web)1117
ai, design, trends
Why Are My Live Regions Not Working? (pat/tet)1116
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1115
videos, cookies, consent-management, privacy, user-experience, guidelines
A React Developer’s Guide to Learning Solid.js1114
guides, react, solidjs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1113
foss, maintenance
When to Use Bun Instead of Node.js (app)1112
bun, nodejs, comparisons
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1111
interviews, nodejs, deno, jsr
Exploring the Immersive Web With Wolvic (sea)1110
xr, wolvic, browsers
Understanding What Drupal Editors and Authors Need (ckr/lul)1109
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1108
figma, programming, typescript, migrating, case-studies
Demystifying React’s Types: Ref Types1107
react
How to Create Content in WordPress With AI1106
how-tos, content, ai, wordpress
Handling the Indentation of a Treeview Component (sha)1105
css
Popover API Is Here (chr/fro)1104
apis, pop-overs, html
Web Forms: Costly Mistakes You Want to Avoid (geo)1103
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1102
accessibility, case-studies
European Accessibility Act: Ultimate Guide to Compliance1101
guides, accessibility, compliance, legal, eaa
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1100
usability, user-experience, sorting
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)1099
how-tos, design-systems, processes, collaboration, maintenance
Pretty Much Every Website Uses the Wrong Font Size…1098
videos, css
I Reviewed 1,000s of Opinions on htmx1097
htmx
Composability in Design Systems1096
design-systems, design, components
An Alternative Proposal for CSS Masonry1095
css, layout, masonry, google
Superior Range Syntax (css)1094
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1093
webassembly, performance, web-apps
CSS Inheritance (bel/pic)1092
css, cascade, inheritance
Introduction to NestJS1091
introductions, frameworks, nestjs
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1090
edge, css, support, deprecation
What Is Vite (and Why Is It So Popular)?1089
vite
How to Design Accessible Forms in 10 Steps1088
how-tos, design, accessibility, forms
My Approach to HTML Web Components1087
html, web-components
New to the Web Platform in April1086
release-notes, web-platform, browsers, firefox, chrome, safari
Accessibility Evolution of Organizations (cer)1085
accessibility, processes, economics
The Polish Paradox1084
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form1083
forms, user-experience
Can You Detect Overflow With CSS? (fon/css)1082
css, overflow
Top 50 System Design Interview Questions for 20241081
interviewing, architecture, system-design, link-lists
Passkeys: A Shattered Dream (fir)1080
security, authentication, passkeys
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1079
design, images, information-design
What Do Developers Want From AI?1078
research, ai, productivity, efficiency
Optimizing INP: A Deep Dive1077
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1076
nodejs, environments, tooling
Basic Algorithms1075
algorithms, search, sorting
Design Déjà Vu (mal)1074
design, html, css, history, comparisons
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1073
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1072
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1071
ai, optimization
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1070
accessibility, processes, prototyping, research
Popover API Lands in Baseline (una)1069
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1068
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing1067
videos, introductions, accessibility, testing
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1066
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1065
anniversaries, dojo
HTML Attributes vs. DOM Properties (jaf)1064
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1063
jsr, dependencies
Node.js 22 Available Now (ope)1062
release-notes, nodejs
Ruby Might Be Faster Than You Think (joh)1061
ruby, performance
The New “!important” (geo)1060
css, cascade
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1059
javascript, urls
Use “:has()” to Scope CSS1058
css, selectors, scope
Write Better CSS With Modern CSS (css)1057
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1056
css, minification, performance
Printing Music With CSS Grid (ste)1055
css, grids, examples
The Perfect Site Doesn’t Exist (mic)1054
quality, maintenance, processes
How to Escape JavaScript for a Script Tag1053
how-tos, javascript, escaping, html
Node.js Next 10 Survey—2024 (nod)1052
surveys, nodejs
F-Shape Pattern and How Users Read (vit/sma)1051
usability, design
Images as the First Thing in a Button or Link (tem)1050
accessibility, html, images, buttons, links
Reflecting on My Programming Career1049
career
Your Page Can’t Change Media Features (kil)1048
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1047
performance, metrics, terminology
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1046
html, modals, pop-overs
Comparing Full Stack and Headless CMS Platforms1045
comparisons, content-management, wordpress, drupal, ghost
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1044
cookies, privacy, browsers, chrome
Using Vite to Rebuild Local Dependencies in an npm Workspace1043
npm, dependencies, vite
Notes on Quality1042
design, user-experience, quality
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1041
bun, deploying, performance, case-studies
The Front End Developer/Engineer Handbook 2024 (fro)1040
overviews, career, learning, tech-stacks, concepts, terminology
Adding ESLint and Auto-Fixing an Existing TypeScript Project1039
eslint, typescript, quality, automation
Creating Fluid Typography With the CSS “clamp()” Function1038
css, functions, typography, liquid-design
How the Meaning of Colour Varies per Culture1037
colors, culture
The First Framework That Lets You Visualize Your React/Node.js App1036
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website1035
screenshots, images, automation, playwright, github-actions
5 Hidden CSS Properties You Didn’t Know Existed1034
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1033
user-experience, onboarding, product-management
How I Use Generative AI in Branding1032
ai, branding, principles, design
The Art of Design System Recipes (bra)1031
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1030
collaboration, processes
The Ultimate Collection of CSS-Only Shapes (css)1029
websites, css
Using Legitimate GitHub URLs for Malware (sch)1028
security, malware, github
What You Can Do as a Web Builder on Earth Day (aar)1027
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1026
accessibility, images, alt-text
State of Design Tokens 2024 (don+)1025
videos, design-tokens, figma, tooling
JavaScript Features That Most Developers Don’t Know1024
javascript, functions
Node.js Test Runner: A Beginner’s Guide (bet)1023
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1022
css, vendor-extensions, history
3 Essential Design Trends, May 2024 (web)1021
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)1020
user-experience, principles, best-practices
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1019
ci-cd, concepts
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1018
videos, interviews, css
April 24 Is JS Naked Day (j9t)1017
javascript, awareness-days
Considerations for AI Opt-Out (mno)1016
ai
Detect JavaScript Support (fon/css)1015
css, javascript, media-queries, support
Optimising React Apps1014
react, optimization
Make Product Design Great Again1013
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma1012
tips-and-tricks, prototyping, figma
Design Systems and the Never-Ending Job of Buy In (pjo)1011
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)1010
css, javascript, media-queries, support
Long Alt (aar)1009
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)1008
design-systems, accessibility
Node.js Task Runner (yag)1007
nodejs, performance
Using “@defer” Defer Views in Angular 171006
angular, performance, lazy-loading
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)1005
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)1004
how-tos, css, presentational-html
This Web of Ours, Revisited (zel)1003
web
How to Work With GraphQL in WordPress in 2024 (sma)1002
how-tos, wordpress, graphql
Building a Culture of Accessibility (tet)1001
accessibility, culture
A Short Guide to Mastering Keyboard Shortcuts on GitHub1000
guides, github, keyboard-shortcuts
Typography Variables in Figma Are Here (joe)999
typography, variables, figma
Accessibility Overlays—Friend or Foe? (int)998
videos, accessibility, overlays
A Primer on the Cascade and Specificity (bel/pic)997
introductions, css, selectors, cascade
My Code Formatting Guidelines (val)996
guidelines, formatting, conventions, javascript, html, prettier, configuration
What’s Going On in Dark Theme / Light Theme Land (chr/fro)995
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)994
community
Git Common Developer Pitfalls and Solutions (wom)993
git
Building an npm Package Compatible With ESM and CJS in 2024992
npm, dependencies, interoperability, esm, commonjs
Angular’s New Signal Inputs991
videos, angular, signals
5 Tailwind CSS Anti-Patterns to Avoid (ato)990
tailwind, colors, theming, frameworks, anti-patterns
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)989
redesigning, sustainability
The “Intl.Segmenter” Object Is Now Part of Baseline988
browsers, support, web-platform, javascript
AI Isn’t Useless—but Is It Worth It? (mol)987
ai, quality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)986
conversion, html, javascript
How to Write World-Beating Web Content (web)985
how-tos, writing, content
Property Hooks Are Coming in PHP 8.4 (ami)984
php, hooks
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)983
jquery, maintenance, migrating
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)982
accessibility, security
How to Submit a Form in React Using FormData (wom)981
how-tos, forms, react
JavaScript Code Quality Tools: See Qodana in Action (jet)980
qodana, quality, javascript
The Impact of Color Contrast on Accessibility979
accessibility, colors, contrast
Building a GitHub Activity Feed With Node.js and Socket.IO978
nodejs, github, functionality
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI977
ai, quality, craft, metrics, engineering-management
Webhooks and WebSockets976
webhooks, websockets
12 Tips From a Mid-Level Developer (abb)975
career, tips-and-tricks
Who Should Block AI Bots? (moz)974
scraping, ai, seo
Displaying HTML Web Components973
web-components, css
Electron 30.0.0 (kee/ele)972
release-notes, electron
[pnpm] v9.0.0 (pnp)971
release-notes, pnpm
Things That Can Break “aspect-ratio” in CSS (chr/fro)970
css, aspect-ratio
Why We Are Still Using 88×31 Buttons969
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)968
css, design, centering
Alternating Style Queries (kiz)967
css, style-queries, techniques
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)966
web
The Biggest Lie in HTML965
videos, html
We Need to Rewild the Internet (rob/noe)964
web, standards, collaboration, creativity, outlooks
Making Disabled Buttons More Accessible963
accessibility, buttons, html, aria
The Right Code for Your Design System (fig)962
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates961
typescript
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)960
accessibility
An Intro to Flexbox (cfe)959
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)958
standards, accessibility, aria, html
CSS in React Server Components (jos)957
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)956
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)955
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)954
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)953
migrating, processes, seo, sem
Ethics in Times of Growth Design952
design, ethics
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)951
foss, security, openjs
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)950
accessibility, auditing, tooling
Interview With Senior JS Developer 2024949
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)948
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter947
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)946
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey945
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)944
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)943
career, learning
Blockin’ Bots (bee)942
scraping, ai, apache, configuration
How to Build a Reusable Grid System With CSS Grid (cfe)941
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)940
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)939
bfcache, monitoring, debugging, performance
10 Things Software Developers Should Learn About Learning938
research, learning
Naming Colors in Design Systems (ado)937
naming, colors, design-systems
How Do Open Source Licenses Work? The Ultimate Guide936
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)935
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)934
css, images, techniques, 3d
Mixins Three Ways (dut)933
mixins, sass, less, css
A Comparison of Automated Testing Tools for Digital Accessibility (equ)932
accessibility, testing, tooling, automation, comparisons
An Intro to CSS Grid (cfe)931
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)930
accessibility, vpat-acr, conformance, documentation
Gap Is the New Margin (chr/fro)929
css, margins, layout
Accessible Interactions in JavaScript Apps (san)928
videos, accessibility, javascript, aria
The Dos and Don’ts of Using “tabindex” in Web Design (a11)927
accessibility, keyboard-navigation, html
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)926
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)925
fundamentals, npm
Zombie Estimation924
agile, scrum, processes, project-management
Web Accessibility Statement: How to Write One923
how-tos, accessibility, documentation, writing
CSS Tricks to Master the “clip-path” Property (css)922
css, masking, clipping, tips-and-tricks
Purging Design System “Rot” From Our Checkboxes (chu)921
design-systems, maintenance, quality, accessibility, case-studies
Let Me Be920
videos, javascript
Socks, Lies, and Accessibility919
accessibility, awareness-days, link-lists
Why I’m Embracing the Arc Browser918
browsers, arc
Unleashing Designers With Tailwind CSS917
videos, tailwind, design, processes
Epic App Performance Starts With the Database916
videos, performance, databases, optimization
JS Naked Day (mac+)915
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)914
git, errors
The Future of Design Systems Is Marketing (fig)913
design-systems, marketing, metrics
Frontend Development Beyond React: Svelte912
svelte
Release Notes for Safari Technology Preview 192 (jon/web)911
release-notes, browsers, safari
I Never Knew a Website Could Hurt Someone (kar)910
videos, accessibility
The Guide to Git I Never Had909
guides, git, command-line, cheat-sheets
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)908
webkit, browsers, safari, performance, optimization
Wednesday, April 10, 2024 Security Releases (raf/nod)907
release-notes, nodejs, security
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions906
design, user-experience
Ableism and Related Terms You Need to Know (mer)905
terminology, communication, dei
Figma Prototypes vs. HTML Prototypes (ada)904
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)903
css, mixins, techniques
Understanding Interaction to Next Paint (INP) (wil/fro)902
performance, web-vitals
Happy CSS Naked Day 2024 (fro)901
frontend-dogma, css, awareness-days
An Introduction to the Node.js Performance API (bet)900
introductions, nodejs, performance, apis
Sending Email Using Node.js (cra)899
nodejs, email
React Server Components in a Nutshell898
react, components
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)897
accessibility, ada, legal, web, mobile
Recapping ng-conf 2024896
angular
Is the Party Over for Scrum Masters and Agile Coaches?895
agile, scrum, career
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution894
react, history
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)893
redesigning, strategies, dei, accessibility
Things That I Like Better in Vue Than in React892
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)891
user-experience, ai, hci
What Is Whitespace? (nng)890
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities889
books, nodejs, security, vulnerabilities
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)888
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Creating a Navbar in React887
navigation, react, css
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities886
accessibility, legal, web, mobile
Node.js Debugging in Chrome DevTools (chr/fro)885
nodejs, debugging, tooling, browsers, chrome, dev-tools
DORA’s Software Delivery Metrics: The Four Keys (nat)884
processes, metrics
How I Write Commits Like a Pro883
version-control, git, commit-messages, conventions
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)882
design, communication
The Death of Creativity881
creativity, ai
Building a CLI From Scratch With TypeScript and oclif880
command-line, typescript
Faster Websites With the “picture” Element (fra)879
html, images, performance
Jekyll vs. Astro (koo)878
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)877
html, css, testing, quality
Blind Internet Users Struggle With Error-Prone AI Aids (fin)876
accessibility, ai
Demystifying the Shadow DOM875
dom, shadow-dom
10 Must Know System Design Concepts for Interviews874
interviewing, architecture, system-design, concepts, scalability
How to Think About HTML Responsive Images (db)873
how-tos, html, images, responsive-design
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)872
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Why I’m Yet Another Woman Leaving the Tech Industry871
career, community
Reviewing Polypane for Responsive Website Tweaks870
videos, polypane, browsers
21 HTML Tips You Must Know About869
html, tips-and-tricks
[zx] 8.0.0868
release-notes, zx
“AI” Won’t Solve Accessibility (yat)867
accessibility, ai
Drive-By Accessibility Tweaks (bru)866
accessibility
ESLint v9.0.0 Released (nza/esl)865
release-notes, eslint
Should Designers Code? (bra)864
design, career
The Free Software Commons (jen)863
foss, community, security
Breakpoints in Responsive Design (nng)862
design, responsive-design, breakpoints, usability
Creativity in Software Engineering861
research, creativity, programming
Managing User Focus With “:focus-visible” (css)860
css, selectors, focus
DevTools Tips and Tricks (pan/fro)859
browsers, dev-tools, tips-and-tricks
How to Make Your Website Work Offline858
how-tos, web-workers, offline, javascript
How to Strongly Type process.env (mat)857
how-tos, typescript, nodejs
Rounded Tabs With Inner Curves (css)856
css, effects, tips-and-tricks
When to Use “tabindex="0"” (gra/tet)855
accessibility, keyboard-navigation, focus, html
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue854
videos, javascript, visualization, event-loop, events, apis
The V8 Sandbox853
v8, security
AI and the Future of Web Accessibility Guidelines852
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)851
guides, css, logical-properties, cheat-sheets
Building Components With Radix UI850
radix, components
Heat Death of the Internet849
web
The Basics of Legibility848
fundamentals, typography, legibility
Modern CSS Patterns in Campfire847
css, case-studies
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)846
ai, web
An Advanced Way to Use CSS Variables (cfe)845
css, custom-properties
“aspect-ratio” Gotcha (css)844
css, aspect-ratio, images
Finally Understand Responsive Design843
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)842
css, typography, tips-and-tricks
Svelte Parses HTML All Wrong (ric)841
svelte, html, parsing
The View Transitions API (cas/fro)840
view-transitions, apis, astro
Theming Design Systems (per)839
design-systems, theming
In-Page Links: 3 Usability Tips (nng)838
videos, links, usability, tips-and-tricks
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?837
dns, security
Wednesday, April 3, 2024 Security Releases (nod)836
release-notes, nodejs, security
Introducing Jpegli: A New JPEG Coding Library835
introductions, jpeg, images, libraries, compression
Using JSON Web Tokens With Node.js834
json-web-tokens, nodejs, security, authentication
BFCache Explained833
bfcache, browsers, performance
How to Build a Simple Web Server With Node.js832
how-tos, servers, nodejs
Hanging Punctuation in CSS831
css, typography
An Interactive Guide to CSS Container Queries (sha)830
guides, css, container-queries
Authentication in Next.js (rwi)829
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)828
css, anchor-positioning
How We’re Approaching Theming With Modern CSS (bel/pic)827
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)826
branding, scrolling, animations, techniques, css
WordPress 6.5 “Regina” (pho/wor)825
release-notes, wordpress
Learn JavaScript (wil)824
courses, javascript
WebAssembly at Google (tom)823
videos, webassembly, google
How to Get Somebody Fired Using Git822
version-control, git, career
14 Top UX Tools for Designers in 2024 (web)821
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)820
guides, accessibility, content
Bun 1.1 (jar+/bun)819
release-notes, bun
Introducing Root.js818
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over817
programming, career, ai, economics
Micro Frontends With Native Federation816
micro-frontends, comparisons
What Even Is a JSON Number?815
json, terminology
The Detail, the Quality814
design, quality
Kobold Letters (wed)813
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)812
accessibility
Object Structure in JavaScript Engines811
objects, javascript, javascript-engines
Why I Care Deeply About Web Accessibility and You Should Too (sch)810
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time809
tooling, nodejs, deno, bun, quickjs
Disable AWS CloudFront Distributions if Budget Is Exceeded808
aws, cloudfront, configuration, economics
The DevOps Basics807
dev-ops, fundamentals
10 JavaScript Sites Every Web Developer Should Know806
javascript, learning, link-lists
Design Is a Process of Getting Stuck (fon)805
design, processes
Some Samples Using UIkit804
uikit
Figma Plugins (tmc)803
figma, plugins
Front-End Development’s Identity Crisis (ell)802
career
On “disabled” and “aria-disabled” Attributes (kit)801
accessibility, html, attributes, aria
The Curious Case of the CSS Monochrome Media Query (sea)800
css, media-queries
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)799
studies, research, accessibility, homepages, metrics
“@scope” Is Coming to CSS and It’s Amazing (kev)798
videos, css, scope
The Easy Way to Access the Last JavaScript Array Element797
javascript, arrays
What Negative Effects Does a Bad Website Design Have on My Business? (web)796
design, economics
The Power of “:has()” in CSS (css)795
css, selectors
Finally Understanding How “Array.sort(comparator)” Works (jam)794
javascript, arrays
The Complete Guide to Captioned Videos (mer)793
guides, accessibility, captions, multimedia
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)792
css, functions, colors, dark-mode
Release Notes for Safari Technology Preview 191 (jon/web)791
release-notes, browsers, safari
What’s New in DevTools, Chrome 124790
release-notes, dev-tools, browsers, chrome
The Browser Company and Radical Transparency789
the-browser-company, culture, communication
History of JS Interop in Dart788
javascript, dart, interoperability, history
Improving the Developer Experience of Enterprise Design Systems787
design-systems, developer-experience, optimization
A Guide to Building CLI Tools in JavaScript786
guides, tooling, command-line, javascript, nodejs
New to the Web Platform in March785
release-notes, web-platform, browsers, firefox, safari, chrome
Flickering Glowing Text Effect With CSS (man)784
css, effects
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)783
browsers, mobile, privacy, security
ai.robots.txt (cor)782
ai, crawling, scraping, robotstxt, tooling
How I Fixed My Brutal TTFB (whi/get)781
performance, metrics, optimization