Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2024” News Archive (5)

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