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 and included. Hide

Frontend Dogma

“2024” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Web Content Has a Maintenance Problem (ger)1,257
web, content, maintenance, processes, sustainability
Process1,256
processes
A JavaScript Developer Tries Go for the First Time1,255
javascript, go
Cloning Queries in Laravel (ami)1,254
laravel, databases
On Compliance vs. Readability: Generating Text Colors With CSS (lea)1,253
css, functions, colors, compliance, readability, comparisons
The Future of 11ty (zac/ele)1,252
videos, eleventy, outlooks
Turn Off Google AI Overview—Set “Web” as Default1,251
websites, google, ai, search
Weighing in on CSS Masonry (kei)1,250
css, layout, masonry
Visual Design: Glossary (tbf/nng)1,249
design, terminology
WAI–ARIA: “role=deletion”1,248
accessibility, aria
WAI–ARIA: “role=strong”1,247
accessibility, aria
On Which Side Do We Put the Primary Button? (mar)1,246
design, usability, buttons
Beyond CSS Media Queries (mon/sma)1,245
css, media-queries, container-queries, layout, techniques
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools1,244
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
CSS… 5? (chr/fro)1,243
css, versioning
CSS Container Queries in Practice (mia/odd)1,242
videos, css, container-queries
CSS3? Pfff—Get Ready for CSS6! (jar/van)1,241
css, versioning
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1,240
css, html, attributes
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)1,239
accessibility, w3c, wcag
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)1,238
accessibility, wcag, standards, w3c
Rethinking Text Resizing on Web (bas)1,237
accessibility, resizing
New Field Insights for Debugging INP (mal)1,236
videos, performance, web-vitals
The Latest in Web UI (una)1,235
videos, html, css, layout, effects
What’s New in the Web (rac)1,234
videos, web-platform
From Fast Loading to Instant Loading (tun)1,233
videos, performance, apis
What’s New in Angular (mge+)1,232
videos, angular
Automate Browser Testing With Tools and Best Practices From Chrome1,231
videos, browsers, google, chrome, testing, tooling, automation, best-practices
Navigating the JavaScript Framework Ecosystem (add)1,230
videos, javascript, frameworks
What You Need to Know About Third-Party Cookie Deprecation1,229
videos, cookies, browsers, google, chrome, support, deprecation
ADA Title II and You1,228
videos, accessibility, ada, legal
Baseline Progressive Enhancement (ada)1,227
web-platform, progressive-enhancement, browsers, support
JavaScript Security: Simple Practices to Secure Your Frontend1,226
javascript, security, dependencies, csp
Merging Remix and React Router (rem)1,225
remix, react-router
Prefetching When Server Loading Won’t Do (ada/fro)1,224
performance, client-side-rendering, server-side-rendering, streaming
React Compiler (rea)1,223
react, compiling
Transforming the Relationship Between Designers and Developers (sma)1,222
design, collaboration, processes
Dynamic GitHub Profile With Bun and TypeScript1,221
github, readme, bun, typescript
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient”1,220
productivity, efficiency, product-management
Dark Mode and Accessibility Myth (ste)1,219
accessibility, dark-mode, myths
ECMAScript Proposal: “Promise.withResolvers()” (rau)1,218
ecmascript, promises
The Great Tech and People Hypocrisy (j9t)1,217
career, leadership, economics
Why Designers Aren’t Understood (vit/sma)1,216
design, career, communication, terminology
State of HTML 2023 [Results] (sac+/dev)1,215
surveys, metrics, html
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)1,214
css, apis, pop-overs, anchor-positioning
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau)1,213
google, web-platform, ai
Web Platform Status1,212
websites, web-platform, browsers, interoperability, support
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac)1,211
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro)1,210
release-notes, browsers, google, chrome
Built-In AI (kbx+)1,209
chrome, google, browsers, ai, gemini, apis
Google’s Broken Link to the Web1,208
google, web, search, ai
Stop Moving Fast and Breaking Everything1,207
product-management, engineering-management, leadership, processes
Accessible SVG Forms1,206
accessibility, forms, svg, aria
Doing the Right Thing Right—Validation and Verification1,205
validation, terminology, comparisons
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)1,204
css, layout, masonry, accessibility, keyboard-navigation
Intopia’s WCAG 2.2 Maps (int)1,203
accessibility, wcag, cheat-sheets
JavaScript Objects—Complete Guide1,202
guides, javascript, objects
Morphing Arbitrary Paths in SVG1,201
svg, animations
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)1,200
css, borders, tips-and-tricks
Top 7 CSS Frameworks for Developers in 20241,199
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
WebKit Features in Safari 17.5 (jen/web)1,198
release-notes, browsers, apple, safari, webkit
AI Isn’t Ready for UX Design (nng)1,197
videos, design, user-experience, ai
RSS Is Good, Isn’t It?! (mic)1,196
syndication, rss, indieweb
List of Essential Soft Skills for Front-End Engineers1,195
career
The Times You Need a Custom “@property” Instead of a CSS Variable (pre/sma)1,194
css, custom-properties, animations, transitions
How I Made My GitHub Profile README Dynamic1,193
github, readme
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues1,192
accessibility, aria, best-practices
Regarding Keyboard Testing1,191
accessibility, keyboard-navigation, testing
AI Product Design: Identifying Skills Gaps and How to Close Them1,190
design, ai, processes
Designers Are More Than Keywords and Portfolios1,189
design, user-experience, career
All I Want for GAAD1,188
accessibility, awareness-days, wish-lists
Quick Incremental Accessibility Audits for Small Business Websites (cer)1,187
accessibility, auditing
Setting Personal OKRs (cwo)1,186
career, processes, okr
Software Engineering Principles Every Frontend Developer Should Know1,185
principles, craft, quality
Accessibility Overlays Are Not for Disabled People (tem)1,184
accessibility, overlays
Best Intention Barriers (ARIA Edition) (mar)1,183
accessibility, aria, auditing
Mesh Gradients in CSS (jos)1,182
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World1,181
accessibility
17 Best Developer Productivity Tools to Try1,180
productivity, tooling, link-lists
Manifesto for a Humane Web (mic)1,179
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
The Dilemmas You’ll Face When Creating a Component Library (and)1,178
libraries, components
The Modern Guide for Making CSS Shapes (css/sma)1,177
guides, css, shapes, effects, techniques
Using the Page Visibility API (bsm/mdn)1,176
javascript, apis
Introducing the CSS Anchor Positioning API (una)1,175
introductions, css, apis, anchor-positioning, examples
Build Your Own React.js in 400 Lines of Code1,174
react, jsx, principles
Typography Terms: Glossary (tbf/nng)1,173
typography, terminology
Design Taste vs. Technical Skills in the Era of AI (nng)1,172
design, programming, ai, comparisons
Make Your Figma Components Work Harder1,171
figma, design-systems, components
How to Document Your JavaScript Package (lca+/den)1,170
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Release Notes for Safari Technology Preview 194 (jon/web)1,169
release-notes, browsers, apple, safari
Simple Implemention to Understand “worker_threads” in Node.js1,168
nodejs, examples, worker-threads
WordPress Ping List for Faster Post Indexing1,167
wordpress, crawling, seo
37 Tips From a Senior Frontend Developer1,166
tips-and-tricks, fundamentals, learning, processes, career
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1,165
javascript, events, web-components
Let’s Build a Web Scraper in PHP and Python1,164
scraping, php, python
Level-Setting Heading Levels (aar)1,163
headings, semantics, conformance, accessibility, aria
Websites Are Not Books (ons)1,162
terminology, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1,161
web-components, dom
What Is UX (Not)? (nng)1,160
videos, user-experience, concepts
Upgrade Your HTML V (j9t/fro)1,159
books, frontend-dogma, html, minimalism, craft, conformance
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1,158
ai, slop, terminology
Evidence-Based Management Guide, 2024—What’s New?1,157
release-notes, guides, agile, processes, metrics, engineering-management
JavaScript “var”, “let”, and “const” Explained (cfe+)1,156
javascript
Modern WordPress—Yikes! (dbu)1,155
wordpress, themes
The Carcinization of Web Frameworks1,154
frameworks, history, signals, server-side-rendering, outlooks, web-components
Introducing the Gulp Developer Survey1,153
introductions, surveys, gulp
Transparent Borders (bra)1,152
css, borders, transparency+opacity, accessibility, contrast
How We’re Building More Inclusive and Accessible Components at GitHub (eri)1,151
components, accessibility, dei, case-studies, github
Why Patching Globals Is Harmful1,150
javascript, programming
Focus vs. Accessibility Focus1,149
accessibility, focus, comparisons
A Brief Note on Highlighted Text (aar)1,148
accessibility, colors, contrast, css, selectors
An Introduction to the European Accessibility Act (EAA) (deq)1,147
introductions, accessibility, legal, eaa
Errors Aren’t All Bad (jim)1,146
errors
Get First Item in Eleventy Collection1,145
how-tos, eleventy, nunjucks
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1,144
redesigning, strategies, dei, accessibility
Servo Reboot: Where Are We Now? OSS-NA 20241,143
browser-engines, servo, browsers
These CSS Pro Tips and Tricks Will Blow Your Mind1,142
videos, css, tips-and-tricks
Using Simple Tools as a Radical Act of Independence1,141
html, css, simplicity
Using the Popover API for HTML Tooltips (chr/fro)1,140
pop-overs, apis, html, tooltips
What’s New in Node.js v22 (mco)1,139
videos, nodejs
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1,138
usability, user-experience, tips-and-tricks, accessibility, testing
The Pros and Cons of Using a Backend-for-Frontend (BFF)1,137
backend-for-frontend, architecture
5 Node Version Managers Compared—Which Is Right for You? (pav)1,136
nodejs, comparisons, nvm, pnpm
Eleventy With a Basic Deno Static Server Setup1,135
eleventy, deno, hosting
Pairing Eleventy With htmx and Deno1,134
eleventy, htmx, deno
Securing Client-Side JavaScript (ada)1,133
javascript, security, graceful-degradation
The 7 Most Useful Web Design and Web Development Glossaries (apo)1,132
concepts, terminology, link-lists
Misconceptions About CSS Specificity (bra)1,131
css, selectors, cascade
Native Support for CJS/ESM Interoperability Begins in Node.js 221,130
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know1,129
memory, garbage-collection
A to Z of Assistive Technology for Reading Digital Text1,128
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)1,127
videos, foss, accessibility
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1,126
accessibility, wcag, community
Shades of Grey With “color-mix()” (mic)1,125
css, functions, colors
At Some Point, JavaScript Got Good1,124
javascript, history
Poor Express Authentication Patterns in Node.js and How to Avoid Them1,123
express, nodejs, authentication, security
Quick-and-Dirty Accessibility (tpg)1,122
accessibility, techniques
So I Got Fired1,121
career
Content Standards in Design Systems (nng)1,120
content, design-systems, processes
How Slack Automates Deploys1,119
deploying, automation, case-studies, slack
3 Methods to Elevate Your Writing With Visual Content1,118
writing, content, information-design
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1,117
css, selectors, html, techniques
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1,116
videos, css, view-transitions, animations
Introduction to htmx (jan)1,115
introductions, htmx
The Vue Ecosystem in 2024 (fro)1,114
vuejs, content-delivery, building, frameworks
Web Components From Early 2024 (chr)1,113
web-components, link-lists
Web Development Trends We Will See in 20241,112
trends
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1,111
angular, css, scope
The War Begins: Top Best JavaScript Framework to Learn in 20241,110
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively1,109
how-tos, design-systems, design, processes
Demystifying React’s Types: Ref Types1,108
react
Exploring the Immersive Web With Wolvic (sea)1,107
xr, wolvic, igalia, browsers
Should We Rely on Browser Detection? (htm)1,106
browsers, browser-detection
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)1,105
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)1,104
drupal
Using AI to Predict Design Trends (web)1,103
ai, design, trends
Why Are My Live Regions Not Working? (pat/tet)1,102
accessibility, aria, live-regions
Cookie Permissions: 6 Design Guidelines (nng)1,101
videos, cookies, consent-management, privacy, user-experience, guidelines
A React Developer’s Guide to Learning Solid.js1,100
guides, react, solidjs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)1,099
foss, maintenance
How to Create Content in WordPress With AI1,098
how-tos, content, ai, wordpress
When to Use Bun Instead of Node.js (app)1,097
bun, nodejs, comparisons
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry1,096
interviews, nodejs, deno, jsr
Composability in Design Systems (ada)1,095
design-systems, design, components
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making1,094
how-tos, design-systems, processes, collaboration, maintenance
Handling the Indentation of a Treeview Component (sha)1,093
css
I Reviewed 1,000s of Opinions on htmx1,092
htmx
Popover API Is Here (chr/fro)1,091
apis, pop-overs, html
Pretty Much Every Website Uses the Wrong Font Size…1,090
videos, css
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings1,089
usability, user-experience, sorting
Web Forms: Costly Mistakes You Want to Avoid (geo)1,088
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [US] Presidential Campaigns (web)1,087
accessibility, case-studies
An Alternative Proposal for CSS Masonry (rac)1,086
css, layout, masonry, google
European Accessibility Act: Ultimate Guide to Compliance1,085
guides, accessibility, compliance, legal, eaa
Introduction to NestJS1,084
introductions, frameworks, nestjs
My Approach to HTML Web Components (ada)1,083
html, web-components
Superior Range Syntax (css)1,082
css, media-queries
WebAssembly Performance Patterns for Web Apps (tom)1,081
webassembly, performance, web-apps
What Is Vite (and Why Is It So Popular)?1,080
vite
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”1,079
microsoft, edge, css, support, deprecation
New to the Web Platform in April (rac)1,078
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
CSS Inheritance (bel/pic)1,077
css, cascade, inheritance
How to Design Accessible Forms in 10 Steps1,076
how-tos, design, accessibility, forms
Accessibility Evolution of Organizations (cer)1,075
accessibility, processes, economics
No, I Don’t Want to Fill Out Your Contact Form1,074
forms, user-experience
The Polish Paradox1,073
design, optimization, user-experience
Can You Detect Overflow With CSS? (fon/css)1,072
css, overflow
Top 50 System Design Interview Questions for 20241,071
interviewing, architecture, system-design, link-lists
Basic Algorithms1,070
algorithms, search, sorting
Passkeys: A Shattered Dream (fir)1,069
security, authentication, passkeys
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1,068
design, images, information-design
Optimizing INP: A Deep Dive1,067
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Ditch Dotenv: Node.js Now Natively Supports .env File Loading1,066
nodejs, environments, tooling
What Do Developers Want From AI?1,065
research, ai, productivity, efficiency
Design Déjà Vu (mal)1,064
design, html, css, history, comparisons
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1,063
guides, overviews, examples, radix
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1,062
search, forms, html, css, svg
The Rise of Large-Language-Model Optimization (sch+)1,061
ai, optimization
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)1,060
accessibility, processes, prototyping, research
Popover API Lands in Baseline (una)1,059
pop-overs, apis, browsers, support, web-platform
Maintaining a Design System in Figma (luk)1,058
design-systems, maintenance, figma
Introduction to Manual Website Accessibility Testing1,057
videos, introductions, accessibility, testing
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1,056
javascript, awareness-days
Celebrating 20 Years of Dojo (ope)1,055
anniversaries, dojo
How to Escape JavaScript for a Script Tag1,054
how-tos, javascript, escaping, html
HTML Attributes vs. DOM Properties (jaf)1,053
html, attributes, dom, comparisons
JSR Is Not Another Package Manager (tin/den)1,052
jsr, dependencies
Node.js 22 Available Now (ope)1,051
release-notes, nodejs
Node.js Next 10 Survey—2024 (nod)1,050
surveys, nodejs
Printing Music With CSS Grid (ste)1,049
css, grids, examples
Ruby Might Be Faster Than You Think (joh)1,048
ruby, performance
The New “!important” (geo)1,047
css, cascade
The Perfect Site Doesn’t Exist (mic)1,046
quality, maintenance, processes
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1,045
javascript, urls
Use “:has()” to Scope CSS1,044
css, selectors, scope
Write Better CSS With Modern CSS (css)1,043
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)1,042
css, minification, performance
Adding ESLint and Auto-Fixing an Existing TypeScript Project1,041
eslint, typescript, quality, automation
F-Shape Pattern and How Users Read (vit/sma)1,040
usability, design
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render1,039
bun, deploying, performance, case-studies
Images as the First Thing in a Button or Link (tem)1,038
accessibility, html, images, buttons, links
Reflecting on My Programming Career1,037
career
Taking Regular Screenshots of My Website1,036
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App1,035
frameworks, visualization, react, nodejs, wasp
The Front End Developer/Engineer Handbook 2024 (fro)1,034
overviews, career, learning, tech-stacks, concepts, terminology
Using Vite to Rebuild Local Dependencies in an npm Workspace1,033
npm, dependencies, vite
Your Page Can’t Change Media Features (kil)1,032
css, media-queries, user-experience, apis
Latency Numbers Every Frontend Developer Should Know (ind)1,031
performance, metrics, terminology
Notes on Quality1,030
design, user-experience, quality
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1,029
html, modals, pop-overs
Comparing Full Stack and Headless CMS Platforms1,028
comparisons, content-management, wordpress, drupal, ghost
Creating Fluid Typography With the CSS “clamp()” Function1,027
css, functions, typography, liquid-design
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome1,026
cookies, privacy, browsers, google, chrome
How the Meaning of Colour Varies per Culture1,025
colors, culture
15 Essential UX Design Principles and Practices for Developers (uxm)1,024
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)1,023
design, trends
5 Hidden CSS Properties You Didn’t Know Existed1,022
css
Creating a UX Playbook for Onboarding Users to Your Product (uxm)1,021
user-experience, onboarding, product-management
How I Use Generative AI in Branding1,020
ai, branding, principles, design
The Art of Design System Recipes (bra)1,019
design-systems, design-tokens
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)1,018
collaboration, processes
The Ultimate Collection of CSS-Only Shapes (css)1,017
websites, css
Using Legitimate GitHub URLs for Malware (sch)1,016
security, malware, github
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer1,015
ci-cd, concepts
What You Can Do as a Web Builder on Earth Day (aar)1,014
sustainability, ai
Write Alt Text Like You’re Talking to a Friend (spa/clo)1,013
accessibility, images, alt-text
State of Design Tokens 2024 (don+)1,012
videos, design-tokens, figma, tooling
JavaScript Features That Most Developers Don’t Know1,011
javascript, functions
Node.js Test Runner: A Beginner’s Guide (bet)1,010
guides, nodejs, testing
The Slow Death of CSS Vendor Prefixes (oll)1,009
css, vendor-extensions, history
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)1,008
videos, interviews, css
April 24 Is JS Naked Day (j9t)1,007
javascript, awareness-days
Considerations for AI Opt-Out (mno)1,006
ai
Detect JavaScript Support (fon/css)1,005
css, javascript, media-queries, support
Optimising React Apps1,004
react, optimization
3 Tips for Advanced Prototyping in Figma1,003
tips-and-tricks, prototyping, figma
Make Product Design Great Again1,002
design, user-experience, product-management
Design Systems and the Never-Ending Job of Buy In (pjo)1,001
design-systems, communication, collaboration
Detect JavaScript Support in CSS (hex)1,000
css, javascript, media-queries, support
Long Alt (aar)999
accessibility, images, alt-text, support, browsers, screen-readers
Make Sure That Your Design System Is Accessible (cer)998
design-systems, accessibility
Node.js Task Runner997
nodejs, performance
Using “@defer” Defer Views in Angular 17996
angular, performance, lazy-loading
Accessibility Overlays—Friend or Foe? (int)995
videos, accessibility, overlays
Building a Culture of Accessibility (tet)994
accessibility, culture
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)993
css, layout, grids, masonry
How to Create CSS Utility Classes (fon/css)992
how-tos, css, presentational-html
How to Work With GraphQL in WordPress in 2024 (sma)991
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)990
web
Typography Variables in Figma Are Here989
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub988
guides, github, keyboard-shortcuts
5 Tailwind CSS Anti-Patterns to Avoid (ato)987
tailwind, colors, theming, frameworks, anti-patterns
A Primer on the Cascade and Specificity (bel/pic)986
introductions, css, selectors, cascade
Angular’s New Signal Inputs985
videos, angular, signals
My Code Formatting Guidelines (val)984
guidelines, formatting, conventions, javascript, html, prettier, configuration
What’s Going On in Dark Theme / Light Theme Land (chr/fro)983
css, functions, dark-mode
The End of an Era: Women Who Code Closing (wom)982
community
Git Common Developer Pitfalls and Solutions (wom)981
git
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)980
redesigning, sustainability
Building an npm Package Compatible With ESM and CJS in 2024979
npm, dependencies, interoperability, esm, commonjs
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)978
browsers, support, web-platform, javascript
12 Tips From a Mid-Level Developer977
career, tips-and-tricks
AI Isn’t Useless—but Is It Worth It? (mol)976
ai, quality
Building a GitHub Activity Feed With Node.js and Socket.IO975
nodejs, github, functionality
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)974
conversion, html, javascript
Displaying HTML Web Components (ada)973
web-components, css
How to Write World-Beating Web Content (web)972
how-tos, writing, content
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI971
ai, quality, craft, metrics, engineering-management
JavaScript Code Quality Tools: See Qodana in Action970
jetbrains, qodana, quality, javascript
Property Hooks Are Coming in PHP 8.4 (ami)969
php, hooks
The Impact of Color Contrast on Accessibility968
accessibility, colors, contrast
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)967
jquery, maintenance, migrating
Webhooks and WebSockets966
webhooks, websockets
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)965
accessibility, security
Who Should Block AI Bots? (moz)964
scraping, ai, seo
How to Submit a Form in React Using FormData (wom)963
how-tos, forms, react
Electron 30.0.0 (kee/ele)962
release-notes, electron
Making Disabled Buttons More Accessible961
accessibility, buttons, html, aria
[pnpm] v9.0.0 (pnp)960
release-notes, pnpm
The Biggest Lie in HTML959
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)958
web
The Making of a TypeScript Feature: Inferring Type Predicates957
typescript
The Right Code for Your Design System (fig)956
design-systems, figma
Things That Can Break “aspect-ratio” in CSS (chr/fro)955
css, aspect-ratio
We Need to Rewild the Internet (rob)954
web, standards, collaboration, creativity, outlooks
Why We Are Still Using 88×31 Buttons953
images, history, design
Hardest Problem in Computer Science: Centering Things (nik)952
css, design, centering
Alternating Style Queries (kiz)951
css, style-queries, techniques
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)950
accessibility
An Intro to Flexbox (cfe)949
introductions, css, flexbox, layout
ARIA in HTML (sco+/w3c)948
standards, accessibility, aria, html
CSS in React Server Components (jos)947
css, javascript, react, components, css-in-js
Document Collaboration (With Comments!) (chr/fro)946
documentation, collaboration, comparisons, link-lists
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)945
html, attributes, forms, usability
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)944
cookies, consent-management, performance
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)943
migrating, processes, seo, sem
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)942
foss, security, openjs
Ethics in Times of Growth Design941
design, ethics
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)940
accessibility, auditing, tooling
Interview With Senior JS Developer 2024939
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)938
quality, craft, accessibility, usability, user-experience, conformance, performance
How to Write a Code Formatter937
how-tos, formatting
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)936
html, skip-links, accessibility, mobile
Things You Should Do in Your Dev Journey935
career
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)934
apis, dark-mode
Why Many Junior Developers Quit Programming (tip)933
career, learning
Blockin’ Bots (bee)932
scraping, ai, apache, configuration
How to Build a Reusable Grid System With CSS Grid (cfe)931
how-tos, css, grids, layout, maintainability
Introducing JS Naked Day (mac)930
introductions, javascript, awareness-days
Monitoring BFCache Blocking Reasons (chr/mdn)929
bfcache, monitoring, debugging, performance
Naming Colors in Design Systems928
naming, colors, design-systems
Sliding 3D Image Frames in CSS (css/sma)927
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)926
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
10 Things Software Developers Should Learn About Learning925
research, learning
How Do Open Source Licenses Work? The Ultimate Guide924
guides, foss, licensing
A Comparison of Automated Testing Tools for Digital Accessibility (equ)923
accessibility, testing, tooling, automation, comparisons
An Intro to CSS Grid (cfe)922
introductions, css, grids, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)921
accessibility, vpat-acr, conformance, documentation
CSS Tricks to Master the “clip-path” Property (css)920
css, masking, clipping, tips-and-tricks
Gap Is the New Margin (chr/fro)919
css, margins, layout
npm Basics for New Developers (nim)918
fundamentals, npm
Socks, Lies, and Accessibility917
accessibility, awareness-days, link-lists
Web Accessibility Statement: How to Write One916
how-tos, accessibility, documentation, writing
Why I’m Embracing the Arc Browser915
browsers, arc, the-browser-company
Zombie Estimation914
agile, scrum, processes, project-management
Purging Design System “Rot” From Our Checkboxes (chu)913
design-systems, maintenance, quality, accessibility, case-studies
Epic App Performance Starts With the Database912
videos, performance, databases, optimization
Accessible Interactions in JavaScript Apps (san)911
videos, accessibility, javascript, aria
Unleashing Designers With Tailwind CSS910
videos, tailwind, design, processes
Let Me Be909
videos, javascript
The Dos and Don’ts of Using “tabindex” in Web Design (a11)908
accessibility, keyboard-navigation, html
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)907
tips-and-tricks, how-tos, animations, gradients, css
I Never Knew a Website Could Hurt Someone (kar)906
videos, accessibility
JS Naked Day (mac+)905
websites, javascript, awareness-days
Notes on Git’s Error Messages (b0r)904
git, errors
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)903
webkit, browsers, apple, safari, performance, optimization
Release Notes for Safari Technology Preview 192 (jon/web)902
release-notes, browsers, apple, safari
The Future of Design Systems Is Marketing (fig)901
design-systems, marketing, metrics
The Guide to Git I Never Had900
guides, git, command-line, cheat-sheets
Wednesday, April 10, 2024 Security Releases (raf/nod)899
release-notes, nodejs, security
Frontend Development Beyond React: Svelte898
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions897
design, user-experience
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution896
react, history
Ableism and Related Terms You Need to Know (mer)895
terminology, communication, dei
Figma Prototypes vs. HTML Prototypes (ada)894
design, processes, prototyping, figma, html, comparisons
Layered Toggles: Optional CSS Mixins (kiz)893
css, mixins, techniques
Recapping ng-conf 2024892
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)891
accessibility, ada, legal, web, mobile
Understanding Interaction to Next Paint (INP) (wil/fro)890
performance, web-vitals
Is the Party Over for Scrum Masters and Agile Coaches?889
agile, scrum, career
Happy CSS Naked Day 2024 (fro)888
frontend-dogma, css, awareness-days
An Introduction to the Node.js Performance API (bet)887
introductions, nodejs, performance, apis
Sending Email Using Node.js (cra)886
nodejs, email
React Server Components in a Nutshell885
react, components
How I Write Commits Like a Pro884
version-control, git, commit-messages, conventions
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)883
redesigning, strategies, dei, accessibility
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)882
design, communication
Node.js Debugging in Chrome DevTools (chr/fro)881
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
The Death of Creativity880
creativity, ai
Things That I Like Better in Vue Than in React879
vuejs, react, frameworks, comparisons
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)878
user-experience, ai, hci
What Is Whitespace? (nng)877
videos, whitespace, design, concepts, terminology
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities876
books, nodejs, security, vulnerabilities
DORA’s Software Delivery Metrics: The Four Keys875
processes, metrics
Building a CLI From Scratch With TypeScript and oclif874
command-line, typescript
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)873
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Creating a Navbar in React872
navigation, react, css
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities871
accessibility, legal, web, mobile
Demystifying the Shadow DOM870
dom, shadow-dom
Faster Websites With the “picture” Element (fra)869
html, images, performance
Jekyll vs. Astro (koo)868
site-generators, comparisons, jekyll, astro
Testing HTML With Modern CSS (hey)867
html, css, testing, quality
10 Must Know System Design Concepts for Interviews866
interviewing, architecture, system-design, concepts, scalability
Blind Internet Users Struggle With Error-Prone AI Aids (fin)865
accessibility, ai
21 HTML Tips You Must Know About864
html, tips-and-tricks
How to Think About HTML Responsive Images (db)863
how-tos, html, images, responsive-design
Reviewing Polypane for Responsive Website Tweaks862
videos, polypane, browsers
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)861
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Why I’m Yet Another Woman Leaving the Tech Industry860
career, community
[zx] 8.0.0859
release-notes, zx
“AI” Won’t Solve Accessibility (yat)858
accessibility, ai
DevTools Tips and Tricks (fro)857
browsers, dev-tools, tips-and-tricks
Drive-By Accessibility Tweaks (bru)856
accessibility
ESLint v9.0.0 Released (nza/esl)855
release-notes, eslint
How to Make Your Website Work Offline854
how-tos, web-workers, offline, javascript
Managing User Focus With “:focus-visible” (css)853
css, selectors, focus
Should Designers Code? (bra)852
design, career
The Free Software Commons (jen)851
foss, community, security
Breakpoints in Responsive Design (nng)850
design, responsive-design, breakpoints, usability
Creativity in Software Engineering849
research, creativity, programming
Building Components With Radix UI848
radix, components
Heat Death of the Internet847
web
How to Strongly Type process.env (mat)846
how-tos, typescript, nodejs
Modern CSS Patterns in Campfire845
css, case-studies
Rounded Tabs With Inner Curves (css)844
css, effects, tips-and-tricks
The Basics of Legibility843
fundamentals, typography, legibility
When to Use “tabindex="0"” (gra/tet)842
accessibility, keyboard-navigation, focus, html
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue841
videos, javascript, visualization, event-loop, events, apis
The V8 Sandbox840
v8, security
AI and the Future of Web Accessibility Guidelines839
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)838
guides, css, logical-properties, cheat-sheets
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)837
ai, web
An Advanced Way to Use CSS Variables (cfe)836
css, custom-properties
“aspect-ratio” Gotcha (css)835
css, aspect-ratio, images
BFCache Explained834
bfcache, browsers, performance
Finally Understand Responsive Design833
videos, responsive-design, css
Fluid Typography With Discrete Steps (css)832
css, typography, tips-and-tricks
Hanging Punctuation in CSS (ada)831
css, typography
Introducing Jpegli: A New JPEG Coding Library830
introductions, jpeg, images, libraries, compression
Svelte Parses HTML All Wrong (ric)829
svelte, html, parsing
The View Transitions API (cas/fro)828
view-transitions, apis, astro
Theming Design Systems (per)827
design-systems, theming
Wednesday, April 3, 2024 Security Releases (nod)826
release-notes, nodejs, security
In-Page Links: 3 Usability Tips (nng)825
videos, links, usability, tips-and-tricks
How to Build a Simple Web Server With Node.js824
how-tos, servers, nodejs
Using JSON Web Tokens With Node.js823
json-web-tokens, nodejs, security, authentication
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?822
dns, security
An Interactive Guide to CSS Container Queries (sha)821
guides, css, container-queries
Authentication in Next.js (rwi)820
authentication, nextjs
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)819
css, anchor-positioning
How to Get Somebody Fired Using Git818
version-control, git, career
How We’re Approaching Theming With Modern CSS (bel/pic)817
css, theming
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)816
branding, scrolling, animations, techniques, css
WebAssembly at Google (tom)815
videos, webassembly, google
WordPress 6.5 “Regina” (pho/wor)814
release-notes, wordpress
Learn JavaScript (wil)813
courses, javascript
14 Top UX Tools for Designers in 2024 (web)812
user-experience, tooling, link-lists
A Complete Guide for Content Creators to Start Making Accessible Content (pop)811
guides, accessibility, content
Bun 1.1 (jar+/bun)810
release-notes, bun
Micro Frontends With Native Federation809
micro-frontends, comparisons
The Detail, the Quality808
design, quality
What Even Is a JSON Number?807
json, terminology
Introducing Root.js806
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over805
programming, career, ai, economics
10 JavaScript Sites Every Web Developer Should Know804
javascript, learning, link-lists
Kobold Letters (wed)803
html, email, support
Latest WebAIM’s Million—Some Thoughts (cer)802
accessibility
Object Structure in JavaScript Engines801
objects, javascript, javascript-engines
The DevOps Basics800
dev-ops, fundamentals
Why I Care Deeply About Web Accessibility and You Should Too (sch)799
accessibility, web
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time798
tooling, nodejs, deno, bun, quickjs
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
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)763
css, overviews
Animating Clip Paths on Scroll With “@property” in CSS (uti)762
css, animations, scrolling, clipping, masking
Exploring the Power of ARIA Live Attribute in Web Accessibility761
accessibility, aria, attributes
Convention Over Creativity? The Ups and Downs of UX Design760
user-experience, design
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests759
how-tos, jquery, ajax, functions, asynchronicity
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)758
tips-and-tricks, how-tos, css, grids, layout, alignment