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 Density1263
design, information-design, metrics
The Art of Not Being So Freaking Pushy1262
design, user-experience, microcontent, buttons
CodeFlattener1261
packages, npm, javascript
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1260
browsers, testing, responsive-design
“<style>”: Inline Optimizations for the Bold (mor)1259
html, css, performance, optimization
Web Content Has a Maintenance Problem (ger)1258
web, content, maintenance, processes, sustainability
Process1257
processes
A JavaScript Developer Tries Go for the First Time1256
javascript, go
Cloning Queries in Laravel (ami)1255
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1254
css, functions, colors, compliance, readability, comparisons
The Future of 11ty (zac/ele)1253
videos, eleventy, outlooks
Turn Off Google AI Overview—Set “Web” as Default1252
websites, google, ai, search
Weighing in on CSS Masonry (kei)1251
css, layout, masonry
Visual Design: Glossary (tbf/nng)1250
design, terminology
WAI–ARIA: “role=deletion”1249
accessibility, aria
WAI–ARIA: “role=strong”1248
accessibility, aria
On Which Side Do We Put the Primary Button? (mar)1247
design, usability, buttons
Beyond CSS Media Queries (mon/sma)1246
css, media-queries, container-queries, layout, techniques
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1245
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
CSS… 5? (chr/fro)1244
css, versioning
CSS Container Queries in Practice (mia/odd)1243
videos, css, container-queries
CSS3? Pfff—Get Ready for CSS6! (jar/van)1242
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1241
css, html, attributes
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1240
accessibility, w3c, wcag
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1239
accessibility, wcag, standards, w3c
Rethinking Text Resizing on Web (bas)1238
accessibility, resizing
New Field Insights for Debugging INP (mal)1237
videos, performance, web-vitals
The Latest in Web UI (una)1236
videos, html, css, layout, effects
What’s New in the Web (rac)1235
videos, web-platform
From Fast Loading to Instant Loading (tun)1234
videos, performance, apis
What’s New in Angular (mge+)1233
videos, angular
Automate Browser Testing With Tools and Best Practices From Chrome1232
videos, browsers, google, chrome, testing, tooling, automation, best-practices
Navigating the JavaScript Framework Ecosystem (add)1231
videos, javascript, frameworks
What You Need to Know About Third-Party Cookie Deprecation1230
videos, cookies, browsers, google, chrome, support, deprecation
ADA Title II and You1229
videos, accessibility, ada, legal
Baseline Progressive Enhancement (ada)1228
web-platform, progressive-enhancement, browsers, support
JavaScript Security: Simple Practices to Secure Your Frontend1227
javascript, security, dependencies, csp
Merging Remix and React Router (rem)1226
remix, react-router
Prefetching When Server Loading Won’t Do (ada/fro)1225
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1224
react, compiling
Transforming the Relationship Between Designers and Developers (sma)1223
design, collaboration, processes
Dynamic GitHub Profile With Bun and TypeScript1222
github, readme, bun, typescript
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1221
productivity, efficiency, product-management
Dark Mode and Accessibility Myth (ste)1220
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)1219
ecmascript, promises
The Great Tech and People Hypocrisy (j9t)1218
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)1217
design, career, communication, terminology
State of HTML 2023 [Results] (sac+/dev)1216
surveys, metrics, html
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1215
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1214
google, web-platform, ai
Web Platform Status1213
websites, web-platform, browsers, interoperability, support
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)1212
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro)1211
release-notes, browsers, google, chrome
Built-In AI (kbx+)1210
chrome, google, browsers, ai, gemini, apis
Google’s Broken Link to the Web1209
google, web, search, ai
Stop Moving Fast and Breaking Everything1208
product-management, engineering-management, leadership, processes
Accessible SVG Forms1207
accessibility, forms, svg, aria
Doing the Right Thing Right—Validation and Verification1206
validation, terminology, comparisons
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1205
css, layout, masonry, accessibility, keyboard-navigation
Intopia’s WCAG 2.2 Maps (int)1204
accessibility, wcag, cheat-sheets
JavaScript Objects—Complete Guide1203
guides, javascript, objects
Morphing Arbitrary Paths in SVG1202
svg, animations
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1201
css, borders, tips-and-tricks
Top 7 CSS Frameworks for Developers in 20241200
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
WebKit Features in Safari 17.5 (jen/web)1199
release-notes, browsers, apple, safari, webkit
AI Isn’t Ready for UX Design (nng)1198
videos, design, user-experience, ai
RSS Is Good, Isn’t It?! (mic)1197
syndication, rss, indieweb
List of Essential Soft Skills for Front-End Engineers1196
career
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1195
css, custom-properties, animations, transitions
How I Made My GitHub Profile README Dynamic1194
github, readme
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1193
accessibility, aria, best-practices
Regarding Keyboard Testing1192
accessibility, keyboard-navigation, testing
AI Product Design: Identifying Skills Gaps and How to Close Them1191
design, ai, processes
Designers Are More Than Keywords and Portfolios1190
design, user-experience, career
All I Want for GAAD1189
accessibility, awareness-days, wish-lists
Quick Incremental Accessibility Audits for Small Business Websites (cer)1188
accessibility, auditing
Setting Personal OKRs (cwo)1187
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1186
principles, craft, quality
Accessibility Overlays Are Not for Disabled People (tem)1185
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1184
accessibility, aria, auditing
Mesh Gradients in CSS (jos)1183
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1182
accessibility
17 Best Developer Productivity Tools to Try1181
productivity, tooling, link-lists
Manifesto for a Humane Web (mic)1180
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1179
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1178
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1177
javascript, apis
Introducing the CSS Anchor Positioning API (una)1176
introductions, css, apis, anchor-positioning, examples
Build Your Own React.js in 400 Lines of Code1175
react, jsx, principles
Typography Terms: Glossary (tbf/nng)1174
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1173
design, programming, ai, comparisons
Make Your Figma Components Work Harder1172
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)1171
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Release Notes for Safari Technology Preview 194 (jon/web)1170
release-notes, browsers, apple, safari
Simple Implemention to Understand “worker_threads” in Node.js1169
nodejs, examples, worker-threads
WordPress Ping List for Faster Post Indexing1168
wordpress, crawling, seo
37 Tips From a Senior Frontend Developer1167
tips-and-tricks, fundamentals, learning, processes, career
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1166
javascript, events, web-components
Let’s Build a Web Scraper in PHP and Python1165
scraping, php, python
Level-Setting Heading Levels (aar)1164
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)1163
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1162
web-components, dom
What Is UX (Not)? (nng)1161
videos, user-experience, concepts
Upgrade Your HTML V (j9t/fro)1160
books, frontend-dogma, html, minimalism, craft, conformance
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1159
ai, slop, terminology
Evidence-Based Management Guide, 2024—What’s New?1158
release-notes, guides, agile, processes, metrics, engineering-management
JavaScript “var”, “let”, and “const” Explained (cfe+)1157
javascript
Modern WordPress—Yikes! (dbu)1156
wordpress, themes
The Carcinization of Web Frameworks1155
frameworks, history, signals, server-side-rendering, outlooks, web-components
Introducing the Gulp Developer Survey1154
introductions, surveys, gulp
Transparent Borders (bra)1153
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1152
components, accessibility, dei, case-studies, github
Why Patching Globals Is Harmful1151
javascript, programming
Focus vs. Accessibility Focus1150
accessibility, focus, comparisons
A Brief Note on Highlighted Text (aar)1149
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1148
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1147
errors
Get First Item in Eleventy Collection1146
how-tos, eleventy, nunjucks
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1145
redesigning, strategies, dei, accessibility
Servo Reboot: Where Are We Now? OSS-NA 20241144
browser-engines, servo, browsers
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
Using the Popover API for HTML Tooltips (chr/fro)1141
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1140
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1139
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1138
backend-for-frontend, architecture
5 Node Version Managers Compared—Which Is Right for You? (pav)1137
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup1136
eleventy, deno, hosting
Pairing Eleventy With htmx and Deno1135
eleventy, htmx, deno
Securing Client-Side JavaScript (ada)1134
javascript, security, graceful-degradation
The 7 Most Useful Web Design and Web Development Glossaries (apo)1133
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1132
css, selectors, cascade
Native Support for CJS/ESM Interoperability Begins in Node.js 221131
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know1130
memory, garbage-collection
A to Z of Assistive Technology for Reading Digital Text1129
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)1128
videos, foss, accessibility
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1127
accessibility, wcag, community
Shades of Grey With “color-mix()” (mic)1126
css, functions, colors
At Some Point, JavaScript Got Good1125
javascript, history
Poor Express Authentication Patterns in Node.js and How to Avoid Them1124
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1123
accessibility, techniques
So I Got Fired1122
career
Content Standards in Design Systems (nng)1121
content, design-systems, processes
How Slack Automates Deploys1120
deploying, automation, case-studies, slack
3 Methods to Elevate Your Writing With Visual Content1119
writing, content, information-design
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1118
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1117
videos, css, view-transitions, animations
Introduction to htmx (jan)1116
introductions, htmx
The Vue Ecosystem in 2024 (fro)1115
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1114
web-components, link-lists
Web Development Trends We Will See in 20241113
trends
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1112
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 20241111
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively1110
how-tos, design-systems, design, processes
Demystifying React’s Types: Ref Types1109
react
Exploring the Immersive Web With Wolvic (sea)1108
xr, wolvic, igalia, browsers
Should We Rely on Browser Detection? (htm)1107
browsers, browser-detection
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1106
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)1105
drupal
Using AI to Predict Design Trends (web)1104
ai, design, trends
Why Are My Live Regions Not Working? (pat/tet)1103
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1102
videos, cookies, consent-management, privacy, user-experience, guidelines
A React Developer’s Guide to Learning Solid.js1101
guides, react, solidjs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1100
foss, maintenance
How to Create Content in WordPress With AI1099
how-tos, content, ai, wordpress
When to Use Bun Instead of Node.js (app)1098
bun, nodejs, comparisons
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1097
interviews, nodejs, deno, jsr
Composability in Design Systems (ada)1096
design-systems, design, components
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making1095
how-tos, design-systems, processes, collaboration, maintenance
Handling the Indentation of a Treeview Component (sha)1094
css
I Reviewed 1,000s of Opinions on htmx1093
htmx
Popover API Is Here (chr/fro)1092
apis, pop-overs, html
Pretty Much Every Website Uses the Wrong Font Size…1091
videos, css
Web Forms: Costly Mistakes You Want to Avoid (geo)1090
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1089
accessibility, case-studies
An Alternative Proposal for CSS Masonry (rac)1088
css, layout, masonry, google
European Accessibility Act: Ultimate Guide to Compliance1087
guides, accessibility, compliance, legal, eaa
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1086
usability, user-experience, sorting
Introduction to NestJS1085
introductions, frameworks, nestjs
My Approach to HTML Web Components (ada)1084
html, web-components
Superior Range Syntax (css)1083
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1082
webassembly, performance, web-apps
What Is Vite (and Why Is It So Popular)?1081
vite
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1080
microsoft, edge, css, support, deprecation
New to the Web Platform in April (rac)1079
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
CSS Inheritance (bel/pic)1078
css, cascade, inheritance
How to Design Accessible Forms in 10 Steps1077
how-tos, design, accessibility, forms
Accessibility Evolution of Organizations (cer)1076
accessibility, processes, economics
No, I Don’t Want to Fill Out Your Contact Form1075
forms, user-experience
The Polish Paradox1074
design, optimization, user-experience
Can You Detect Overflow With CSS? (fon/css)1073
css, overflow
Top 50 System Design Interview Questions for 20241072
interviewing, architecture, system-design, link-lists
Basic Algorithms1071
algorithms, search, sorting
Passkeys: A Shattered Dream (fir)1070
security, authentication, passkeys
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1069
design, images, information-design
Optimizing INP: A Deep Dive1068
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1067
nodejs, environments, tooling
What Do Developers Want From AI?1066
research, ai, productivity, efficiency
Design Déjà Vu (mal)1065
design, html, css, history, comparisons
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1064
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1063
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1062
ai, optimization
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1061
accessibility, processes, prototyping, research
Popover API Lands in Baseline (una)1060
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1059
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing1058
videos, introductions, accessibility, testing
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1057
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1056
anniversaries, dojo
How to Escape JavaScript for a Script Tag1055
how-tos, javascript, escaping, html
HTML Attributes vs. DOM Properties (jaf)1054
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1053
jsr, dependencies
Node.js 22 Available Now (ope)1052
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1051
surveys, nodejs
Printing Music With CSS Grid (ste)1050
css, grids, examples
Ruby Might Be Faster Than You Think (joh)1049
ruby, performance
The New “!important” (geo)1048
css, cascade
The Perfect Site Doesn’t Exist (mic)1047
quality, maintenance, processes
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1046
javascript, urls
Use “:has()” to Scope CSS1045
css, selectors, scope
Write Better CSS With Modern CSS (css)1044
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1043
css, minification, performance
Adding ESLint and Auto-Fixing an Existing TypeScript Project1042
eslint, typescript, quality, automation
F-Shape Pattern and How Users Read (vit/sma)1041
usability, design
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1040
bun, deploying, performance, case-studies
Images as the First Thing in a Button or Link (tem)1039
accessibility, html, images, buttons, links
Reflecting on My Programming Career1038
career
Taking Regular Screenshots of My Website1037
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App1036
frameworks, visualization, react, nodejs, wasp
The Front End Developer/Engineer Handbook 2024 (fro)1035
overviews, career, learning, tech-stacks, concepts, terminology
Using Vite to Rebuild Local Dependencies in an npm Workspace1034
npm, dependencies, vite
Your Page Can’t Change Media Features (kil)1033
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1032
performance, metrics, terminology
Notes on Quality1031
design, user-experience, quality
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1030
html, modals, pop-overs
Comparing Full Stack and Headless CMS Platforms1029
comparisons, content-management, wordpress, drupal, ghost
Creating Fluid Typography With the CSS “clamp()” Function1028
css, functions, typography, liquid-design
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1027
cookies, privacy, browsers, google, chrome
How the Meaning of Colour Varies per Culture1026
colors, culture
15 Essential UX Design Principles and Practices for Developers (uxm)1025
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)1024
design, trends
5 Hidden CSS Properties You Didn’t Know Existed1023
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1022
user-experience, onboarding, product-management
How I Use Generative AI in Branding1021
ai, branding, principles, design
The Art of Design System Recipes (bra)1020
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1019
collaboration, processes
The Ultimate Collection of CSS-Only Shapes (css)1018
websites, css
Using Legitimate GitHub URLs for Malware (sch)1017
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1016
ci-cd, concepts
What You Can Do as a Web Builder on Earth Day (aar)1015
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1014
accessibility, images, alt-text
State of Design Tokens 2024 (don+)1013
videos, design-tokens, figma, tooling
JavaScript Features That Most Developers Don’t Know1012
javascript, functions
Node.js Test Runner: A Beginner’s Guide (bet)1011
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1010
css, vendor-extensions, history
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1009
videos, interviews, css
April 24 Is JS Naked Day (j9t)1008
javascript, awareness-days
Considerations for AI Opt-Out (mno)1007
ai
Detect JavaScript Support (fon/css)1006
css, javascript, media-queries, support
Optimising React Apps1005
react, optimization
3 Tips for Advanced Prototyping in Figma1004
tips-and-tricks, prototyping, figma
Make Product Design Great Again1003
design, user-experience, product-management
Design Systems and the Never-Ending Job of Buy In (pjo)1002
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)1001
css, javascript, media-queries, support
Long Alt (aar)1000
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)999
design-systems, accessibility
Node.js Task Runner998
nodejs, performance
Using “@defer” Defer Views in Angular 17997
angular, performance, lazy-loading
Accessibility Overlays—Friend or Foe? (int)996
videos, accessibility, overlays
Building a Culture of Accessibility (tet)995
accessibility, culture
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)994
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)993
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)992
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)991
web
Typography Variables in Figma Are Here990
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub989
guides, github, keyboard-shortcuts
5 Tailwind CSS Anti-Patterns to Avoid (ato)988
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)987
introductions, css, selectors, cascade
Angular’s New Signal Inputs986
videos, angular, signals
My Code Formatting Guidelines (val)985
guidelines, formatting, conventions, javascript, html, prettier, configuration
What’s Going On in Dark Theme / Light Theme Land (chr/fro)984
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)983
community
Git Common Developer Pitfalls and Solutions (wom)982
git
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)981
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 2024980
npm, dependencies, interoperability, esm, commonjs
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)979
browsers, support, web-platform, javascript
12 Tips From a Mid-Level Developer978
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)977
ai, quality
Building a GitHub Activity Feed With Node.js and Socket.IO976
nodejs, github, functionality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)975
conversion, html, javascript
Displaying HTML Web Components (ada)974
web-components, css
How to Write World-Beating Web Content (web)973
how-tos, writing, content
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI972
ai, quality, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action971
jetbrains, qodana, quality, javascript
Property Hooks Are Coming in PHP 8.4 (ami)970
php, hooks
The Impact of Color Contrast on Accessibility969
accessibility, colors, contrast
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)968
jquery, maintenance, migrating
Webhooks and WebSockets967
webhooks, websockets
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)966
accessibility, security
Who Should Block AI Bots? (moz)965
scraping, ai, seo
How to Submit a Form in React Using FormData (wom)964
how-tos, forms, react
Electron 30.0.0 (kee/ele)963
release-notes, electron
Making Disabled Buttons More Accessible962
accessibility, buttons, html, aria
[pnpm] v9.0.0 (pnp)961
release-notes, pnpm
The Biggest Lie in HTML960
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)959
web
The Making of a TypeScript Feature: Inferring Type Predicates958
typescript
The Right Code for Your Design System (fig)957
design-systems, figma
Things That Can Break “aspect-ratio” in CSS (chr/fro)956
css, aspect-ratio
We Need to Rewild the Internet (rob)955
web, standards, collaboration, creativity, outlooks
Why We Are Still Using 88×31 Buttons954
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)953
css, design, centering
Alternating Style Queries (kiz)952
css, style-queries, techniques
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)951
accessibility
An Intro to Flexbox (cfe)950
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)949
standards, accessibility, aria, html
CSS in React Server Components (jos)948
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)947
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)946
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)945
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)944
migrating, processes, seo, sem
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)943
foss, security, openjs
Ethics in Times of Growth Design942
design, ethics
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)941
accessibility, auditing, tooling
Interview With Senior JS Developer 2024940
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)939
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter938
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)937
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey936
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)935
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)934
career, learning
Blockin’ Bots (bee)933
scraping, ai, apache, configuration
How to Build a Reusable Grid System With CSS Grid (cfe)932
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)931
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)930
bfcache, monitoring, debugging, performance
Naming Colors in Design Systems929
naming, colors, design-systems
Sliding 3D Image Frames in CSS (css/sma)928
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)927
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
10 Things Software Developers Should Learn About Learning926
research, learning
How Do Open Source Licenses Work? The Ultimate Guide925
guides, foss, licensing
A Comparison of Automated Testing Tools for Digital Accessibility (equ)924
accessibility, testing, tooling, automation, comparisons
An Intro to CSS Grid (cfe)923
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)922
accessibility, vpat-acr, conformance, documentation
CSS Tricks to Master the “clip-path” Property (css)921
css, masking, clipping, tips-and-tricks
Gap Is the New Margin (chr/fro)920
css, margins, layout
npm Basics for New Developers (nim)919
fundamentals, npm
Socks, Lies, and Accessibility918
accessibility, awareness-days, link-lists
Web Accessibility Statement: How to Write One917
how-tos, accessibility, documentation, writing
Why I’m Embracing the Arc Browser916
browsers, arc, the-browser-company
Zombie Estimation915
agile, scrum, processes, project-management
Purging Design System “Rot” From Our Checkboxes (chu)914
design-systems, maintenance, quality, accessibility, case-studies
Epic App Performance Starts With the Database913
videos, performance, databases, optimization
Accessible Interactions in JavaScript Apps (san)912
videos, accessibility, javascript, aria
Unleashing Designers With Tailwind CSS911
videos, tailwind, design, processes
Let Me Be910
videos, javascript
The Dos and Don’ts of Using “tabindex” in Web Design (a11)909
accessibility, keyboard-navigation, html
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)908
tips-and-tricks, how-tos, animations, gradients, css
I Never Knew a Website Could Hurt Someone (kar)907
videos, accessibility
JS Naked Day (mac+)906
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)905
git, errors
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)904
webkit, browsers, apple, safari, performance, optimization
Release Notes for Safari Technology Preview 192 (jon/web)903
release-notes, browsers, apple, safari
The Future of Design Systems Is Marketing (fig)902
design-systems, marketing, metrics
The Guide to Git I Never Had901
guides, git, command-line, cheat-sheets
Wednesday, April 10, 2024 Security Releases (raf/nod)900
release-notes, nodejs, security
Frontend Development Beyond React: Svelte899
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions898
design, user-experience
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution897
react, history
Ableism and Related Terms You Need to Know (mer)896
terminology, communication, dei
Figma Prototypes vs. HTML Prototypes (ada)895
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)894
css, mixins, techniques
Recapping ng-conf 2024893
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)892
accessibility, ada, legal, web, mobile
Understanding Interaction to Next Paint (INP) (wil/fro)891
performance, web-vitals
Is the Party Over for Scrum Masters and Agile Coaches?890
agile, scrum, career
Happy CSS Naked Day 2024 (fro)889
frontend-dogma, css, awareness-days
An Introduction to the Node.js Performance API (bet)888
introductions, nodejs, performance, apis
Sending Email Using Node.js (cra)887
nodejs, email
React Server Components in a Nutshell886
react, components
How I Write Commits Like a Pro885
version-control, git, commit-messages, conventions
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)884
redesigning, strategies, dei, accessibility
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)883
design, communication
Node.js Debugging in Chrome DevTools (chr/fro)882
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
The Death of Creativity881
creativity, ai
Things That I Like Better in Vue Than in React880
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)879
user-experience, ai, hci
What Is Whitespace? (nng)878
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities877
books, nodejs, security, vulnerabilities
DORA’s Software Delivery Metrics: The Four Keys876
processes, metrics
Building a CLI From Scratch With TypeScript and oclif875
command-line, typescript
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)874
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Creating a Navbar in React873
navigation, react, css
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities872
accessibility, legal, web, mobile
Demystifying the Shadow DOM871
dom, shadow-dom
Faster Websites With the “picture” Element (fra)870
html, images, performance
Jekyll vs. Astro (koo)869
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)868
html, css, testing, quality
10 Must Know System Design Concepts for Interviews867
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)866
accessibility, ai
21 HTML Tips You Must Know About865
html, tips-and-tricks
How to Think About HTML Responsive Images (db)864
how-tos, html, images, responsive-design
Reviewing Polypane for Responsive Website Tweaks863
videos, polypane, browsers
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)862
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Why I’m Yet Another Woman Leaving the Tech Industry861
career, community
[zx] 8.0.0860
release-notes, zx
“AI” Won’t Solve Accessibility (yat)859
accessibility, ai
DevTools Tips and Tricks (fro)858
browsers, dev-tools, tips-and-tricks
Drive-By Accessibility Tweaks (bru)857
accessibility
ESLint v9.0.0 Released (nza/esl)856
release-notes, eslint
How to Make Your Website Work Offline855
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)854
css, selectors, focus
Should Designers Code? (bra)853
design, career
The Free Software Commons (jen)852
foss, community, security
Breakpoints in Responsive Design (nng)851
design, responsive-design, breakpoints, usability
Creativity in Software Engineering850
research, creativity, programming
Building Components With Radix UI849
radix, components
Heat Death of the Internet848
web
How to Strongly Type process.env (mat)847
how-tos, typescript, nodejs
Modern CSS Patterns in Campfire846
css, case-studies
Rounded Tabs With Inner Curves (css)845
css, effects, tips-and-tricks
The Basics of Legibility844
fundamentals, typography, legibility
When to Use “tabindex="0"” (gra/tet)843
accessibility, keyboard-navigation, focus, html
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue842
videos, javascript, visualization, event-loop, events, apis
The V8 Sandbox841
v8, security
AI and the Future of Web Accessibility Guidelines840
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)839
guides, css, logical-properties, cheat-sheets
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)838
ai, web
An Advanced Way to Use CSS Variables (cfe)837
css, custom-properties
“aspect-ratio” Gotcha (css)836
css, aspect-ratio, images
BFCache Explained835
bfcache, browsers, performance
Finally Understand Responsive Design834
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)833
css, typography, tips-and-tricks
Hanging Punctuation in CSS (ada)832
css, typography
Introducing Jpegli: A New JPEG Coding Library831
introductions, jpeg, images, libraries, compression
Svelte Parses HTML All Wrong (ric)830
svelte, html, parsing
The View Transitions API (cas/fro)829
view-transitions, apis, astro
Theming Design Systems (per)828
design-systems, theming
Wednesday, April 3, 2024 Security Releases (nod)827
release-notes, nodejs, security
In-Page Links: 3 Usability Tips (nng)826
videos, links, usability, tips-and-tricks
How to Build a Simple Web Server With Node.js825
how-tos, servers, nodejs
Using JSON Web Tokens With Node.js824
json-web-tokens, nodejs, security, authentication
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?823
dns, security
An Interactive Guide to CSS Container Queries (sha)822
guides, css, container-queries
Authentication in Next.js (rwi)821
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)820
css, anchor-positioning
How to Get Somebody Fired Using Git819
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)818
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)817
branding, scrolling, animations, techniques, css
WebAssembly at Google (tom)816
videos, webassembly, google
WordPress 6.5 “Regina” (pho/wor)815
release-notes, wordpress
Learn JavaScript (wil)814
courses, javascript
14 Top UX Tools for Designers in 2024 (web)813
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)812
guides, accessibility, content
Bun 1.1 (jar+/bun)811
release-notes, bun
Micro Frontends With Native Federation810
micro-frontends, comparisons
The Detail, the Quality809
design, quality
What Even Is a JSON Number?808
json, terminology
Introducing Root.js807
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over806
programming, career, ai, economics
10 JavaScript Sites Every Web Developer Should Know805
javascript, learning, link-lists
Kobold Letters (wed)804
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)803
accessibility
Object Structure in JavaScript Engines802
objects, javascript, javascript-engines
The DevOps Basics801
dev-ops, fundamentals
Why I Care Deeply About Web Accessibility and You Should Too (sch)800
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time799
tooling, nodejs, deno, bun, quickjs
Disable AWS CloudFront Distributions if Budget Is Exceeded798
aws, cloudfront, configuration, economics
Design Is a Process of Getting Stuck (fon)797
design, processes
Some Samples Using UIkit796
uikit
Figma Plugins (tmc)795
figma, plugins
Front-End Development’s Identity Crisis (ell)794
career
On “disabled” and “aria-disabled” Attributes (kit)793
accessibility, html, attributes, aria
The Curious Case of the CSS Monochrome Media Query (sea)792
css, media-queries
The Easy Way to Access the Last JavaScript Array Element791
javascript, arrays
The Power of “:has()” in CSS (css)790
css, selectors
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)789
studies, research, accessibility, homepages, metrics
What Negative Effects Does a Bad Website Design Have on My Business? (web)788
design, economics
“@scope” Is Coming to CSS and It’s Amazing (kev)787
videos, css, scope
A Guide to Building CLI Tools in JavaScript786
guides, tooling, command-line, javascript, nodejs
Finally Understanding How “Array.sort(comparator)” Works (jam)785
javascript, arrays
Improving the Developer Experience of Enterprise Design Systems784
design-systems, developer-experience, optimization
Release Notes for Safari Technology Preview 191 (jon/web)783
release-notes, browsers, apple, safari
The Complete Guide to Captioned Videos (mer)782
guides, accessibility, captions, multimedia
History of JS Interop in Dart781
javascript, dart, interoperability, history
New to the Web Platform in March (rac)780
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)779
css, functions, colors, dark-mode
What’s New in DevTools, Chrome 124778
release-notes, dev-tools, browsers, google, chrome
Flickering Glowing Text Effect With CSS (man)777
css, effects
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)776
browsers, mobile, privacy, security
Meet Angular’s New “output()” API (ang)775
angular, apis
ai.robots.txt (cor)774
ai, crawling, scraping, robotstxt, tooling
How I Fixed My Brutal TTFB (whi/get)773
performance, metrics, optimization
Iterator Helpers772
ecmascript, javascript, javascript-engines, v8
What Even Are Dragging Movements? (cat/spa)771
accessibility, interaction-design, terminology
Be Flexible About What People Need (and Don’t Assume) (eri)770
accessibility
CSS Anchor Positioning (tab+/w3c)769
standards, css, anchor-positioning
History of Web Accessibility768
videos, accessibility, history
How Does npx Actually Work and When to Use It767
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)766
html, conformance, performance
How to Take Control of Flexbox (kev)765
videos, how-tos, css, flexbox, layout
Node v20.12.0 (LTS) (nod)764
release-notes, nodejs