Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). Hide

Frontend Dogma

“2024” News Archive (5)

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