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