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