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, accountability, and support. Hide

dxsrc

“2024” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Hidden vs. Disabled in UX (sma)1285
user-experience, comparisons, design-patterns
Test-Driving HTML Templates (xpm/mfo)1284
html, templates, testing, server-side-rendering, conformance
State of Frontend 2024 Survey1283
surveys
A Primer on JavaScript Proxies (cfe)1282
introductions, javascript
CSS Specificity for WordPress 6.6 (wor)1281
discussions, wordpress, css, selectors, cascade
Here’s What We’re Working on in Firefox (moz)1280
browsers, firefox
We’ve Got Container Queries Now, but Are We Actually Using Them? (chr/fro)1279
css, container-queries
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)1278
html, conformance, craft, quality
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)1277
eleventy
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)1276
accessibility, colors, contrast, css, functions
UI Density1275
design, information-design, metrics
CSS “:has()”, the God Selector (bru)1274
css, selectors
The Art of Not Being So Freaking Pushy1273
design, user-experience, microcontent, buttons
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)1272
user-experience, logging, monitoring, observability
Process1271
processes
CodeFlattener1270
packages, npm, javascript
Web Content Has a Maintenance Problem (ger)1269
web, content, maintenance, processes, sustainability
“<style>”: Inline Optimizations for the Bold (mor)1268
html, css, performance, optimization
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)1267
browsers, testing, responsive-design
A JavaScript Developer Tries Go for the First Time1266
javascript, go
The Future of 11ty (zac/ele)1265
videos, eleventy, outlooks
WAI–ARIA: “role=strong”1264
accessibility, aria
Visual Design: Glossary (tbf/nng)1263
design, terminology
WAI–ARIA: “role=deletion”1262
accessibility, aria
Cloning Queries in Laravel (ami)1261
laravel, databases
Weighing in on CSS Masonry (kei)1260
css, layout, masonry
On Which Side Do We Put the Primary Button? (mar)1259
design, usability, buttons
Turn Off Google AI Overview—Set “Web” as Default1258
websites, google, ai, search
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1257
css, functions, colors, compliance, readability, comparisons
CSS… 5? (chr/fro)1256
css, versioning
ADA Title II and You1255
videos, accessibility, ada, legal
The Latest in Web UI (una)1254
videos, html, css, layout, effects
What’s New in Angular (mge+)1253
videos, angular
What’s New in the Web1252
videos, web-platform
Beyond CSS Media Queries (mon/sma)1251
css, media-queries, container-queries, layout, techniques
CSS3? Pfff—Get Ready for CSS6! (jar/van)1250
css, versioning
Rethinking Text Resizing on Web (bas)1249
accessibility, resizing
CSS Container Queries in Practice (mia+/odd)1248
videos, css, container-queries
From Fast Loading to Instant Loading (tun)1247
videos, performance, apis
New Field Insights for Debugging INP (mal)1246
videos, performance, web-vitals
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1245
accessibility, wcag, standards, w3c
Navigating the JavaScript Framework Ecosystem (add)1244
videos, javascript, frameworks
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1243
accessibility, w3c, wcag
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1242
css, html, attributes
What You Need to Know About Third-Party Cookie Deprecation1241
videos, cookies, browsers, chrome, support, deprecation
Automate Browser Testing With Tools and Best Practices From Chrome (mat)1240
videos, browsers, chrome, testing, tooling, automation, best-practices
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1239
guides, javascript, performance, debugging, browsers, chrome, dev-tools
React Compiler (rea)1238
react, compiling
Merging Remix and React Router (rem)1237
remix, react-router
Baseline Progressive Enhancement1236
web-platform, progressive-enhancement, browsers, support
Prefetching When Server Loading Won’t Do (ada/fro)1235
performance, client-side-rendering, server-side-rendering, streaming
Dynamic GitHub Profile With Bun and TypeScript1234
github, readme, bun, typescript
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1233
productivity, efficiency, product-management
JavaScript Security: Simple Practices to Secure Your Frontend1232
javascript, security, dependencies, csp
Transforming the Relationship Between Designers and Developers (sma)1231
design, collaboration, processes
Built-In AI (kbx+)1230
chrome, browsers, ai, gemini, apis
New in Chrome 125 (tro)1229
release-notes, browsers, chrome
Web Platform Status1228
websites, web-platform, browsers, interoperability, support
State of HTML 2023 [Results] (sac+/dev)1227
surveys, metrics, html
Google’s Broken Link to the Web1226
google, web, search, ai
Why Designers Aren’t Understood (sma)1225
design, career, communication, terminology
Dark Mode and Accessibility Myth (ste)1224
accessibility, dark-mode, myths
The Great Tech and People Hypocrisy (j9t)1223
career, leadership, economics
Stop Moving Fast and Breaking Everything1222
product-management, engineering-management, leadership, processes
ECMAScript Proposal: “Promise.withResolvers()” (rau)1221
ecmascript, promises
The CSS Stepped Value Math Functions Are Now in Baseline 20241220
css, math, functions, browsers, support, web-platform
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1219
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1218
google, web-platform, ai
RSS Is Good, Isn’t It?! (mic)1217
syndication, rss, indieweb
Accessible SVG Forms1216
accessibility, forms, svg, aria
Intopia’s WCAG 2.2 Maps (int)1215
accessibility, wcag, cheat-sheets
Regarding Keyboard Testing1214
accessibility, keyboard-navigation, testing
AI Isn’t Ready for UX Design (cal/nng)1213
videos, design, user-experience, ai
WebKit Features in Safari 17.5 (web)1212
release-notes, browsers, safari, webkit
Morphing Arbitrary Paths in SVG1211
svg, animations
JavaScript Objects—Complete Guide1210
guides, javascript, objects
How I Made My GitHub Profile README Dynamic1209
github, readme
Top 7 CSS Frameworks for Developers in 20241208
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
Designers Are More Than Keywords and Portfolios1207
design, user-experience, career
List of Essential Soft Skills for Front-End Engineers1206
career
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1205
css, borders, tips-and-tricks
Doing the Right Thing Right—Validation and Verification1204
validation, terminology, comparisons
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1203
css, custom-properties, animations, transitions
AI Product Design: Identifying Skills Gaps and How to Close Them1202
design, ai, processes
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1201
accessibility, aria, best-practices
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1200
css, layout, masonry, accessibility, keyboard-navigation
All I Want for GAAD1199
accessibility, awareness-days, wish-lists
Setting Personal OKRs (cwo)1198
career, processes, okr
“target=_blank” Implies “rel=noopener” (ste)1197
links, html, attributes, security
Quick Incremental Accessibility Audits for Small Business Websites (cer)1196
accessibility, auditing
Software Engineering Principles Every Frontend Developer Should Know1195
principles, craft, quality
Mesh Gradients in CSS (jos)1194
css, gradients
Best Intention Barriers (ARIA Edition) (mar)1193
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)1192
accessibility, overlays
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1191
accessibility
Typography Terms: Glossary (tbf/nng)1190
typography, terminology
Manifesto for a Humane Web (mic)1189
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
Using the Page Visibility API (bsm/mdn)1188
javascript, apis
Make Your Figma Components Work Harder1187
figma, design-systems, components
The Modern Guide for Making CSS Shapes (css/sma)1186
guides, css, shapes, effects, techniques
How to Document Your JavaScript Package (lca+/den)1185
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Introducing the CSS Anchor Positioning API (una)1184
introductions, css, apis, anchor-positioning, examples
17 Best Developer Productivity Tools to Try1183
productivity, tooling, link-lists
Build Your Own React.js in 400 Lines of Code1182
react, jsx, principles
Design Taste vs. Technical Skills in the Era of AI (nng)1181
design, programming, ai, comparisons
The Dilemmas You’ll Face When Creating a Component Library (and)1180
libraries, components
WordPress Ping List for Faster Post Indexing1179
wordpress, crawling, seo, indexing
Release Notes for Safari Technology Preview 194 (jon/web)1178
release-notes, browsers, safari
Simple Implemention to Understand “worker_threads” in Node.js1177
nodejs, examples, worker-threads
What Is UX (Not)? (nng)1176
videos, user-experience, concepts
Websites Are Not Books (ons)1175
terminology, concepts
Level-Setting Heading Levels (aar)1174
headings, semantics, conformance, accessibility, aria
37 Tips From a Senior Frontend Developer1173
tips-and-tricks, fundamentals, learning, processes, career
Let’s Build a Web Scraper in PHP and Python1172
scraping, php, python
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1171
ai, slop, terminology
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1170
web-components, dom
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1169
javascript, events, web-components
Upgrade Your HTML V (j9t/dxs)1168
books, frontend-dogma, html, minimalism, craft, conformance
Transparent Borders (bra)1167
css, borders, transparency+opacity, accessibility, contrast
Modern WordPress—Yikes! (dbu)1166
wordpress, themes
Focus vs. Accessibility Focus1165
accessibility, focus, comparisons
Why Patching Globals Is Harmful1164
javascript, programming
The Carcinization of Web Frameworks1163
frameworks, history, signals, server-side-rendering, outlooks, web-components
Introducing the Gulp Developer Survey1162
introductions, surveys, gulp
JavaScript “var”, “let”, and “const” Explained (cfe+)1161
javascript
Evidence-Based Management Guide, 2024—What’s New?1160
release-notes, guides, agile, processes, metrics, engineering-management
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1159
components, accessibility, dei, case-studies, github
Errors Aren’t All Bad (jim)1158
errors
What’s New in Node.js v22 (mco)1157
videos, nodejs
A Brief Note on Highlighted Text (aar)1156
accessibility, colors, contrast, css, selectors
Get First Item in Eleventy Collection1155
how-tos, eleventy, nunjucks
Using the Popover API for HTML Tooltips (chr/fro)1154
pop-overs, apis, html, tooltips
Servo Reboot: Where Are We Now? OSS-NA 20241153
browser-engines, servo, browsers
These CSS Pro Tips and Tricks Will Blow Your Mind1152
videos, css, tips-and-tricks
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1151
usability, user-experience, user-focus, tips-and-tricks, accessibility, testing
Using Simple Tools as a Radical Act of Independence1150
html, css, simplicity
An Introduction to the European Accessibility Act (EAA) (deq)1149
introductions, accessibility, legal, eaa
The Pros and Cons of Using a Backend-for-Frontend (BFF)1148
backend-for-frontend, architecture
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1147
redesigning, strategies, dei, accessibility
Securing Client-Side JavaScript1146
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno1145
eleventy, htmx, deno
Misconceptions About CSS Specificity (bra)1144
css, selectors, cascade
Memory Management Every Developer Should Know1143
memory, garbage-collection
Eleventy With a Basic Deno Static Server Setup1142
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)1141
nodejs, comparisons, nvm, pnpm
The 7 Most Useful Web Design and Web Development Glossaries (apo)1140
concepts, terminology, link-lists
Native Support for CJS/ESM Interoperability Begins in Node.js 221139
commonjs, esm, interoperability, support, nodejs
Shades of Grey With “color-mix()” (mic)1138
css, functions, colors
At Some Point, JavaScript Got Good1137
javascript, history
A to Z of Assistive Technology for Reading Digital Text1136
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)1135
videos, foss, accessibility
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1134
accessibility, wcag, community
So I Got Fired1133
career
How Slack Automates Deploys1132
deploying, automation, case-studies, slack
Quick-and-Dirty Accessibility (tpg)1131
accessibility, techniques
Content Standards in Design Systems (nng)1130
content, design-systems, processes
Poor Express Authentication Patterns in Node.js and How to Avoid Them1129
express, nodejs, authentication, security
Introduction to htmx (jan)1128
introductions, htmx
The Vue Ecosystem in 2024 (ben/fro)1127
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1126
web-components, link-lists
Web Development Trends We Will See in 20241125
trends
How to Archive Your Design System Effectively1124
how-tos, design-systems, design, processes
3 Methods to Elevate Your Writing With Visual Content1123
writing, content, information-design
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1122
videos, css, view-transitions, animations
The War Begins: Top Best JavaScript Framework to Learn in 20241121
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1120
angular, css, scope
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1119
css, selectors, html, techniques
Using AI to Predict Design Trends (web)1118
ai, design, trends
When to Use Bun Instead of Node.js (app)1117
bun, nodejs, comparisons
Demystifying React’s Types: Ref Types1116
react
Should We Rely on Browser Detection? (htm)1115
browsers, browser-detection
Why Are My Live Regions Not Working? (pat/tet)1114
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1113
videos, cookies, consent-management, privacy, user-experience, guidelines
Exploring the Immersive Web With Wolvic (sea)1112
xr, wolvic, browsers
How to Create Content in WordPress With AI1111
how-tos, content, ai, wordpress
A React Developer’s Guide to Learning Solid.js1110
guides, react, solidjs, comparisons
Understanding What Drupal Editors and Authors Need (ckr/lul)1109
drupal
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1108
interviews, nodejs, deno, jsr
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1107
foss, maintenance
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1106
figma, programming, typescript, migrating, case-studies
Popover API Is Here (chr/fro)1105
apis, pop-overs, html
Composability in Design Systems1104
design-systems, design, components
I Reviewed 1,000s of Opinions on htmx1103
htmx
An Alternative Proposal for CSS Masonry1102
css, layout, masonry, google
Web Forms: Costly Mistakes You Want to Avoid (geo)1101
books, forms, mistakes, usability, accessibility, maintainability
Handling the Indentation of a Treeview Component (sha)1100
css
Pretty Much Every Website Uses the Wrong Font Size…1099
videos, css
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1098
accessibility, case-studies
European Accessibility Act: Ultimate Guide to Compliance1097
guides, accessibility, compliance, legal, eaa
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1096
usability, user-experience, sorting
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making1095
how-tos, design-systems, processes, collaboration, maintenance
CSS Inheritance (bel/pic)1094
css, cascade, inheritance
Superior Range Syntax (css)1093
css, media-queries
Introduction to NestJS1092
introductions, frameworks, nestjs
New to the Web Platform in April1091
release-notes, web-platform, browsers, firefox, chrome, safari
My Approach to HTML Web Components1090
html, web-components
What Is Vite (and Why Is It So Popular)?1089
vite
How to Design Accessible Forms in 10 Steps1088
how-tos, design, accessibility, forms
WebAssembly Performance Patterns for Web Apps (tom)1087
webassembly, performance, web-apps
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1086
edge, css, support, deprecation
The Polish Paradox1085
design, optimization, user-experience
Accessibility Evolution of Organizations (cer)1084
accessibility, processes, economics
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
Basic Algorithms1080
algorithms, search, sorting
Optimizing INP: A Deep Dive1079
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
Passkeys: A Shattered Dream (fir)1078
security, authentication, passkeys
What Do Developers Want From AI?1077
research, ai, productivity, efficiency
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1076
nodejs, environments, tooling
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1075
design, images, information-design
Design Déjà Vu (mal)1074
design, html, css, history, comparisons
Popover API Lands in Baseline (una)1073
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1072
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)1071
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1070
search, forms, html, css, svg
Introduction to Manual Website Accessibility Testing1069
videos, introductions, accessibility, testing
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1068
guides, overviews, examples, radix
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1067
accessibility, processes, prototyping, research
The New “!important” (geo)1066
css, cascade
Use “:has()” to Scope CSS1065
css, selectors, scope
Node.js 22 Available Now (ope)1064
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1063
surveys, nodejs
Celebrating 20 Years of Dojo (ope)1062
anniversaries, dojo
Printing Music With CSS Grid (ste)1061
css, grids, examples
The Perfect Site Doesn’t Exist (mic)1060
quality, maintenance, processes
Write Better CSS With Modern CSS (css)1059
css, nesting, custom-properties, media-queries, tips-and-tricks
HTML Attributes vs. DOM Properties (jaf)1058
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1057
jsr, dependencies
Ruby Might Be Faster Than You Think (joh)1056
ruby, performance
How to Escape JavaScript for a Script Tag1055
how-tos, javascript, escaping, html
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1054
css, minification, performance
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1053
javascript, awareness-days
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1052
javascript, urls
Notes on Quality1051
design, user-experience, quality
F-Shape Pattern and How Users Read (sma)1050
usability, design
Reflecting on My Programming Career1049
career
Your Page Can’t Change Media Features (kil)1048
css, media-queries, user-experience, apis
Taking Regular Screenshots of My Website1047
screenshots, images, automation, playwright, github-actions
How the Meaning of Colour Varies per Culture1046
colors, culture
Images as the First Thing in a Button or Link (tem)1045
accessibility, html, images, buttons, links
The Front End Developer/Engineer Handbook 2024 (fro)1044
overviews, career, learning, tech-stacks, concepts, terminology
Comparing Full Stack and Headless CMS Platforms1043
comparisons, content-management, wordpress, drupal, ghost
Latency Numbers Every Frontend Developer Should Know (ind)1042
performance, metrics, terminology
Creating Fluid Typography With the CSS “clamp()” Function1041
css, functions, typography, liquid-design
Adding ESLint and Auto-Fixing an Existing TypeScript Project1040
eslint, typescript, quality, automation
Using Vite to Rebuild Local Dependencies in an npm Workspace1039
npm, dependencies, vite
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1038
html, modals, pop-overs
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1037
bun, deploying, performance, case-studies
The First Framework That Lets You Visualize Your React/Node.js App1036
frameworks, visualization, react, nodejs, wasp
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1035
cookies, privacy, browsers, chrome
State of Design Tokens 2024 (don+)1034
videos, design-tokens, figma, tooling
The Art of Design System Recipes (bra)1033
design-systems, design-tokens
3 Essential Design Trends, May 2024 (web)1032
design, trends
How I Use Generative AI in Branding1031
ai, branding, principles, design
Node.js Test Runner: A Beginner’s Guide (bet)1030
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1029
css, vendor-extensions, history
Using Legitimate GitHub URLs for Malware (sch)1028
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)1027
websites, css
What You Can Do as a Web Builder on Earth Day (aar)1026
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1025
accessibility, images, alt-text
5 Hidden CSS Properties You Didn’t Know Existed1024
css
JavaScript Features That Most Developers Don’t Know1023
javascript, functions
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1022
user-experience, onboarding, product-management
15 Essential UX Design Principles and Practices for Developers (uxm)1021
user-experience, principles, best-practices
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1020
ci-cd, concepts
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1019
collaboration, processes
Optimising React Apps1018
react, optimization
April 24 Is JS Naked Day (j9t)1017
javascript, awareness-days
Detect JavaScript Support (fon/css)1016
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)1015
ai
Make Product Design Great Again1014
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma1013
tips-and-tricks, prototyping, figma
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1012
videos, interviews, css
Long Alt (aar)1011
accessibility, images, alt-text, support, browsers, screen-readers
Node.js Task Runner (yag)1010
nodejs, performance
Detect JavaScript Support in CSS (hex)1009
css, javascript, media-queries, support
Using “@defer” Defer Views in Angular 171008
angular, performance, lazy-loading
Make Sure That Your Design System Is Accessible (cer)1007
design-systems, accessibility
Design Systems and the Never-Ending Job of Buy In (pjo)1006
design-systems, communication, collaboration
This Web of Ours, Revisited (zel)1005
web
How to Create CSS Utility Classes (fon/css)1004
how-tos, css, presentational-html
Building a Culture of Accessibility (tet)1003
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)1002
videos, accessibility, overlays
Typography Variables in Figma Are Here (joe)1001
typography, variables, figma
How to Work With GraphQL in WordPress in 2024 (sma)1000
how-tos, wordpress, graphql
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)999
css, layout, grids, masonry
A Short Guide to Mastering Keyboard Shortcuts on GitHub998
guides, github, keyboard-shortcuts
Angular’s New Signal Inputs997
videos, angular, signals
My Code Formatting Guidelines (val)996
guidelines, formatting, conventions, javascript, html, prettier, configuration
5 Tailwind CSS Anti-Patterns to Avoid (ato)995
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)994
introductions, css, selectors, cascade
The End of an Era: Women Who Code Closing (wom)993
community
Git Common Developer Pitfalls and Solutions (wom)992
git
What’s Going On in Dark Theme / Light Theme Land (chr/fro)991
css, functions, dark-mode
The “Intl.Segmenter” Object Is Now Part of Baseline990
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 2024989
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)988
redesigning, sustainability
Webhooks and WebSockets987
webhooks, websockets
Who Should Block AI Bots? (moz)986
scraping, ai, seo
Displaying HTML Web Components985
web-components, css
12 Tips From a Mid-Level Developer (abb)984
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)983
ai, quality
Property Hooks Are Coming in PHP 8.4 (ami)982
php, hooks
How to Write World-Beating Web Content (web)981
how-tos, writing, content
How to Submit a Form in React Using FormData (wom)980
how-tos, forms, react
The Impact of Color Contrast on Accessibility979
accessibility, colors, contrast
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)978
jquery, maintenance, migrating
JavaScript Code Quality Tools: See Qodana in Action (jet)977
qodana, quality, javascript
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
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI974
ai, quality, craft, metrics, engineering-management
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)973
accessibility, security
[pnpm] v9.0.0 (pnp)972
release-notes, pnpm
Electron 30.0.0 (kee/ele)971
release-notes, electron
The Biggest Lie in HTML970
videos, html
Alternating Style Queries (kiz)969
css, style-queries, techniques
We Need to Rewild the Internet (rob/noe)968
web, standards, collaboration, creativity, outlooks
Why We Are Still Using 88×31 Buttons967
images, history, design
The Right Code for Your Design System (fig)966
design-systems, figma
Making Disabled Buttons More Accessible965
accessibility, buttons, html, aria
Things That Can Break “aspect-ratio” in CSS (chr/fro)964
css, aspect-ratio
Hardest Problem in Computer Science: Centering Things (nik)963
css, design, centering
The Making of a TypeScript Feature: Inferring Type Predicates962
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)961
web
ARIA in HTML (sco+/w3c)960
standards, accessibility, aria, html
An Intro to Flexbox (cfe)959
introductions, css, flexbox, layout
CSS in React Server Components (jos)958
css, javascript, react, components, css-in-js
Ethics in Times of Growth Design957
design, ethics
Document Collaboration (With Comments!) (chr/fro)956
documentation, collaboration, comparisons, link-lists
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)955
accessibility
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)954
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)953
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)952
migrating, processes, seo, sem
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)951
foss, security, openjs
Interview With Senior JS Developer 2024950
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)949
accessibility, auditing, tooling
How to Write a Code Formatter948
how-tos, formatting
Things You Should Do in Your Dev Journey947
career
Why Many Junior Developers Quit Programming (tip)946
career, learning
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)945
html, skip-links, accessibility, ios
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)944
quality, craft, accessibility, usability, user-experience, conformance, performance
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)943
apis, dark-mode
Blockin’ Bots (bee)942
scraping, ai, apache, configuration
Mixins Three Ways (dut)941
mixins, sass, less, css
Introducing JS Naked Day (mac)940
introductions, javascript, awareness-days
Sliding 3D Image Frames in CSS (css/sma)939
css, images, techniques, 3d
Naming Colors in Design Systems938
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)937
bfcache, monitoring, debugging, performance
How to Build a Reusable Grid System With CSS Grid (cfe)936
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide935
guides, foss, licensing
10 Things Software Developers Should Learn About Learning934
research, learning
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)933
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Let Me Be932
videos, javascript
Zombie Estimation931
agile, scrum, processes, project-management
An Intro to CSS Grid (cfe)930
introductions, css, grids, layout
Gap Is the New Margin (chr/fro)929
css, margins, layout
Socks, Lies, and Accessibility928
accessibility, awareness-days, link-lists
npm Basics for New Developers (nim)927
fundamentals, npm
Why I’m Embracing the Arc Browser926
browsers, arc
Unleashing Designers With Tailwind CSS925
videos, tailwind, design, processes
Accessible Interactions in JavaScript Apps (san)924
videos, accessibility, javascript, aria
CSS Tricks to Master the “clip-path” Property (css)923
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One922
how-tos, accessibility, documentation, writing
Epic App Performance Starts With the Database921
videos, performance, databases, optimization
Purging Design System “Rot” From Our Checkboxes (chu)920
design-systems, maintenance, quality, accessibility, case-studies
The Dos and Don’ts of Using “tabindex” in Web Design (a11)919
accessibility, keyboard-navigation, html
Complete a VPAT: Show How Accessible Your Product Is (deq)918
accessibility, vpat-acr, conformance, documentation
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)917
tips-and-tricks, how-tos, animations, gradients, css
A Comparison of Automated Testing Tools for Digital Accessibility (equ)916
accessibility, testing, tooling, automation, comparisons
JS Naked Day (mac+)915
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)914
git, errors
The Guide to Git I Never Had913
guides, git, command-line, cheat-sheets
Frontend Development Beyond React: Svelte912
svelte
I Never Knew a Website Could Hurt Someone (kar)911
videos, accessibility
The Future of Design Systems Is Marketing (fig)910
design-systems, marketing, metrics
Wednesday, April 10, 2024 Security Releases (raf/nod)909
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)908
webkit, browsers, safari, performance, optimization
Release Notes for Safari Technology Preview 192 (jon/web)907
release-notes, browsers, safari
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions906
design, user-experience
Recapping ng-conf 2024905
angular
Sending Email Using Node.js (cra)904
nodejs, email
Figma Prototypes vs. HTML Prototypes (ada)903
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)902
css, mixins, techniques
React Server Components in a Nutshell901
react, components
Ableism and Related Terms You Need to Know (mer)900
terminology, communication, dei
Understanding Interaction to Next Paint (INP) (wil/fro)899
performance, web-vitals
An Introduction to the Node.js Performance API (bet)898
introductions, nodejs, performance, apis
Is the Party Over for Scrum Masters and Agile Coaches?897
agile, scrum, career
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution896
react, history
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)895
accessibility, ada, legal, web, mobile
Happy CSS Naked Day 2024 (dxs)894
frontend-dogma, css, awareness-days
What Is Whitespace? (nng)893
videos, whitespace, design, concepts, terminology
The Death of Creativity892
creativity, ai
Creating a Navbar in React891
navigation, react, css
How I Write Commits Like a Pro890
version-control, git, commit-messages, conventions
Node.js Debugging in Chrome DevTools (chr/fro)889
nodejs, debugging, tooling, browsers, chrome, dev-tools
DORA’s Software Delivery Metrics: The Four Keys (nat)888
processes, metrics
Things That I Like Better in Vue Than in React887
vuejs, react, frameworks, comparisons
Building a CLI From Scratch With TypeScript and oclif886
command-line, typescript
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)885
user-experience, ai, hci
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities884
books, nodejs, security, vulnerabilities
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)883
design, communication
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)882
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities881
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)880
redesigning, strategies, dei, accessibility
Jekyll vs. Astro (koo)879
site-generators, comparisons, jekyll, astro
Demystifying the Shadow DOM878
dom, shadow-dom
Testing HTML With Modern CSS (hey)877
html, css, testing, quality
Faster Websites With the “picture” Element (fra)876
html, images, performance
10 Must Know System Design Concepts for Interviews875
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)874
accessibility, ai
[zx] 8.0.0873
release-notes, zx
21 HTML Tips You Must Know About872
html, tips-and-tricks
How to Think About HTML Responsive Images (db)871
how-tos, html, images, responsive-design
Reviewing Polypane for Responsive Website Tweaks870
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry869
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)868
accessibility, user-experience, keyboard-navigation, skip-links, wcag
ESLint v9.0.0 Released (nza/esl)867
release-notes, eslint
Should Designers Code? (bra)866
design, career
DevTools Tips and Tricks (pan/fro)865
browsers, dev-tools, tips-and-tricks
The Free Software Commons (jen)864
foss, community, security
“AI” Won’t Solve Accessibility (yat)863
accessibility, ai
Drive-By Accessibility Tweaks (bru)862
accessibility
Breakpoints in Responsive Design (nng)861
design, responsive-design, breakpoints, usability
Creativity in Software Engineering860
research, creativity, programming
How to Make Your Website Work Offline859
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)858
css, selectors, focus
The V8 Sandbox857
v8, security
When to Use “tabindex="0"” (gra/tet)856
accessibility, keyboard-navigation, focus, html
The Basics of Legibility855
fundamentals, typography, legibility
Heat Death of the Internet854
web
Rounded Tabs With Inner Curves (css)853
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)852
how-tos, typescript, nodejs
Modern CSS Patterns in Campfire851
css, case-studies
Building Components With Radix UI850
radix, components
AI and the Future of Web Accessibility Guidelines849
discussions, accessibility, wcag, standards, ai, w3c
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue848
videos, javascript, visualization, event-loop, events, apis
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)847
guides, css, logical-properties, cheat-sheets
BFCache Explained846
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)845
css, aspect-ratio, images
Theming Design Systems (per)844
design-systems, theming
The View Transitions API (cas/fro)843
view-transitions, apis, astro
Hanging Punctuation in CSS842
css, typography
Svelte Parses HTML All Wrong (ric)841
svelte, html, parsing
In-Page Links: 3 Usability Tips (nng)840
videos, links, usability, tips-and-tricks
Using JSON Web Tokens With Node.js839
json-web-tokens, nodejs, security, authentication
An Advanced Way to Use CSS Variables (cfe)838
css, custom-properties
Finally Understand Responsive Design837
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)836
css, typography, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)835
release-notes, nodejs, security
How to Build a Simple Web Server With Node.js834
how-tos, servers, nodejs
Introducing Jpegli: A New JPEG Coding Library833
introductions, jpeg, images, libraries, compression
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?832
dns, security
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)831
ai, web
Learn JavaScript (wil)830
courses, javascript
WordPress 6.5 “Regina” (pho/wor)829
release-notes, wordpress
WebAssembly at Google (tom)828
videos, webassembly, google
Authentication in Next.js (rwi)827
authentication, nextjs
How to Get Somebody Fired Using Git826
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)825
css, theming
An Interactive Guide to CSS Container Queries (sha)824
guides, css, container-queries
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)823
branding, scrolling, animations, techniques, css
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)822
css, anchor-positioning
Bun 1.1 (jar+/bun)821
release-notes, bun
Introducing Root.js820
introductions, tooling, content-management
The Detail, the Quality819
design, quality
What Even Is a JSON Number?818
json, terminology
14 Top UX Tools for Designers in 2024 (web)817
user-experience, tooling, link-lists
Micro Frontends With Native Federation816
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over815
programming, career, ai, economics
A Complete Guide for Content Creators to Start Making Accessible Content (pop)814
guides, accessibility, content
Kobold Letters (wed)813
html, email, support
The DevOps Basics812
dev-ops, fundamentals
Latest WebAIM’s Million—Some Thoughts (cer)811
accessibility
Object Structure in JavaScript Engines810
objects, javascript, javascript-engines
10 JavaScript Sites Every Web Developer Should Know809
javascript, learning, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time808
tooling, nodejs, deno, bun, quickjs
Disable AWS CloudFront Distributions if Budget Is Exceeded807
aws, cloudfront, configuration, economics
Why I Care Deeply About Web Accessibility and You Should Too (sch)806
accessibility, web
Some Samples Using UIkit805
uikit
Design Is a Process of Getting Stuck (fon)804
design, processes
Figma Plugins (tmc)803
figma, plugins
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)802
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)801
css, selectors
Front-End Development’s Identity Crisis (ell)800
career
“@scope” Is Coming to CSS and It’s Amazing (kev)799
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)798
accessibility, html, attributes, aria
The Curious Case of the CSS Monochrome Media Query (sea)797
css, media-queries
The Easy Way to Access the Last JavaScript Array Element796
javascript, arrays
What Negative Effects Does a Bad Website Design Have on My Business? (web)795
design, economics
History of JS Interop in Dart794
javascript, dart, interoperability, history
New to the Web Platform in March793
release-notes, web-platform, browsers, firefox, safari, chrome
What’s New in DevTools, Chrome 124792
release-notes, dev-tools, browsers, chrome
The Complete Guide to Captioned Videos (mer)791
guides, accessibility, captions, multimedia
A Guide to Building CLI Tools in JavaScript790
guides, tooling, command-line, javascript, nodejs
The Browser Company and Radical Transparency789
the-browser-company, culture, communication
Release Notes for Safari Technology Preview 191 (jon/web)788
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)787
css, functions, colors, dark-mode
Finally Understanding How “Array.sort(comparator)” Works (jam)786
javascript, arrays