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#
UI Density1264
design, information-design, metrics
The Art of Not Being So Freaking Pushy1263
design, user-experience, microcontent, buttons
CodeFlattener1262
packages, npm, javascript
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1261
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)1260
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)1259
web, content, maintenance, processes, sustainability
Process1258
processes
A JavaScript Developer Tries Go for the First Time1257
javascript, go
Cloning Queries in Laravel (ami)1256
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1255
css, functions, colors, compliance, readability, comparisons
The Future of 11ty (zac/ele)1254
videos, eleventy, outlooks
Turn Off Google AI Overview—Set “Web” as Default1253
websites, google, ai, search
Weighing in on CSS Masonry (kei)1252
css, layout, masonry
Visual Design: Glossary (tbf/nng)1251
design, terminology
WAI–ARIA: “role=deletion”1250
accessibility, aria
WAI–ARIA: “role=strong”1249
accessibility, aria
On Which Side Do We Put the Primary Button? (mar)1248
design, usability, buttons
Beyond CSS Media Queries (mon/sma)1247
css, media-queries, container-queries, layout, techniques
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1246
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
CSS… 5? (chr/fro)1245
css, versioning
CSS Container Queries in Practice (mia/odd)1244
videos, css, container-queries
CSS3? Pfff—Get Ready for CSS6! (jar/van)1243
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1242
css, html, attributes
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1241
accessibility, w3c, wcag
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1240
accessibility, wcag, standards, w3c
Rethinking Text Resizing on Web (bas)1239
accessibility, resizing
New Field Insights for Debugging INP (mal)1238
videos, performance, web-vitals
The Latest in Web UI (una)1237
videos, html, css, layout, effects
What’s New in the Web (rac)1236
videos, web-platform
From Fast Loading to Instant Loading (tun)1235
videos, performance, apis
What’s New in Angular (mge+)1234
videos, angular
Automate Browser Testing With Tools and Best Practices From Chrome1233
videos, browsers, google, chrome, testing, tooling, automation, best-practices
Navigating the JavaScript Framework Ecosystem (add)1232
videos, javascript, frameworks
What You Need to Know About Third-Party Cookie Deprecation1231
videos, cookies, browsers, google, chrome, support, deprecation
ADA Title II and You1230
videos, accessibility, ada, legal
Baseline Progressive Enhancement (ada)1229
web-platform, progressive-enhancement, browsers, support
JavaScript Security: Simple Practices to Secure Your Frontend1228
javascript, security, dependencies, csp
Merging Remix and React Router (rem)1227
remix, react-router
Prefetching When Server Loading Won’t Do (ada/fro)1226
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1225
react, compiling
Transforming the Relationship Between Designers and Developers (sma)1224
design, collaboration, processes
Dynamic GitHub Profile With Bun and TypeScript1223
github, readme, bun, typescript
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1222
productivity, efficiency, product-management
Dark Mode and Accessibility Myth (ste)1221
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)1220
ecmascript, promises
The Great Tech and People Hypocrisy (j9t)1219
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)1218
design, career, communication, terminology
State of HTML 2023 [Results] (sac+/dev)1217
surveys, metrics, html
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1216
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1215
google, web-platform, ai
Web Platform Status1214
websites, web-platform, browsers, interoperability, support
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)1213
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro)1212
release-notes, browsers, google, chrome
Built-In AI (kbx+)1211
chrome, google, browsers, ai, gemini, apis
Google’s Broken Link to the Web1210
google, web, search, ai
Stop Moving Fast and Breaking Everything1209
product-management, engineering-management, leadership, processes
Accessible SVG Forms1208
accessibility, forms, svg, aria
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1207
css, layout, masonry, accessibility, keyboard-navigation
Intopia’s WCAG 2.2 Maps (int)1206
accessibility, wcag, cheat-sheets
JavaScript Objects—Complete Guide1205
guides, javascript, objects
Morphing Arbitrary Paths in SVG1204
svg, animations
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1203
css, borders, tips-and-tricks
Top 7 CSS Frameworks for Developers in 20241202
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
WebKit Features in Safari 17.5 (jen/web)1201
release-notes, browsers, apple, safari, webkit
AI Isn’t Ready for UX Design (nng)1200
videos, design, user-experience, ai
RSS Is Good, Isn’t It?! (mic)1199
syndication, rss, indieweb
List of Essential Soft Skills for Front-End Engineers1198
career
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1197
css, custom-properties, animations, transitions
How I Made My GitHub Profile README Dynamic1196
github, readme
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1195
accessibility, aria, best-practices
Regarding Keyboard Testing1194
accessibility, keyboard-navigation, testing
AI Product Design: Identifying Skills Gaps and How to Close Them1193
design, ai, processes
Designers Are More Than Keywords and Portfolios1192
design, user-experience, career
Doing the Right Thing Right—Validation and Verification1191
validation, terminology, comparisons
All I Want for GAAD1190
accessibility, awareness-days, wish-lists
Quick Incremental Accessibility Audits for Small Business Websites (cer)1189
accessibility, auditing
Setting Personal OKRs (cwo)1188
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1187
principles, craft, quality
Accessibility Overlays Are Not for Disabled People (tem)1186
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1185
accessibility, aria, auditing
Mesh Gradients in CSS (jos)1184
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1183
accessibility
17 Best Developer Productivity Tools to Try1182
productivity, tooling, link-lists
Manifesto for a Humane Web (mic)1181
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1180
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1179
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1178
javascript, apis
Introducing the CSS Anchor Positioning API (una)1177
introductions, css, apis, anchor-positioning, examples
Build Your Own React.js in 400 Lines of Code1176
react, jsx, principles
Typography Terms: Glossary (tbf/nng)1175
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1174
design, programming, ai, comparisons
Make Your Figma Components Work Harder1173
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)1172
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Release Notes for Safari Technology Preview 194 (jon/web)1171
release-notes, browsers, apple, safari
Simple Implemention to Understand “worker_threads” in Node.js1170
nodejs, examples, worker-threads
WordPress Ping List for Faster Post Indexing1169
wordpress, crawling, seo
37 Tips From a Senior Frontend Developer1168
tips-and-tricks, fundamentals, learning, processes, career
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1167
javascript, events, web-components
Let’s Build a Web Scraper in PHP and Python1166
scraping, php, python
Level-Setting Heading Levels (aar)1165
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)1164
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1163
web-components, dom
What Is UX (Not)? (nng)1162
videos, user-experience, concepts
Upgrade Your HTML V (j9t/fro)1161
books, frontend-dogma, html, minimalism, craft, conformance
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1160
ai, slop, terminology
JavaScript “var”, “let”, and “const” Explained (cfe+)1159
javascript
Modern WordPress—Yikes! (dbu)1158
wordpress, themes
The Carcinization of Web Frameworks1157
frameworks, history, signals, server-side-rendering, outlooks, web-components
Introducing the Gulp Developer Survey1156
introductions, surveys, gulp
Transparent Borders (bra)1155
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1154
components, accessibility, dei, case-studies, github
Why Patching Globals Is Harmful1153
javascript, programming
Focus vs. Accessibility Focus1152
accessibility, focus, comparisons
Evidence-Based Management Guide, 2024—What’s New?1151
release-notes, guides, agile, processes, metrics, engineering-management
A Brief Note on Highlighted Text (aar)1150
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1149
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1148
errors
Get First Item in Eleventy Collection1147
how-tos, eleventy, nunjucks
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1146
redesigning, strategies, dei, accessibility
Servo Reboot: Where Are We Now? OSS-NA 20241145
browser-engines, servo, browsers
These CSS Pro Tips and Tricks Will Blow Your Mind1144
videos, css, tips-and-tricks
Using Simple Tools as a Radical Act of Independence1143
html, css, simplicity
Using the Popover API for HTML Tooltips (chr/fro)1142
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1141
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1140
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1139
backend-for-frontend, architecture
5 Node Version Managers Compared—Which Is Right for You? (pav)1138
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup1137
eleventy, deno, hosting
Pairing Eleventy With htmx and Deno1136
eleventy, htmx, deno
Securing Client-Side JavaScript (ada)1135
javascript, security, graceful-degradation
The 7 Most Useful Web Design and Web Development Glossaries (apo)1134
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1133
css, selectors, cascade
Native Support for CJS/ESM Interoperability Begins in Node.js 221132
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know1131
memory, garbage-collection
A to Z of Assistive Technology for Reading Digital Text1130
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)1129
videos, foss, accessibility
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1128
accessibility, wcag, community
Shades of Grey With “color-mix()” (mic)1127
css, functions, colors
At Some Point, JavaScript Got Good1126
javascript, history
Poor Express Authentication Patterns in Node.js and How to Avoid Them1125
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1124
accessibility, techniques
So I Got Fired1123
career
Content Standards in Design Systems (nng)1122
content, design-systems, processes
How Slack Automates Deploys1121
deploying, automation, case-studies, slack
3 Methods to Elevate Your Writing With Visual Content1120
writing, content, information-design
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1119
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1118
videos, css, view-transitions, animations
Introduction to htmx (jan)1117
introductions, htmx
The Vue Ecosystem in 2024 (fro)1116
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1115
web-components, link-lists
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1114
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 20241113
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively1112
how-tos, design-systems, design, processes
Web Development Trends We Will See in 20241111
trends
Demystifying React’s Types: Ref Types1110
react
Exploring the Immersive Web With Wolvic (sea)1109
xr, wolvic, igalia, browsers
Should We Rely on Browser Detection? (htm)1108
browsers, browser-detection
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1107
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)1106
drupal
Using AI to Predict Design Trends (web)1105
ai, design, trends
Why Are My Live Regions Not Working? (pat/tet)1104
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1103
videos, cookies, consent-management, privacy, user-experience, guidelines
A React Developer’s Guide to Learning Solid.js1102
guides, react, solidjs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1101
foss, maintenance
How to Create Content in WordPress With AI1100
how-tos, content, ai, wordpress
When to Use Bun Instead of Node.js (app)1099
bun, nodejs, comparisons
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1098
interviews, nodejs, deno, jsr
Composability in Design Systems (ada)1097
design-systems, design, components
Handling the Indentation of a Treeview Component (sha)1096
css
I Reviewed 1,000s of Opinions on htmx1095
htmx
Popover API Is Here (chr/fro)1094
apis, pop-overs, html
Pretty Much Every Website Uses the Wrong Font Size…1093
videos, css
Web Forms: Costly Mistakes You Want to Avoid (geo)1092
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1091
accessibility, case-studies
An Alternative Proposal for CSS Masonry (rac)1090
css, layout, masonry, google
European Accessibility Act: Ultimate Guide to Compliance1089
guides, accessibility, compliance, legal, eaa
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1088
usability, user-experience, sorting
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)1087
how-tos, design-systems, processes, collaboration, maintenance
Introduction to NestJS1086
introductions, frameworks, nestjs
My Approach to HTML Web Components (ada)1085
html, web-components
Superior Range Syntax (css)1084
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1083
webassembly, performance, web-apps
What Is Vite (and Why Is It So Popular)?1082
vite
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1081
microsoft, edge, css, support, deprecation
New to the Web Platform in April (rac)1080
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
CSS Inheritance (bel/pic)1079
css, cascade, inheritance
How to Design Accessible Forms in 10 Steps1078
how-tos, design, accessibility, forms
Accessibility Evolution of Organizations (cer)1077
accessibility, processes, economics
No, I Don’t Want to Fill Out Your Contact Form1076
forms, user-experience
The Polish Paradox1075
design, optimization, user-experience
Can You Detect Overflow With CSS? (fon/css)1074
css, overflow
Top 50 System Design Interview Questions for 20241073
interviewing, architecture, system-design, link-lists
Basic Algorithms1072
algorithms, search, sorting
Passkeys: A Shattered Dream (fir)1071
security, authentication, passkeys
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1070
design, images, information-design
Optimizing INP: A Deep Dive1069
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1068
nodejs, environments, tooling
What Do Developers Want From AI?1067
research, ai, productivity, efficiency
Design Déjà Vu (mal)1066
design, html, css, history, comparisons
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1065
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1064
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1063
ai, optimization
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1062
accessibility, processes, prototyping, research
Popover API Lands in Baseline (una)1061
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1060
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing1059
videos, introductions, accessibility, testing
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1058
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1057
anniversaries, dojo
How to Escape JavaScript for a Script Tag1056
how-tos, javascript, escaping, html
HTML Attributes vs. DOM Properties (jaf)1055
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1054
jsr, dependencies
Node.js 22 Available Now (ope)1053
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1052
surveys, nodejs
Printing Music With CSS Grid (ste)1051
css, grids, examples
Ruby Might Be Faster Than You Think (joh)1050
ruby, performance
The New “!important” (geo)1049
css, cascade
The Perfect Site Doesn’t Exist (mic)1048
quality, maintenance, processes
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1047
javascript, urls
Use “:has()” to Scope CSS1046
css, selectors, scope
Write Better CSS With Modern CSS (css)1045
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1044
css, minification, performance
Adding ESLint and Auto-Fixing an Existing TypeScript Project1043
eslint, typescript, quality, automation
F-Shape Pattern and How Users Read (vit/sma)1042
usability, design
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1041
bun, deploying, performance, case-studies
Images as the First Thing in a Button or Link (tem)1040
accessibility, html, images, buttons, links
Reflecting on My Programming Career1039
career
Taking Regular Screenshots of My Website1038
screenshots, images, automation, playwright, github-actions
The Front End Developer/Engineer Handbook 2024 (fro)1037
overviews, career, learning, tech-stacks, concepts, terminology
Using Vite to Rebuild Local Dependencies in an npm Workspace1036
npm, dependencies, vite
Your Page Can’t Change Media Features (kil)1035
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1034
performance, metrics, terminology
Notes on Quality1033
design, user-experience, quality
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1032
html, modals, pop-overs
Comparing Full Stack and Headless CMS Platforms1031
comparisons, content-management, wordpress, drupal, ghost
Creating Fluid Typography With the CSS “clamp()” Function1030
css, functions, typography, liquid-design
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1029
cookies, privacy, browsers, google, chrome
How the Meaning of Colour Varies per Culture1028
colors, culture
The First Framework That Lets You Visualize Your React/Node.js App1027
frameworks, visualization, react, nodejs, wasp
15 Essential UX Design Principles and Practices for Developers (uxm)1026
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)1025
design, trends
5 Hidden CSS Properties You Didn’t Know Existed1024
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1023
user-experience, onboarding, product-management
How I Use Generative AI in Branding1022
ai, branding, principles, design
The Art of Design System Recipes (bra)1021
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1020
collaboration, processes
The Ultimate Collection of CSS-Only Shapes (css)1019
websites, css
Using Legitimate GitHub URLs for Malware (sch)1018
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1017
ci-cd, concepts
What You Can Do as a Web Builder on Earth Day (aar)1016
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1015
accessibility, images, alt-text
State of Design Tokens 2024 (don+)1014
videos, design-tokens, figma, tooling
JavaScript Features That Most Developers Don’t Know1013
javascript, functions
Node.js Test Runner: A Beginner’s Guide (bet)1012
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1011
css, vendor-extensions, history
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1010
videos, interviews, css
April 24 Is JS Naked Day (j9t)1009
javascript, awareness-days
Considerations for AI Opt-Out (mno)1008
ai
Detect JavaScript Support (fon/css)1007
css, javascript, media-queries, support
Optimising React Apps1006
react, optimization
3 Tips for Advanced Prototyping in Figma1005
tips-and-tricks, prototyping, figma
Make Product Design Great Again1004
design, user-experience, product-management
Design Systems and the Never-Ending Job of Buy In (pjo)1003
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)1002
css, javascript, media-queries, support
Long Alt (aar)1001
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)1000
design-systems, accessibility
Node.js Task Runner999
nodejs, performance
Using “@defer” Defer Views in Angular 17998
angular, performance, lazy-loading
Accessibility Overlays—Friend or Foe? (int)997
videos, accessibility, overlays
Building a Culture of Accessibility (tet)996
accessibility, culture
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)995
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)994
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)993
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)992
web
Typography Variables in Figma Are Here991
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub990
guides, github, keyboard-shortcuts
5 Tailwind CSS Anti-Patterns to Avoid (ato)989
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)988
introductions, css, selectors, cascade
Angular’s New Signal Inputs987
videos, angular, signals
My Code Formatting Guidelines (val)986
guidelines, formatting, conventions, javascript, html, prettier, configuration
What’s Going On in Dark Theme / Light Theme Land (chr/fro)985
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)984
community
Git Common Developer Pitfalls and Solutions (wom)983
git
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)982
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 2024981
npm, dependencies, interoperability, esm, commonjs
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)980
browsers, support, web-platform, javascript
12 Tips From a Mid-Level Developer979
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)978
ai, quality
Building a GitHub Activity Feed With Node.js and Socket.IO977
nodejs, github, functionality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)976
conversion, html, javascript
Displaying HTML Web Components (ada)975
web-components, css
How to Write World-Beating Web Content (web)974
how-tos, writing, content
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI973
ai, quality, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action972
jetbrains, qodana, quality, javascript
Property Hooks Are Coming in PHP 8.4 (ami)971
php, hooks
The Impact of Color Contrast on Accessibility970
accessibility, colors, contrast
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)969
jquery, maintenance, migrating
Webhooks and WebSockets968
webhooks, websockets
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)967
accessibility, security
Who Should Block AI Bots? (moz)966
scraping, ai, seo
How to Submit a Form in React Using FormData (wom)965
how-tos, forms, react
Electron 30.0.0 (kee/ele)964
release-notes, electron
Making Disabled Buttons More Accessible963
accessibility, buttons, html, aria
[pnpm] v9.0.0 (pnp)962
release-notes, pnpm
The Biggest Lie in HTML961
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)960
web
The Making of a TypeScript Feature: Inferring Type Predicates959
typescript
The Right Code for Your Design System (fig)958
design-systems, figma
Things That Can Break “aspect-ratio” in CSS (chr/fro)957
css, aspect-ratio
We Need to Rewild the Internet (rob)956
web, standards, collaboration, creativity, outlooks
Why We Are Still Using 88×31 Buttons955
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)954
css, design, centering
Alternating Style Queries (kiz)953
css, style-queries, techniques
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)952
accessibility
An Intro to Flexbox (cfe)951
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)950
standards, accessibility, aria, html
CSS in React Server Components (jos)949
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)948
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)947
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)946
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)945
migrating, processes, seo, sem
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)944
foss, security, openjs
Ethics in Times of Growth Design943
design, ethics
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)942
accessibility, auditing, tooling
Interview With Senior JS Developer 2024941
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)940
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter939
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)938
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey937
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)936
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)935
career, learning
Blockin’ Bots (bee)934
scraping, ai, apache, configuration
How to Build a Reusable Grid System With CSS Grid (cfe)933
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)932
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)931
bfcache, monitoring, debugging, performance
Sliding 3D Image Frames in CSS (css/sma)930
css, images, techniques
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)929
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
10 Things Software Developers Should Learn About Learning928
research, learning
How Do Open Source Licenses Work? The Ultimate Guide927
guides, foss, licensing
Naming Colors in Design Systems (ado)926
naming, colors, design-systems
A Comparison of Automated Testing Tools for Digital Accessibility (equ)925
accessibility, testing, tooling, automation, comparisons
An Intro to CSS Grid (cfe)924
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)923
accessibility, vpat-acr, conformance, documentation
CSS Tricks to Master the “clip-path” Property (css)922
css, masking, clipping, tips-and-tricks
Gap Is the New Margin (chr/fro)921
css, margins, layout
Socks, Lies, and Accessibility920
accessibility, awareness-days, link-lists
Web Accessibility Statement: How to Write One919
how-tos, accessibility, documentation, writing
Why I’m Embracing the Arc Browser918
browsers, arc, the-browser-company
Purging Design System “Rot” From Our Checkboxes (chu)917
design-systems, maintenance, quality, accessibility, case-studies
Epic App Performance Starts With the Database916
videos, performance, databases, optimization
Accessible Interactions in JavaScript Apps (san)915
videos, accessibility, javascript, aria
Unleashing Designers With Tailwind CSS914
videos, tailwind, design, processes
Let Me Be913
videos, javascript
The Dos and Don’ts of Using “tabindex” in Web Design (a11)912
accessibility, keyboard-navigation, html
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)911
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)910
fundamentals, npm
Zombie Estimation909
agile, scrum, processes, project-management
I Never Knew a Website Could Hurt Someone (kar)908
videos, accessibility
JS Naked Day (mac+)907
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)906
git, errors
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)905
webkit, browsers, apple, safari, performance, optimization
Release Notes for Safari Technology Preview 192 (jon/web)904
release-notes, browsers, apple, safari
The Future of Design Systems Is Marketing (fig)903
design-systems, marketing, metrics
The Guide to Git I Never Had902
guides, git, command-line, cheat-sheets
Wednesday, April 10, 2024 Security Releases (raf/nod)901
release-notes, nodejs, security
Frontend Development Beyond React: Svelte900
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions899
design, user-experience
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution898
react, history
Ableism and Related Terms You Need to Know (mer)897
terminology, communication, dei
Figma Prototypes vs. HTML Prototypes (ada)896
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)895
css, mixins, techniques
Recapping ng-conf 2024894
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)893
accessibility, ada, legal, web, mobile
Understanding Interaction to Next Paint (INP) (wil/fro)892
performance, web-vitals
Is the Party Over for Scrum Masters and Agile Coaches?891
agile, scrum, career
Happy CSS Naked Day 2024 (fro)890
frontend-dogma, css, awareness-days
An Introduction to the Node.js Performance API (bet)889
introductions, nodejs, performance, apis
Sending Email Using Node.js (cra)888
nodejs, email
React Server Components in a Nutshell887
react, components
How I Write Commits Like a Pro886
version-control, git, commit-messages, conventions
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)885
redesigning, strategies, dei, accessibility
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)884
design, communication
Node.js Debugging in Chrome DevTools (chr/fro)883
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
The Death of Creativity882
creativity, ai
Things That I Like Better in Vue Than in React881
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)880
user-experience, ai, hci
What Is Whitespace? (nng)879
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities878
books, nodejs, security, vulnerabilities
DORA’s Software Delivery Metrics: The Four Keys877
processes, metrics
Building a CLI From Scratch With TypeScript and oclif876
command-line, typescript
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)875
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Creating a Navbar in React874
navigation, react, css
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities873
accessibility, legal, web, mobile
Demystifying the Shadow DOM872
dom, shadow-dom
Faster Websites With the “picture” Element (fra)871
html, images, performance
Jekyll vs. Astro (koo)870
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)869
html, css, testing, quality
10 Must Know System Design Concepts for Interviews868
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)867
accessibility, ai
21 HTML Tips You Must Know About866
html, tips-and-tricks
How to Think About HTML Responsive Images (db)865
how-tos, html, images, responsive-design
Reviewing Polypane for Responsive Website Tweaks864
videos, polypane, browsers
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)863
accessibility, user-experience, keyboard-navigation, skip-links, wcag
[zx] 8.0.0862
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry861
career, community
“AI” Won’t Solve Accessibility (yat)860
accessibility, ai
DevTools Tips and Tricks (fro)859
browsers, dev-tools, tips-and-tricks
Drive-By Accessibility Tweaks (bru)858
accessibility
ESLint v9.0.0 Released (nza/esl)857
release-notes, eslint
How to Make Your Website Work Offline856
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)855
css, selectors, focus
Should Designers Code? (bra)854
design, career
The Free Software Commons (jen)853
foss, community, security
Breakpoints in Responsive Design (nng)852
design, responsive-design, breakpoints, usability
Creativity in Software Engineering851
research, creativity, programming
Building Components With Radix UI850
radix, components
Heat Death of the Internet849
web
How to Strongly Type process.env (mat)848
how-tos, typescript, nodejs
Modern CSS Patterns in Campfire847
css, case-studies
Rounded Tabs With Inner Curves (css)846
css, effects, tips-and-tricks
The Basics of Legibility845
fundamentals, typography, legibility
When to Use “tabindex="0"” (gra/tet)844
accessibility, keyboard-navigation, focus, html
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue843
videos, javascript, visualization, event-loop, events, apis
The V8 Sandbox842
v8, security
AI and the Future of Web Accessibility Guidelines841
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)840
guides, css, logical-properties, cheat-sheets
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)839
ai, web
An Advanced Way to Use CSS Variables (cfe)838
css, custom-properties
“aspect-ratio” Gotcha (css)837
css, aspect-ratio, images
BFCache Explained836
bfcache, browsers, performance
Finally Understand Responsive Design835
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)834
css, typography, tips-and-tricks
Hanging Punctuation in CSS (ada)833
css, typography
Svelte Parses HTML All Wrong (ric)832
svelte, html, parsing
The View Transitions API (cas/fro)831
view-transitions, apis, astro
Theming Design Systems (per)830
design-systems, theming
Wednesday, April 3, 2024 Security Releases (nod)829
release-notes, nodejs, security
In-Page Links: 3 Usability Tips (nng)828
videos, links, usability, tips-and-tricks
How to Build a Simple Web Server With Node.js827
how-tos, servers, nodejs
Using JSON Web Tokens With Node.js826
json-web-tokens, nodejs, security, authentication
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?825
dns, security
Introducing Jpegli: A New JPEG Coding Library824
introductions, jpeg, images, libraries, compression
An Interactive Guide to CSS Container Queries (sha)823
guides, css, container-queries
Authentication in Next.js (rwi)822
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)821
css, anchor-positioning
How to Get Somebody Fired Using Git820
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)819
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)818
branding, scrolling, animations, techniques, css
WebAssembly at Google (tom)817
videos, webassembly, google
WordPress 6.5 “Regina” (pho/wor)816
release-notes, wordpress
Learn JavaScript (wil)815
courses, javascript
14 Top UX Tools for Designers in 2024 (web)814
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)813
guides, accessibility, content
Bun 1.1 (jar+/bun)812
release-notes, bun
Micro Frontends With Native Federation811
micro-frontends, comparisons
The Detail, the Quality810
design, quality
What Even Is a JSON Number?809
json, terminology
Introducing Root.js808
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over807
programming, career, ai, economics
10 JavaScript Sites Every Web Developer Should Know806
javascript, learning, link-lists
Kobold Letters (wed)805
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)804
accessibility
Object Structure in JavaScript Engines803
objects, javascript, javascript-engines
The DevOps Basics802
dev-ops, fundamentals
Why I Care Deeply About Web Accessibility and You Should Too (sch)801
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time800
tooling, nodejs, deno, bun, quickjs
Disable AWS CloudFront Distributions if Budget Is Exceeded799
aws, cloudfront, configuration, economics
Design Is a Process of Getting Stuck (fon)798
design, processes
Some Samples Using UIkit797
uikit
Figma Plugins (tmc)796
figma, plugins
Front-End Development’s Identity Crisis (ell)795
career
On “disabled” and “aria-disabled” Attributes (kit)794
accessibility, html, attributes, aria
The Curious Case of the CSS Monochrome Media Query (sea)793
css, media-queries
The Easy Way to Access the Last JavaScript Array Element792
javascript, arrays
The Power of “:has()” in CSS (css)791
css, selectors
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)790
studies, research, accessibility, homepages, metrics
What Negative Effects Does a Bad Website Design Have on My Business? (web)789
design, economics
“@scope” Is Coming to CSS and It’s Amazing (kev)788
videos, css, scope
A Guide to Building CLI Tools in JavaScript787
guides, tooling, command-line, javascript, nodejs
Finally Understanding How “Array.sort(comparator)” Works (jam)786
javascript, arrays
Improving the Developer Experience of Enterprise Design Systems785
design-systems, developer-experience, optimization
Release Notes for Safari Technology Preview 191 (jon/web)784
release-notes, browsers, apple, safari
The Complete Guide to Captioned Videos (mer)783
guides, accessibility, captions, multimedia
History of JS Interop in Dart782
javascript, dart, interoperability, history
New to the Web Platform in March (rac)781
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)780
css, functions, colors, dark-mode
What’s New in DevTools, Chrome 124779
release-notes, dev-tools, browsers, google, chrome
Flickering Glowing Text Effect With CSS (man)778
css, effects
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)777
browsers, mobile, privacy, security
Meet Angular’s New “output()” API (ang)776
angular, apis
ai.robots.txt (cor)775
ai, crawling, scraping, robotstxt, tooling
How I Fixed My Brutal TTFB (whi/get)774
performance, metrics, optimization
Iterator Helpers773
ecmascript, javascript, javascript-engines, v8
What Even Are Dragging Movements? (cat/spa)772
accessibility, interaction-design, terminology
Be Flexible About What People Need (and Don’t Assume) (eri)771
accessibility
CSS Anchor Positioning (tab+/w3c)770
standards, css, anchor-positioning
History of Web Accessibility769
videos, accessibility, history
How Does npx Actually Work and When to Use It768
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)767
html, conformance, performance
How to Take Control of Flexbox (kev)766
videos, how-tos, css, flexbox, layout
Node v20.12.0 (LTS) (nod)765
release-notes, nodejs