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

News and Tools for Web Developers (12)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
State of Frontend 2024 Survey14,333
surveys
Not Always Mobile First (css)14,332
responsive-design, mobile-first, mobile, css, processes
Introducing JSR (den)14,331
videos, introductions, jsr
I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (zac)14,330
eleventy
Hidden vs. Disabled in UX (vit/sma)14,329
user-experience, comparisons, design-patterns
Growth or Scale?14,328
sustainability, scalability
CSS Specificity for WordPress 6.6 (wor)14,327
discussions, wordpress, css, selectors, cascade
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)14,326
accessibility, colors, contrast, css, functions
A Primer on JavaScript Proxies (cfe)14,325
introductions, javascript
The Art of Not Being So Freaking Pushy (uxd)14,324
design, user-experience, microcontent, buttons
UI Density14,323
design, information-design, metrics
CSS “:has()”, the God Selector (bru)14,322
css, selectors
Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (uxm)14,321
user-experience, logging, monitoring, observability
Web Content Has a Maintenance Problem (ger)14,320
web, content, maintenance, processes, sustainability
“<style>”: Inline Optimizations for the Bold (mor)14,319
html, css, performance, optimization
Stop Resizing Your Browser: Improve Testing for Responsiveness (jen)14,318
browsers, testing, responsive-design
Process14,317
processes
CodeFlattener14,316
packages, npm, javascript
A JavaScript Developer Tries Go for the First Time14,315
javascript, go
On Which Side Do We Put the Primary Button? (mar/uxd)14,314
design, usability, buttons
Visual Design: Glossary (tbf/nng)14,313
design, terminology
Weighing in on CSS Masonry (kei)14,312
css, layout, masonry
WAI–ARIA: “role=strong”14,311
accessibility, aria
WAI–ARIA: “role=deletion”14,310
accessibility, aria
Turn Off Google AI Overview—Set “Web” as Default14,309
websites, google, ai, search
The Future of 11ty (zac/ele)14,308
videos, eleventy, outlooks
On Compliance vs. Readability: Generating Text Colors With CSS (lea)14,307
css, functions, colors, compliance, readability, comparisons
Cloning Queries in Laravel (ami)14,306
laravel, databases
From Fast Loading to Instant Loading (tun/dev)14,305
videos, performance, apis
Rethinking Text Resizing on Web (bas)14,304
accessibility, resizing
What You Need to Know About Third-Party Cookie Deprecation (dev)14,303
videos, cookies, browsers, google, chrome, support, deprecation
What’s New in the Web (rac/dev)14,302
videos, web-platform
What’s New in Angular (mge+/dev)14,301
videos, angular
W3C Unveils 174 New Outcomes for WCAG 3.0 (deq)14,300
accessibility, wcag, standards, w3c
The WCAG 3 Working Draft Update Is Ready for Your Review (w3c)14,299
accessibility, w3c, wcag
The Latest in Web UI (una/dev)14,298
videos, html, css, layout, effects
New Field Insights for Debugging INP (mal/dev)14,297
videos, performance, web-vitals
Navigating the JavaScript Framework Ecosystem (add/dev)14,296
videos, javascript, frameworks
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)14,295
css, html, attributes
CSS3? Pfff—Get Ready for CSS6! (jar/van)14,294
css, versioning
CSS Container Queries in Practice (mia/odd)14,293
videos, css, container-queries
CSS… 5? (chr/fro)14,292
css, versioning
Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools14,291
guides, javascript, performance, debugging, browsers, google, chrome, dev-tools
Beyond CSS Media Queries (mon/sma)14,290
css, media-queries, container-queries, layout, techniques
Automate Browser Testing With Tools and Best Practices From Chrome (dev)14,289
videos, browsers, google, chrome, testing, tooling, automation, best-practices
ADA Title II and You14,288
videos, accessibility, ada, legal
It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (uxd)14,287
productivity, efficiency, product-management
Transforming the Relationship Between Designers and Developers (sma)14,286
design, collaboration, processes
React Compiler (rea)14,285
react, compiling
Prefetching When Server Loading Won’t Do (ada/fro)14,284
performance, client-side-rendering, server-side-rendering, streaming
Merging Remix and React Router (rem)14,283
remix, react-router
JavaScript Security: Simple Practices to Secure Your Frontend14,282
javascript, security, dependencies, csp
Dynamic GitHub Profile With Bun and TypeScript14,281
github, readme, bun, typescript
Baseline Progressive Enhancement (ada)14,280
web-platform, progressive-enhancement, browsers, support
Anchor Positioning and the Popover API for a JS-Free Site Menu (mic)14,279
css, apis, pop-overs, anchor-positioning
State of HTML 2023 [Results] (sac+/dev)14,278
surveys, metrics, html
Stop Moving Fast and Breaking Everything (uxd)14,277
product-management, engineering-management, leadership, processes
Built-In AI (kbx+/dev)14,276
chrome, google, browsers, ai, gemini, apis
Why Designers Aren’t Understood (vit/sma)14,275
design, career, communication, terminology
Web Platform Status (dev)14,274
websites, web-platform, browsers, interoperability, support
The Great Tech and People Hypocrisy (j9t)14,273
career, leadership, economics
The CSS Stepped Value Math Functions Are Now in Baseline 2024 (rac/dev)14,272
css, math, functions, browsers, support, web-platform
New in Chrome 125 (tro/dev)14,271
release-notes, browsers, google, chrome
Google’s Broken Link to the Web14,270
google, web, search, ai
ECMAScript Proposal: “Promise.withResolvers()” (rau)14,269
ecmascript, promises
Dark Mode and Accessibility Myth (ste)14,268
accessibility, dark-mode, myths
10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (pau/dev)14,267
google, web-platform, ai
RSS Is Good, Isn’t It?! (mic)14,266
syndication, rss, indieweb
AI Product Design: Identifying Skills Gaps and How to Close Them (uxd)14,265
design, ai, processes
Designers Are More Than Keywords and Portfolios (uxd)14,264
design, user-experience, career
AI Isn’t Ready for UX Design (nng)14,263
videos, design, user-experience, ai
WebKit Features in Safari 17.5 (jen/web)14,262
release-notes, browsers, apple, safari, webkit
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues14,261
accessibility, aria, best-practices
Top 7 CSS Frameworks for Developers in 202414,260
css, frameworks, bootstrap, tailwind, foundation, bulma, skeleton, uikit, milligram, comparisons
The Times You Need a Custom “@ property” Instead of a CSS Variable (pre/sma)14,259
css, custom-properties, animations, transitions
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)14,258
css, borders, tips-and-tricks
Regarding Keyboard Testing14,257
accessibility, keyboard-navigation, testing
Morphing Arbitrary Paths in SVG14,256
svg, animations
List of Essential Soft Skills for Front-End Engineers14,255
career
JavaScript Objects—Complete Guide14,254
guides, javascript, objects
Intopia’s WCAG 2.2 Maps (int)14,253
accessibility, wcag, cheat-sheets
I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (bel/pic)14,252
css, layout, masonry, accessibility, keyboard-navigation
How I Made My GitHub Profile README Dynamic14,251
github, readme
Doing the Right Thing Right—Validation and Verification14,250
validation, terminology, comparisons
Accessible SVG Forms14,249
accessibility, forms, svg, aria
Software Engineering Principles Every Frontend Developer Should Know14,248
principles, craft, quality
Setting Personal OKRs (cwo)14,247
career, processes, okr
Quick Incremental Accessibility Audits for Small Business Websites (cer)14,246
accessibility, auditing
All I Want for GAAD14,245
accessibility, awareness-days, wish-lists
Mesh Gradients in CSS (jos)14,244
css, gradients
Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World14,243
accessibility
Best Intention Barriers (ARIA Edition) (mar)14,242
accessibility, aria, auditing
Accessibility Overlays Are Not for Disabled People (tem)14,241
accessibility, overlays
Make Your Figma Components Work Harder (uxd)14,240
figma, design-systems, components
Design Taste vs. Technical Skills in the Era of AI (nng)14,239
design, programming, ai, comparisons
Typography Terms: Glossary (tbf/nng)14,238
typography, terminology
Using the Page Visibility API (bsm/mdn)14,237
javascript, apis
The Modern Guide for Making CSS Shapes (css/sma)14,236
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)14,235
libraries, components
Manifesto for a Humane Web (mic)14,234
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
Introducing the CSS Anchor Positioning API (una/dev)14,233
introductions, css, apis, anchor-positioning, examples
How to Document Your JavaScript Package (den)14,232
how-tos, javascript, dependencies, documentation, writing, jsdoc, readme
Build Your Own React.js in 400 Lines of Code14,231
react, jsx, principles
17 Best Developer Productivity Tools to Try14,230
productivity, tooling, link-lists
WordPress Ping List for Faster Post Indexing14,229
wordpress, crawling, seo
Simple Implemention to Understand “worker_threads” in Node.js14,228
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)14,227
release-notes, browsers, apple, safari
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)14,226
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)14,225
books, frontend-dogma, html, minimalism, craft, conformance
What Is UX (Not)? (nng)14,224
videos, user-experience, concepts
Why Use Web Components Over Traditional DOM Manipulation? (cfe)14,223
web-components, dom
Websites Are Not Books (ons)14,222
terminology, concepts
Level-Setting Heading Levels (aar)14,221
headings, semantics, conformance, accessibility, aria
Let’s Build a Web Scraper in PHP and Python14,220
scraping, php, python
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)14,219
javascript, events, web-components
37 Tips From a Senior Frontend Developer14,218
tips-and-tricks, fundamentals, learning, processes, career
Introducing the Gulp Developer Survey14,217
introductions, surveys, gulp
Why Patching Globals Is Harmful14,216
javascript, programming
Transparent Borders (bra)14,215
css, borders, transparency, accessibility, contrast
The Carcinization of Web Frameworks14,214
frameworks, history, signals, server-side-rendering, outlooks, web-components
Modern WordPress—Yikes! (dbu)14,213
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)14,212
javascript
How We’re Building More Inclusive and Accessible Components at GitHub (eri/git)14,211
components, accessibility, dei, case-studies, github
Focus vs. Accessibility Focus14,210
accessibility, focus, comparisons
Evidence-Based Management Guide, 2024—What’s New?14,209
release-notes, guides, agile, processes, metrics, engineering-management
The Pros and Cons of Using a Backend-for-Frontend (BFF)14,208
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14,207
usability, user-experience, tips-and-tricks, accessibility, testing
What’s New in Node.js v22 (mco)14,206
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14,205
pop-overs, apis, html, tooltips
Using Simple Tools as a Radical Act of Independence14,204
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14,203
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414,202
browser-engines, servo, browsers
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14,201
redesigning, strategies, dei, accessibility
Get First Item in Eleventy Collection14,200
how-tos, eleventy, nunjucks
Errors Aren’t All Bad (jim)14,199
errors
An Introduction to the European Accessibility Act (EAA) (deq)14,198
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14,197
accessibility, colors, contrast, css, selectors
Misconceptions About CSS Specificity (bra)14,196
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)14,195
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14,194
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno14,193
eleventy, htmx, deno
Native Support for CJS/ESM Interoperability Begins in Node.js 2214,192
commonjs, esm, interoperability, support, nodejs
Memory Management Every Developer Should Know14,191
memory, garbage-collection
Eleventy With a Basic Deno Static Server Setup14,190
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14,189
nodejs, comparisons, nvm, pnpm
Shades of Grey With “color-mix()” (mic)14,188
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,187
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14,186
videos, foss, accessibility
At Some Point, JavaScript Got Good14,185
javascript, history
A to Z of Assistive Technology for Reading Digital Text14,184
accessibility, browsers, assistive-tech, readability, concepts
Content Standards in Design Systems (nng)14,183
content, design-systems, processes
So I Got Fired14,182
career
Quick-and-Dirty Accessibility (tpg)14,181
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,180
express, nodejs, authentication, security
How Slack Automates Deploys14,179
deploying, automation, case-studies, slack
The War Begins: Top Best JavaScript Framework to Learn in 202414,178
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively (uxd)14,177
how-tos, design-systems, design, processes
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,176
angular, css, scope
Web Development Trends We Will See in 202414,175
trends
Web Components From Early 2024 (chr)14,174
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14,173
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14,172
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,171
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,170
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14,169
writing, content, information-design
Cookie Permissions: 6 Design Guidelines (nng)14,168
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14,167
accessibility, aria, live-regions
When to Use Bun Instead of Node.js (app)14,166
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)14,165
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,164
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,163
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14,162
browsers, browser-detection
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (the)14,161
interviews, nodejs, deno, jsr
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,160
foss, maintenance
How to Create Content in WordPress With AI14,159
how-tos, content, ai, wordpress
Exploring the Immersive Web With Wolvic (sea)14,158
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14,157
react
A React Developer’s Guide to Learning Solid.js14,156
guides, react, solidjs, comparisons
Web Forms: Costly Mistakes You Want to Avoid (geo)14,155
books, forms, mistakes, usability, accessibility, maintainability
Web Accessibility in the 2024 [U.S.] Presidential Campaigns (web)14,154
accessibility, case-studies
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,153
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,152
videos, css
Popover API Is Here (chr/fro)14,151
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14,150
htmx
Handling the Indentation of a Treeview Component (sha)14,149
css
European Accessibility Act: Ultimate Guide to Compliance14,148
guides, accessibility, compliance, legal, eaa
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,147
how-tos, design-systems, processes, collaboration, maintenance
Composability in Design Systems (ada)14,146
design-systems, design, components
An Alternative Proposal for CSS Masonry (rac/dev)14,145
css, layout, masonry, google
How to Design Accessible Forms in 10 Steps (uxd)14,144
how-tos, design, accessibility, forms
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (mic)14,143
microsoft, edge, css, support, deprecation
CSS Inheritance (bel/pic)14,142
css, cascade
What Is Vite (and Why Is It So Popular)?14,141
vite
WebAssembly Performance Patterns for Web Apps (tom)14,140
webassembly, performance, web-apps
Superior Range Syntax (css)14,139
css, media-queries
New to the Web Platform in April (rac/dev)14,138
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
My Approach to HTML Web Components (ada)14,137
html, web-components
Introduction to NestJS14,136
introductions, frameworks, nestjs
The Polish Paradox14,135
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,134
forms, user-experience
Accessibility Evolution of Organizations (cer)14,133
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,132
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,131
css, overflow
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,130
nodejs, environments, tooling
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,129
design, images, information-design
What Do Developers Want From AI?14,128
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)14,127
security, authentication, passkeys
Optimizing INP: A Deep Dive (dev)14,126
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
Basic Algorithms14,125
algorithms, search, sorting
Maintaining a Design System in Figma (luk/uxd)14,124
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)14,123
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,122
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,121
guides, overviews, examples, radix
Popover API Lands in Baseline (una/dev)14,120
pop-overs, apis, browsers, support, web-platform
Introduction to Manual Website Accessibility Testing14,119
videos, introductions, accessibility, testing
Design Déjà Vu (mal)14,118
design, html, css, history, comparisons
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,117
accessibility, processes, prototyping, research
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,116
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14,115
css, nesting, custom-properties, media-queries, tips-and-tricks
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)14,114
css, minification, performance
Use “:has()” to Scope CSS14,113
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,112
javascript, urls
The Perfect Site Doesn’t Exist (mic)14,111
quality, maintenance, processes
The New “!important” (geo)14,110
css, cascade
Ruby Might Be Faster Than You Think (joh)14,109
ruby, performance
Printing Music With CSS Grid (ste)14,108
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,107
surveys, nodejs
Node.js 22 Available Now (ope)14,106
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,105
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,104
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14,103
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14,102
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,101
javascript, awareness-days
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,100
html, modals, pop-overs
Creating Fluid Typography With the CSS “clamp()” Function14,099
css, functions, typography, liquid-design
Notes on Quality14,098
design, user-experience, quality
How the Meaning of Colour Varies per Culture (uxd)14,097
colors, culture
Latency Numbers Every Frontend Developer Should Know (ind)14,096
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14,095
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14,094
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,093
cookies, privacy, browsers, google, chrome
The Front End Developer/Engineer Handbook 2024 (fro)14,092
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,091
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website14,090
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14,089
career
Images as the First Thing in a Button or Link (tem)14,088
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,087
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14,086
usability, design
Comparing Full Stack and Headless CMS Platforms14,085
comparisons, content-management, wordpress, drupal, ghost
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,084
eslint, typescript, quality, automation
JavaScript Features That Most Developers Don’t Know14,083
javascript, functions
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,082
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,081
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,080
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14,079
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14,078
websites, css
The Slow Death of CSS Vendor Prefixes (oll)14,077
css, vendor-extensions, history
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,076
collaboration, processes
The Art of Design System Recipes (bra)14,075
design-systems, design-tokens
State of Design Tokens 2024 (don+)14,074
videos, design-tokens, figma, tooling
Node.js Test Runner: A Beginner’s Guide (bet)14,073
guides, nodejs, testing
How I Use Generative AI in Branding14,072
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14,071
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14,070
css
3 Essential Design Trends, May 2024 (web)14,069
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)14,068
user-experience, principles, best-practices
Make Product Design Great Again (uxd)14,067
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma (uxd)14,066
tips-and-tricks, prototyping, figma
Optimising React Apps14,065
react, optimization
Detect JavaScript Support (fon/css)14,064
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14,063
ai
April 24 Is JS Naked Day (j9t)14,062
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14,061
videos, interviews, css
Using “@ defer” Defer Views in Angular 1714,060
angular, performance, lazy-loading
Node.js Task Runner14,059
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)14,058
design-systems, accessibility
Long Alt (aar)14,057
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)14,056
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14,055
design-systems, communication, collaboration
Typography Variables in Figma Are Here14,054
typography, variables, figma
This Web of Ours, Revisited (zel)14,053
web
How to Work With GraphQL in WordPress in 2024 (sma)14,052
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14,051
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14,050
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14,049
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14,048
videos, accessibility, overlays
A Short Guide to Mastering Keyboard Shortcuts on GitHub (git)14,047
guides, github, keyboard-shortcuts
Building an npm Package Compatible With ESM and CJS in 202414,046
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14,045
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14,044
git
The End of an Era: Women Who Code Closing (wom)14,043
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14,042
css, functions, dark-mode
The “Intl.Segmenter” Object Is Now Part of Baseline (rac/dev)14,041
browsers, support, web-platform, javascript
My Code Formatting Guidelines (val)14,040
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14,039
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14,038
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14,037
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)14,036
how-tos, forms, react
Who Should Block AI Bots? (moz)14,035
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14,034
accessibility, security
Webhooks and WebSockets14,033
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14,032
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility14,031
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)14,030
php, hooks
JavaScript Code Quality Tools: See Qodana in Action14,029
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14,028
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)14,027
how-tos, writing, content
Displaying HTML Web Components (ada)14,026
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14,025
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO14,024
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)14,023
ai, quality
12 Tips From a Mid-Level Developer14,022
career, tips-and-tricks
Alternating Style Queries (kiz)14,021
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14,020
css, design, centering
Why We Are Still Using 88×31 Buttons14,019
images, history, design
We Need to Rewild the Internet (rob)14,018
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)14,017
css, aspect-ratio
The Right Code for Your Design System (fig)14,016
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14,015
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)14,014
web
The Biggest Lie in HTML14,013
videos, html
[pnpm] v9.0.0 (pnp)14,012
release-notes, pnpm
Making Disabled Buttons More Accessible14,011
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)14,010
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)14,009
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14,008
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14,007
cookies, consent-management, performance
Ethics in Times of Growth Design14,006
design, ethics
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14,005
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14,004
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14,003
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14,002
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14,001
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14,000
accessibility
Interview With Senior JS Developer 202413,999
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)13,998
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)13,997
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)13,996
apis, dark-mode
Things You Should Do in Your Dev Journey13,995
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)13,994
html, skip-links, accessibility, mobile
How to Write a Code Formatter13,993
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)13,992
quality, craft, accessibility, usability, user-experience, conformance, performance
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)13,991
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)13,990
css, images, techniques
Naming Colors in Design Systems13,989
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)13,988
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)13,987
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)13,986
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide (the)13,985
guides, foss, licensing
Blockin’ Bots (bee)13,984
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning13,983
research, learning
Purging Design System “Rot” From Our Checkboxes (chu)13,982
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation13,981
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser13,980
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One13,979
how-tos, accessibility, documentation, writing
Unleashing Designers With Tailwind CSS13,978
videos, tailwind, design, processes
The Dos and Don’ts of Using “tabindex” in Web Design (a11)13,977
accessibility, keyboard-navigation, html
Socks, Lies, and Accessibility13,976
accessibility, awareness-days, link-lists
Quick Tip: How to Animate Text Gradients and Patterns in CSS13,975
tips-and-tricks, how-tos, animations, gradients, css
npm Basics for New Developers (nim)13,974
fundamentals, npm
Let Me Be13,973
videos, javascript
Gap Is the New Margin (chr/fro)13,972
css, margins, layout
Epic App Performance Starts With the Database13,971
videos, performance, databases, optimization
CSS Tricks to Master the “clip-path” Property (css)13,970
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)13,969
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)13,968
introductions, css, grids, layout
Accessible Interactions in JavaScript Apps (san)13,967
videos, accessibility, javascript, aria
A Comparison of Automated Testing Tools for Digital Accessibility (equ)13,966
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte13,965
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (uxd)13,964
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)13,963
release-notes, nodejs, security
The Guide to Git I Never Had13,962
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)13,961
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)13,960
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)13,959
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)13,958
git, errors
JS Naked Day (mac+)13,957
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)13,956
videos, accessibility
Happy CSS Naked Day 2024 (fro)13,955
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?13,954
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)13,953
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)13,952
accessibility, ada, legal, web, mobile
Sending Email Using Node.js (cra)13,951
nodejs, email
Recapping ng-conf 202413,950
angular
React Server Components in a Nutshell (the)13,949
react, components
Layered Toggles: Optional CSS Mixins (kiz)13,948
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)13,947
design, processes, prototyping, figma, html, comparisons
An Introduction to the Node.js Performance API (bet)13,946
introductions, nodejs, performance, apis
Ableism and Related Terms You Need to Know (mer)13,945
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution13,944
react, history
Building a CLI From Scratch With TypeScript and oclif13,943
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys13,942
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities13,941
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)13,940
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)13,939
user-experience, ai, hci
Things That I Like Better in Vue Than in React13,938
vuejs, react, frameworks, comparisons
The Death of Creativity13,937
creativity, ai
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)13,936
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Debugging in Chrome DevTools (chr/fro)13,935
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)13,934
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities13,933
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)13,932
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro13,931
version-control, git, commit-messages, conventions
Creating a Navbar in React13,930
navigation, react, css
Blind Internet Users Struggle With Error-Prone AI Aids (fin)13,929
accessibility, ai
10 Must Know System Design Concepts for Interviews13,928
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)13,927
html, css, testing, quality
Jekyll vs. Astro (koo)13,926
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)13,925
html, images, performance
Demystifying the Shadow DOM13,924
dom, shadow-dom
[zx] 8.0.013,923
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry13,922
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)13,921
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks13,920
videos, polypane, browsers
How to Think About HTML Responsive Images (db)13,919
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About13,918
html, tips-and-tricks
Breakpoints in Responsive Design (nng)13,917
design, responsive-design, usability
The Free Software Commons (jen)13,916
foss, community, security
Should Designers Code? (bra)13,915
design, career
Managing User Focus With “:focus-visible” (css)13,914
css, selectors, focus
How to Make Your Website Work Offline13,913
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)13,912
release-notes, eslint
Drive-By Accessibility Tweaks (bru)13,911
accessibility
DevTools Tips and Tricks (fro)13,910
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering13,909
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)13,908
accessibility, ai
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue13,907
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)13,906
accessibility, keyboard-navigation, focus, html
The V8 Sandbox13,905
v8, security
The Basics of Legibility13,904
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)13,903
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire13,902
css, case-studies
How to Strongly Type process.env (mat)13,901
how-tos, typescript, nodejs
Heat Death of the Internet13,900
web
Building Components With Radix UI13,899
radix, components
AI and the Future of Web Accessibility Guidelines13,898
discussions, accessibility, wcag, standards, ai, w3c
A Complete Guide to CSS Logical Properties, With Cheat Sheet13,897
guides, css, logical-properties, cheat-sheets
In-Page Links: 3 Usability Tips (nng)13,896
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)13,895
release-notes, nodejs, security
Using JSON Web Tokens With Node.js13,894
json-web-tokens, nodejs, security, authentication
Theming Design Systems (per)13,893
design-systems, theming
The View Transitions API (cas/fro)13,892
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)13,891
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library13,890
introductions, jpeg, images, libraries, compression
How to Build a Simple Web Server With Node.js13,889
how-tos, servers, nodejs
Hanging Punctuation in CSS (ada)13,888
css, typography
Fluid Typography With Discrete Steps (css)13,887
css, typography, tips-and-tricks
Finally Understand Responsive Design13,886
videos, responsive-design, css
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?13,885
dns, security
BFCache Explained13,884
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)13,883
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)13,882
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)13,881
ai, web
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)13,880
how-tos, html, conformance, performance
WordPress 6.5 “Regina” (pho/wor)13,879
release-notes, wordpress
WebAssembly at Google (tom)13,878
videos, webassembly, google
Learn JavaScript (wil/dev)13,877
courses, javascript
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)13,876
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)13,875
css, theming
How to Get Somebody Fired Using Git13,874
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)13,873
css, anchor-positioning
Authentication in Next.js (rwi)13,872
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)13,871
guides, css, container-queries
Introducing Root.js13,870
introductions, tooling, content-management
The Era of High-Paying Tech Jobs Is Over13,869
programming, career, ai, economics
What Even Is a JSON Number?13,868
json, terminology
The Detail, the Quality13,867
design, quality
Micro Frontends With Native Federation13,866
micro-frontends, comparisons
Bun 1.1 (jar+/bun)13,865
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)13,864
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)13,863
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time13,862
tooling, nodejs, deno, bun
Why I Care Deeply About Web Accessibility and You Should Too (sch)13,861
accessibility, web
The DevOps Basics13,860
dev-ops, fundamentals
Object Structure in JavaScript Engines13,859
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)13,858
accessibility
Kobold Letters (wed)13,857
html, email, support
10 JavaScript Sites Every Web Developer Should Know13,856
javascript, learning, link-lists
Some Samples Using UIkit13,855
uikit
Design Is a Process of Getting Stuck (fon)13,854
design, processes
What Negative Effects Does a Bad Website Design Have on My Business? (web)13,853
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)13,852
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)13,851
css, selectors
The Easy Way to Access the Last JavaScript Array Element13,850
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)13,849
css, media-queries
“@ scope” Is Coming to CSS and It’s Amazing (kev)13,848
videos, css, scope
On “disabled” and “aria-disabled” Attributes (kit)13,847
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)13,846
career
Figma Plugins (tmc)13,845
figma, plugins
History of JS Interop in Dart13,844
javascript, dart, interoperability, history
What’s New in DevTools, Chrome 124 (dev)13,843
release-notes, dev-tools, browsers, google, chrome
The Complete Guide to Captioned Videos (mer)13,842
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)13,841
release-notes, browsers, apple, safari
New to the Web Platform in March (rac/dev)13,840
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
Improving the Developer Experience of Enterprise Design Systems13,839
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)13,838
javascript, arrays
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra/dev)13,837
css, functions, colors, dark-mode
A Guide to Building CLI Tools in JavaScript13,836
guides, tooling, command-line, javascript, nodejs
ai.robots.txt (cor)13,835
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)13,834
angular, apis