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