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