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

Frontend Dogma

News and Tools for Web Developers (17)

→ 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#
How to Implement SSL/TLS Pinning in Node.js12,247
how-tos, security, ssl, tls, nodejs
How to Measure Developer Productivity the Right Way12,246
how-tos, productivity, processes
Why Are Websites Embarrassing? (fon)12,245
quality, craft
Web Apps Are Better Than No Apps (yur)12,244
web-apps
Measuring Developer Productivity? A Response to McKinsey (ger)12,243
productivity, metrics
Git Uncommit (ami)12,242
git, command-line
Five Optimization and Performance Tools That Enhance Website User Experience12,241
user-experience, performance, optimization, tooling, link-lists
Building Accessibility Into Your Company, Team, and Culture (swi)12,240
videos, accessibility, culture
Biome v1 (ema/bio)12,239
release-notes, biome
Benchmarks [for 24 CSV Parsing Approaches]12,238
csv, parsing, performance, comparisons
Announcing Cypress 13 With Test Replay12,237
cypress, release-notes
Code Splitting in React: Optimize Performance by Splitting Your Code12,236
code-splitting, react, performance, optimization
From User Needs to User Dreams: Find the Future of Your Product (uxd)12,235
user-experience, design, outlooks
Six Reasons Not to Use React12,234
videos, react
Single-Page Applications: Ember vs. Angular12,233
single-page-apps, emberjs, angular, comparisons
Realistic CSS Animations and the “linear()” Timing Function12,232
css, animations, functions, time
Navigating Web Accessibility Litigation: Advice From a General Counsel12,231
accessibility, legal
How I Write Alt Text for Code Snippets on Social Media (ben)12,230
accessibility, alt-text, writing, images, social-media
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)12,229
colors, oklch, css
An Overview of Feature Flags (log)12,228
overviews, feature-management, releasing, testing, product-management
8 Habits That Hold Back Your Developer Potential12,227
career, productivity
State of CSS 2023 [Results] (sac+/dev)12,226
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals (uxd)12,225
design
Package-Based Architecture—Let’s Deliver the Packages12,224
architecture, modules, flutter
Web UX: Study Guide (nng)12,223
guides, user-experience, training, link-lists
Dark Mode: How Users Think About It and Issues to Avoid (nng)12,222
dark-mode, user-experience, accessibility, best-practices
Co-Authoring Git Commits (cas)12,221
git, collaboration, documentation
Accessible Navigation12,220
accessibility, navigation
Visualizing Recursion With the Sierpinski Triangle12,219
algorithms, visualization, javascript
Browser Automation With Puppeteer12,218
puppeteer, automation, testing
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)12,217
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide12,216
guides, databases, vector-databases
Where to Put Focus When Deleting a Thing (aar)12,215
accessibility, focus
Scope vs. Shadow DOM (kei)12,214
shadow-dom, dom, scope, css, javascript, comparisons
Catching Errors Thrown From “connectedCallback” (nol)12,213
javascript, web-components, errors
The Comedy of Errors (met)12,212
google, search, tooling, errors
Stakeholder Management for Design Systems (luk/uxd)12,211
design-systems, engineering-management, processes
What Is Alt Text and How to Write It (tpg)12,210
accessibility, images, alt-text, writing
What Are Exceptions to Section 508 Accessibility Requirements?12,209
accessibility, legal, section-508
TypeScript 5.3 First Look (mat)12,208
typescript
Main-ly Speaking (col)12,207
accessibility, html
European Accessibility Act: Article 32, and Why It Sucks (cra)12,206
accessibility, legal, eaa
Announcing TypeScript 5.2 (dan/typ)12,205
release-notes, typescript
A More Intelligent and Secure Web (ple/w3c)12,204
videos, w3c, standards, web, web-platform, security
Use Web Components for What They’re Good At (nol)12,203
web-components
To Test or Not to Test, a Technical Perspective (dev)12,202
testing, automation, best-practices
The Art of UX Writing (web)12,201
user-experience, writing, craft
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)12,200
web-components, dom, shadow-dom
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)12,199
how-tos, accessibility, tips-and-tricks, social-media, best-practices
How Organisations Respond to Accessibility Monitoring12,198
accessibility, monitoring
Headless Architecture: What Is It, and Why Is It the Future?12,197
headless, architecture
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)12,196
google, seo
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)12,195
robotstxt, scraping, ai
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)12,194
css, shadows, effects
Debugging Speculation Rules (tun/dev)12,193
performance, speculation, debugging
A Quick Introduction to CSS “@ scope” (bra)12,192
introductions, css, scope, cascade
WebGlossary.info (j9t)12,191
websites, learning, training, concepts, terminology
View Transitions Break Incremental Rendering (eee)12,190
view-transitions, apis, rendering
Release Notes for Safari Technology Preview 177 (jon/web)12,189
release-notes, browsers, apple, safari
No One Actually Wants Simplicity12,188
complexity, simplicity
A Guide to Migrating From Webpack to Vite12,187
guides, migrating, webpack, vite
Can We Truly “Create” Value? (uxd)12,186
user-experience, economics
Migrating From Color Styles to Local Variables in Figma (uxd)12,185
figma, colors, variables, migrating
Writing Component Specs12,184
components, documentation, writing
Two Important New Roles for UX Designers in the Era of AI (uxm)12,183
user-experience, design, career, ai
The Ideal Viewport Doesn’t Exist (bel+)12,182
viewport, responsive-design, user-experience
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)12,181
forms, validation, progressive-enhancement
Please Size Your Inline SVGs (aar)12,180
svg, images
Patterns for Reactivity With Modern Vanilla JavaScript (fro)12,179
reactivity, javascript
Changes Over the Last 25 Years of UX Research (uxm)12,178
user-experience, research, history
Bézier Curves12,177
animations
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202412,176
videos, react, hooks, mistakes
10 Essential VS Code Tips and Tricks for Greater Productivity12,175
vs-code, microsoft, code-editors, tips-and-tricks, productivity
“We’re All Just Temporarily Abled” (jim)12,174
accessibility
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know12,173
guides, personalization, strategies
How to Make an Impact as a Developer Advocate (bla)12,172
how-tos, developer-relations, advocacy, career
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)12,171
design, usability, user-experience, searching
Why htmx Does Not Have a Build Step (htm)12,170
htmx, building
Styling Links and Buttons (aar)12,169
links, buttons, css, usability
Let’s Build a Website Using XML (ede)12,168
xml, css
Getting Started With SCSS—the CSS Preprocessor With Superpowers12,167
introductions, preprocessors, sass
Combining “:placeholder-shown” and “:has” (cri)12,166
css, selectors, forms
Scroll Shadows With “animation-timeline” (dav)12,165
scrolling, shadows, css
React Props: A Visual Guide12,164
guides, react, props
React JSX12,163
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)12,162
seo
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)12,161
how-tos, headless, serverless, functions, browsers, google, chrome
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works12,160
security, cors, javascript
Being “Polite” Does Not Ensure Access12,159
accessibility, legal
Adding a “Share to Mastodon” Link to Any Web Site (cod)12,158
social-media, links, mastodon, community, javascript
A Beginner’s Guide to Using Pico CSS12,157
guides, pico
System Design Introduction12,156
introductions, system-design, architecture
XUL and HTML (moz)12,155
xul, html, comparisons
Why Do Users Prefer Certain Design? Insights From the Landscape Theory12,154
design
The New CSS Math: “round()” (dan)12,153
css, math
Tabs Are Objectively Better Than Spaces (cfe)12,152
formatting, developer-experience, accessibility
How to Use the CSS “gap” Property12,151
how-tos, css, layout
“aria-haspopup” and Screen Readers (mat)12,150
aria, support, screen-readers
A Deep Dive Into CSS “color-mix()” (kev)12,149
videos, css, colors, deep-dives
Towards HTTPS by Default (jde/dev)12,148
browsers, google, chrome, http, tls, security
Thinking on Ways to Solve Adaptive Typography (arg/dev)12,147
videos, typography, css, fonts
Getting Started in a New Codebase12,146
onboarding, career, processes
Four New CSS Features for Smooth Entry and Exit Animations (una/dev)12,145
css, animations, browsers, google, chrome, support
CSS-Only Syntax Highlighting… With a Single Element and Gradients12,144
css, gradients, syntax-highlighting
BEM Methodology Is Not About CSS (vit)12,143
css, bem, conventions
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)12,142
accessibility, dei, legal
A Better “setTimeout()” in JavaScript (ami)12,141
javascript, time
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)12,140
videos, release-notes, browsers, google, chrome
How Layout Position Impacts Three Big Web Performance Levers (sia)12,139
performance, web-vitals
CSS Selectors: A Visual Guide12,138
guides, css, selectors
An Intro to the “dialog” Element (cfe)12,137
introductions, modals, html, semantics
A Guide to Optimizing JavaScript Files12,136
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit12,135
guides, sveltekit
WebAssembly: Byte-Code of the Future12,134
webassembly
Useable12,133
accessibility, community
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)12,132
forms, validation, progressive-enhancement, javascript
How to Test Mobile Apps on a Real Device Cloud12,131
how-tos, testing, mobile
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)12,130
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding (uxd)12,129
dei, terminology, processes, documentation
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications12,128
code-splitting, webpack, react, redux
Testing Your Animation Refresh Rate With CSS Crimes?12,127
discussions, css, animations
An “alt” Decision Tree Using Only “:has()” (aar)12,126
accessibility, css, alt-text, images
Write About What You Learn—It Pushes You to Understand Topics Better (add)12,125
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,124
npm, security
dependency-time-machine12,123
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,122
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,121
videos, design, user-experience
The Spectrum of Openness12,120
foss, legal, examples
Supercharge Your HTML With WebC12,119
videos, html, webc
Nostalgia in UX Design12,118
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,117
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun/dev)12,116
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,115
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,114
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,113
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,112
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,111
browsers, http, support
Simple APIs Are Elegant APIs (rya)12,110
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,109
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,108
nodejs, configuration, maintainability, productivity, developer-experience
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,107
user-experience, usability, design, privacy, best-practices
Defining Test Cases and Priorities (dev)12,106
testing
An Introduction to the esbuild Bundler (cra)12,105
introductions, bundling, esbuild
A Beginner’s Guide to CSS Grid Layout12,104
guides, css, grids, layout
Lean UX and Agile: Study Guide (nng)12,103
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,102
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar/the)12,101
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,100
user-experience
User-Adaptive Interfaces With “AccentColor” (oll)12,099
forms, css
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,098
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,097
dependencies, modernization, esm
Micro Benevolences (est/ope)12,096
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,095
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,094
browsers, google, chrome, security
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,093
introductions, htmx
An Intro to State-Based UI With JavaScript (cfe)12,092
introductions, javascript, state-management
8 Common Heading Questions (pop)12,091
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,090
link-lists, tooling
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,089
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,088
career, community, learning
Top 7 Things That Kill Developer Productivity12,087
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,086
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,085
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,084
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,083
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,082
migrating, gatsby, astro
JSX Without React (chr)12,081
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,080
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,079
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,078
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,077
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,076
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,075
images, html, responsive-design
Scrolljacking 101 (nng)12,074
scrolling, user-experience
Beautify Your Git Log With a Single Command12,073
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,072
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,071
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,070
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,069
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,068
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,067
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,066
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,065
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,064
code-splitting, routing, react
Insertion Sort: A Deep Dive12,063
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,062
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,061
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,060
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)12,059
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)12,058
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster12,057
accessibility, legal
How We Optimized Performance to Serve a Global Audience (sma)12,056
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,055
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,054
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,053
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)12,052
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function12,051
how-tos, css, grids, functions, layout
PHP Isn’t That Bad, So Why the Hate? (pur)12,050
php, frameworks, myths
Understanding React Server Components12,049
react, components
Why Isn’t “z-index” Working? (una+/dev)12,048
videos, css, positioning
What’s New in Svelte: August 2023 (sve)12,047
release-notes, svelte, sveltekit
Splitting the Web (plo)12,046
web
Mixing Colors to Create Variants in CSS (ami)12,045
colors, css
Midori Browser Will Change Its Engine to Gecko12,044
browsers, gecko, browser-engines
I’m Betting on HTML12,043
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,042
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,041
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,040
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,039
accessibility, buttons, processes
SECURITY.md: Should I Have It? (mry/ecl)12,038
security, documentation
Why I No Longer Believe in Content Design (uxd)12,037
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,036
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,035
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,034
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,033
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,032
processes, learning
Randomness in CSS Using Trigonometry12,031
css, randomness
New to the Web Platform in July (rac/dev)12,030
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Earn High-Authority Links That Drive Rankings (moz)12,029
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,028
javascript, best-practices
Contrast Checker Bookmarklet (web)12,027
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,026
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,025
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,024
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,023
css, animations
An Update on Site Names12,022
domains, google, search
Toggles Suck!12,021
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,020
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,019
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,018
web-components
How to Define an Array of Colors With CSS (css/sma)12,017
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,016
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,015
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,014
design-systems, processes
Complete Guide to Human–Computer Interaction (HCI)12,013
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,012
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,011
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,010
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,009
design-systems, design-tokens, processes
Speeding Up V8 Heap Snapshots (jda)12,008
javascript, javascript-engines, v8, performance, memory
Release Notes for Safari Technology Preview 175 (jon/web)12,007
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,006
how-tos, multimedia, captions, compliance, wcag, accessibility
Adapting Typography to User Preferences With CSS (arg/dev)12,005
typography, css, customization
How I Name and Arrange My Color Variables in Figma12,004
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,003
accessibility, dei
CrBug Release Indicator (bra)12,002
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,001
simplicity, processes
Testing a Component’s Accessibility12,000
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship11,999
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)11,998
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)11,997
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”11,996
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)11,995
html, community
Solving the Accessibility Palette Riddle (uxd)11,994
accessibility, colors, color-palettes
Application State Management With Angular Signals11,993
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate11,992
processes, collaboration
Web Accessibility in High-Risk Segments (kar)11,991
accessibility, compliance, legal
Vision for W3C (cdu/w3c)11,990
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More11,989
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)11,988
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)11,987
security, malware, npm
Promises Training11,986
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?11,985
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)11,984
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)11,983
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)11,982
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)11,981
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update11,980
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,979
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,978
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,977
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,976
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,975
html, lists, semantics
Getting Started With Pico CSS (log)11,974
introductions, pico
Eleventy SMACSS (jus)11,973
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,972
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,971
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,970
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,969
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,968
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,967
design, images, content
Good Code Is— (j9t)11,966
quality, terminology
Effective Code Reviews (add)11,965
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,964
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,963
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,962
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,961
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,960
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,959
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,958
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,957
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,956
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,955
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,954
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,953
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,952
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,951
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,950
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,949
design-systems
CSS Cascade Layers (odd)11,948
videos, css, cascade
A Guide to Perfecting Pull Requests11,947
git, code-reviews, collaboration, foss
SvelteKit in 100 Seconds (fir)11,946
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)11,945
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,944
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,943
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application11,942
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,941
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,940
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,939
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,938
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,937
figma, css, units, support
Signals Make Angular Much Easier11,936
angular, signals
Getting Started With CSS Nesting (kev)11,935
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,934
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,933
discussions, javascript, frameworks
Upgrading an Ancient React Application11,932
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,931
guides, git, collaboration
The 10 Commitments of an Agile Leader11,930
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,929
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,928
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,927
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,926
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,925
typescript, javascript, complexity
What Is TanStack11,924
tanstack, vercel
It’s All About Complexity (max)11,923
complexity
Using Emoji on the Web (oll)11,922
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,921
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,920
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,919
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,918
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,917
css
WordPress 6.3 to Introduce a Development Mode (sar)11,916
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,915
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,914
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,913
typography, figma
Down-and-Across Highlighting (mey)11,912
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,911
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,910
typescript, tips-and-tricks
Why Design Systems Fail11,909
design-systems, lessons
[WebKit] Standards Positions (web)11,908
webkit, standards, support
Useful Functions for [an] HTTP Server11,907
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,906
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,905
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,904
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,903
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,902
guides, tables, tailwind
Better Roadmaps11,901
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,900
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,899
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,898
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,897
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,896
git, command-line
The alt-text.org Project Is Moving Forward (han)11,895
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,894
release-notes, browsers, apple, safari
Recent Design11,893
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,892
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,891
ai, design, efficiency
From Nunjucks to Liquid (mor)11,890
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,889
research, processes
Arrays and Tuples in TypeScript (fro)11,888
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,887
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,886
testing, automation
Loading and Progress Indicators (uxd)11,885
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,884
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,883
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,882
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,881
programming
Sass Features in CSS (chr)11,880
css, sass
Permission (ada)11,879
web, seo, google
Organize TypeScript Types With Namespaces11,878
typescript, namespaces
My Journey to Learning CSS (kev)11,877
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,876
guides, css, grids, layout
Tree Shaking in JavaScript11,875
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,874
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,873
landing-pages, user-conversion
Mockups Explained (uxm)11,872
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,871
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,870
debouncing, javascript
Invisible Details of Interaction Design11,869
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,868
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,867
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,866
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,865
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,864
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,863
caching, fingerprinting, react
React Design Patterns11,862
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,861
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,860
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,859
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,858
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,857
design, user-experience
Use Case-Driven Standards Development11,856
standards
New Viewport Units (sha)11,855
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,854
deploying, fastify, vuejs, heroku
htmx in 100 Seconds (fir)11,853
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)11,852
user-experience, research, strategies
Unleashing Lightning CSS11,851
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,850
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,849
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,848
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,847
components, css, refactoring, maintenance
Four Lenses of Productivity11,846
research, productivity
URL Explained: The Fundamentals (itt)11,845
terminology
There’s No Such Thing as a “Normal” User (kar)11,844
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,843
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,842
css, positioning, layout
Just Normal Web Things (hbu)11,841
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,840
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,839
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,838
leadership, dei, accessibility
Redundancy Is Great11,837
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,836
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,835
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,834
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,833
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,832
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,831
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,830
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,829
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,828
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,827
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,826
css, container-queries
Making the Switch: From Yarn/npm to pnpm11,825
migrating, yarn, npm, pnpm
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,824
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,823
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,822
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)11,821
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,820
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,819
html, screen-readers, accessibility, support
Design for the Web Without Figma11,818
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,817
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,816
css, colors, history
90s Websites—Key Characteristics and Examples11,815
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,814
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,813
svg, images
HTML Form Validation Using Cypress11,812
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,811
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,810
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,809
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,808
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,807
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,806
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,805
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,804
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,803
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,802
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,801
nodejs, testing
State of the Web: Deno11,800
deno
Observing Node.js Processes With eBPF11,799
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,798
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,797
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,796
design, career
Angular Is Getting New Template Syntax (dan)11,795
angular
The “details” Element and In-Page Search (mat)11,794
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,793
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,792
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,791
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,790
javascript, commonjs
The Importance of Verifying Webhook Signatures11,789
security, webhooks
WCAG 2.2, Quick and Simplified11,788
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,787
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,786
design, processes
What’s Next for Redux With Mark Erikson (ace)11,785
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,784
typescript
Under-Engineered Comboboxen? (aar)11,783
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,782
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,781
javascript
Introduction to MySQL Data Types11,780
databases, mysql, types
How to Build Things People Want to Use11,779
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,778
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,777
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,776
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,775
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,774
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,773
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,772
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,771
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,770
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,769
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,768
css, animations
On Feedback11,767
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,766
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,765
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,764
accessibility, mobile
The Massive Bug at the Heart of the npm Ecosystem11,763
npm, dependencies, security, bugs
The Fake Aura of Care in UX (uxd)11,762
user-experience
Amplify Design Values Through Building Design System (uxd)11,761
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,760
javascript
Screen Magnification: Digital Accessibilitiy11,759
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,758
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,757
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,756
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,755
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,754
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,753
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,752
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,751
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,750
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,749
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,748
podcasts, browser-engines, servo, browsers