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

Frontend Dogma

News and Tools for Web Developers (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#
Beautify Your Git Log With a Single Command11,951
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)11,950
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective11,949
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)11,948
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)11,947
how-tos, git, git-hooks
Implementing Design Tokens: Colors11,946
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)11,945
react, frameworks, learning
The Next Generation of Web Layouts (zel)11,944
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)11,943
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React11,942
code-splitting, routing, react
Insertion Sort: A Deep Dive11,941
algorithms, sorting, deep-dives
How Google Measures Developer Productivity11,940
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey11,939
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)11,938
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)11,937
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)11,936
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster11,935
accessibility, legal
How We Optimized Performance to Serve a Global Audience (sma)11,934
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)11,933
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)11,932
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)11,931
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)11,930
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function11,929
how-tos, css, grids, functions, layout
PHP Isn’t That Bad, So Why the Hate? (pur)11,928
php, frameworks, myths
Understanding React Server Components11,927
react, components
Why Isn’t “z-index” Working? (una+/dev)11,926
videos, css, positioning
What’s New in Svelte: August 2023 (sve)11,925
release-notes, svelte, sveltekit
Splitting the Web (plo)11,924
web
Mixing Colors to Create Variants in CSS (ami)11,923
colors, css
Midori Browser Will Change Its Engine to Gecko11,922
browsers, gecko, browser-engines
I’m Betting on HTML11,921
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)11,920
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)11,919
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)11,918
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)11,917
accessibility, buttons, processes
SECURITY.md: Should I Have It? (mry/ecl)11,916
security, documentation
Why I No Longer Believe in Content Design (uxd)11,915
content, design, writing
What Happens When Developers Are Liable for Accessibility?11,914
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)11,913
release-notes, nodejs, security
The Virtual Keyboard API (sha)11,912
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)11,911
screen-readers, accessibility, pronunciation
Start by Writing Messy Code11,910
processes, learning
Randomness in CSS Using Trigonometry11,909
css, randomness
New to the Web Platform in July (rac/dev)11,908
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Earn High-Authority Links That Drive Rankings (moz)11,907
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development11,906
javascript, best-practices
Contrast Checker Bookmarklet (web)11,905
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)11,904
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)11,903
css, style-queries, theming
Should New Developers Use AI Coding Tools?11,902
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)11,901
css, animations
An Update on Site Names11,900
domains, google, search
Toggles Suck!11,899
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey11,898
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases11,897
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)11,896
web-components
How to Define an Array of Colors With CSS (css/sma)11,895
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)11,894
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)11,893
accessibility, wcag, standards
Design Systems Management From Bottom–Up11,892
design-systems, processes
You Probably Don’t Need “http-equiv” Meta Tags (rvi)11,891
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?11,890
platform-engineering
The Web Development Glossary 3K (j9t/fro)11,889
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)11,888
design-systems, design-tokens, processes
Speeding Up V8 Heap Snapshots (jda)11,887
javascript, javascript-engines, v8, performance, memory
Release Notes for Safari Technology Preview 175 (jon/web)11,886
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant11,885
how-tos, multimedia, captions, compliance, wcag, accessibility
Complete Guide to Human-Computer Interaction (HCI)11,884
guides, hci
Adapting Typography to User Preferences With CSS (arg/dev)11,883
typography, css, customization
How I Name and Arrange My Color Variables in Figma11,882
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)11,881
accessibility, dei
CrBug Release Indicator (bra)11,880
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)11,879
simplicity, processes
Testing a Component’s Accessibility11,878
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship11,877
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)11,876
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)11,875
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”11,874
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)11,873
html, community
Solving the Accessibility Palette Riddle (uxd)11,872
accessibility, colors, color-palettes
Application State Management With Angular Signals11,871
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate11,870
processes, collaboration
Web Accessibility in High-Risk Segments (kar)11,869
accessibility, compliance, legal
Vision for W3C (cdu/w3c)11,868
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More11,867
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)11,866
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)11,865
security, malware, npm
Promises Training11,864
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?11,863
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)11,862
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)11,861
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)11,860
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)11,859
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update11,858
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,857
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,856
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,855
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,854
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,853
html, lists, semantics
Getting Started With Pico CSS (log)11,852
introductions, pico
Eleventy SMACSS (jus)11,851
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,850
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,849
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,848
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,847
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,846
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,845
design, images, content
Good Code Is— (j9t)11,844
quality, terminology
Effective Code Reviews (add)11,843
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,842
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,841
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,840
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,839
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,838
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,837
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,836
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,835
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,834
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,833
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,832
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,831
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,830
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,829
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,828
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,827
design-systems
CSS Cascade Layers (odd)11,826
videos, css, cascade
A Guide to Perfecting Pull Requests11,825
git, code-reviews, collaboration, foss
SvelteKit in 100 Seconds (fir)11,824
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)11,823
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,822
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,821
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application11,820
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,819
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,818
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,817
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,816
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,815
figma, css, units, support
Signals Make Angular Much Easier11,814
angular, signals
Getting Started With CSS Nesting (kev)11,813
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,812
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,811
discussions, javascript, frameworks
Upgrading an Ancient React Application11,810
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,809
guides, git, collaboration
The 10 Commitments of an Agile Leader11,808
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,807
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,806
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,805
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,804
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,803
typescript, javascript, complexity
What Is TanStack11,802
tanstack, vercel
It’s All About Complexity (max)11,801
complexity
Using Emoji on the Web (oll)11,800
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,799
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,798
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,797
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,796
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,795
css
WordPress 6.3 to Introduce a Development Mode (sar)11,794
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,793
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,792
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,791
typography, figma
Down-and-Across Highlighting (mey)11,790
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,789
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,788
typescript, tips-and-tricks
Why Design Systems Fail11,787
design-systems, lessons
[WebKit] Standards Positions (web)11,786
webkit, standards, support
Useful Functions for [an] HTTP Server11,785
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,784
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,783
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,782
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,781
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,780
guides, tables, tailwind
Better Roadmaps11,779
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,778
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,777
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,776
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,775
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,774
git, command-line
The alt-text.org Project Is Moving Forward (han)11,773
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,772
release-notes, browsers, apple, safari
Recent Design11,771
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,770
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,769
ai, design, efficiency
From Nunjucks to Liquid (mor)11,768
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,767
research, processes
Arrays and Tuples in TypeScript (fro)11,766
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,765
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,764
testing, automation
Loading and Progress Indicators (uxd)11,763
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,762
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,761
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,760
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,759
programming
Sass Features in CSS (chr)11,758
css, sass
Permission (ada)11,757
web, seo, google
Organize TypeScript Types With Namespaces11,756
typescript, namespaces
My Journey to Learning CSS (kev)11,755
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,754
guides, css, grids, layout
Tree Shaking in JavaScript11,753
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,752
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,751
landing-pages, user-conversion
Mockups Explained (uxm)11,750
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,749
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,748
debouncing, javascript
Invisible Details of Interaction Design11,747
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,746
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,745
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,744
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,743
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,742
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,741
caching, fingerprinting, react
React Design Patterns11,740
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,739
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,738
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,737
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,736
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,735
design, user-experience
Use Case-Driven Standards Development11,734
standards
New Viewport Units (sha)11,733
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,732
deploying, fastify, vuejs, heroku
htmx in 100 Seconds (fir)11,731
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)11,730
user-experience, research, strategies
Unleashing Lightning CSS11,729
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,728
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,727
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,726
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,725
components, css, refactoring, maintenance
Four Lenses of Productivity11,724
research, productivity
URL Explained: The Fundamentals (itt)11,723
terminology
There’s No Such Thing as a “Normal” User (kar)11,722
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,721
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,720
css, positioning, layout
Just Normal Web Things (hbu)11,719
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,718
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,717
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,716
leadership, dei, accessibility
Redundancy Is Great11,715
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,714
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,713
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,712
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,711
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,710
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,709
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,708
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,707
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,706
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,705
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,704
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,703
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,702
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,701
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,700
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,699
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,698
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,697
yarn, npm, pnpm
Design for the Web Without Figma11,696
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,695
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,694
css, colors, history
90s Websites—Key Characteristics and Examples11,693
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,692
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,691
svg, images
HTML Form Validation Using Cypress11,690
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,689
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,688
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,687
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,686
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,685
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,684
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,683
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,682
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,681
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,680
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,679
nodejs, testing
State of the Web: Deno11,678
deno
Observing Node.js Processes With eBPF11,677
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,676
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,675
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,674
design, career
Angular Is Getting New Template Syntax (dan)11,673
angular
The “details” Element and In-Page Search (mat)11,672
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,671
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,670
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,669
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,668
javascript, commonjs
The Importance of Verifying Webhook Signatures11,667
security, webhooks
WCAG 2.2, Quick and Simplified11,666
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,665
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,664
design, processes
What’s Next for Redux With Mark Erikson (ace)11,663
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,662
typescript
Under-Engineered Comboboxen? (aar)11,661
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,660
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,659
javascript
Introduction to MySQL Data Types11,658
databases, mysql, types
How to Build Things People Want to Use11,657
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,656
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,655
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,654
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,653
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,652
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,651
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,650
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,649
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,648
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,647
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,646
css, animations
On Feedback11,645
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,644
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,643
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,642
accessibility, mobile
The Massive Bug at the Heart of the npm Ecosystem11,641
npm, dependencies, security, bugs
The Fake Aura of Care in UX (uxd)11,640
user-experience
Amplify Design Values Through Building Design System (uxd)11,639
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,638
javascript
Screen Magnification: Digital Accessibilitiy11,637
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,636
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,635
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,634
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,633
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,632
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,631
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,630
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,629
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,628
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,627
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,626
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,625
videos, introductions, qwik
Mapping Typography (sco/9el)11,624
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,623
guides, accessibility, screen-magnification, zooming
Live Regions in React11,622
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,621
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,620
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,619
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,618
guides, introductions, laravel
Understanding Space-Based Architecture11,617
architecture
Mixing Colors With CSS (mrt)11,616
colors, css
An Introduction to Parser Combinators11,615
introductions, parsing
Introduction to Cloud Computing11,614
introductions, cloud-computing
XML Is the Future11,613
web, processes
WebSockets 101 (thi)11,612
introductions, protocols, websockets
Using BEM for Design System Tokens11,611
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,610
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,609
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,608
authorization, authentication, apis, security, comparisons
The Case for Variables11,607
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,606
css, typography
Debugging INP (scr)11,605
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,604
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,603
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,602
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,601
unicode, history
The Cost of JavaScript 2023 (add)11,600
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,599
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,598
css, container-queries
Announcing Svelte 4 (sve)11,597
release-notes, svelte
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,596
wcag, accessibility, testing, axe
Debugging Commands Every Linux Administrator Should Know11,595
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,594
design, ai
Designing for Inclusion (uxd)11,593
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,592
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,591
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,590
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,589
http
Design Systems Directory11,588
websites, design-systems
CSS in Micro Frontends11,587
css, micro-frontends
Cascade Layers Are Useless * (mat)11,586
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,585
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,584
w3c
Top 6 AI Coding Assistants in 202311,583
ai, tooling
Three Key Principles for an Accessible Website11,582
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,581
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,580
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,579
surveys, css
Making Your Design Tokens Future-Proof (and)11,578
design-tokens
Continuous Accessibility (a11)11,577
websites, accessibility, processes
Authentication vs. Authorization11,576
authentication, authorization, comparisons
ExtJS for Beginners11,575
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,574
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,573
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,572
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,571
gatsby, internationalization
Can Web Developers Be Held Liable?11,570
accessibility, legal
Button Types (ada)11,569
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,568
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,567
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,566
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,565
navigation, scrolling, user-experience
The New CSS (mat)11,564
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,563
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,562
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,561
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,560
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,559
git, concepts
Wolvic 1.4 Released (wol)11,558
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,557
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,556
accessibility, community
Standardising Design Tokens (oll)11,555
design-tokens, conventions
Scoping (mat)11,554
css, scope
Create React UI Lib: Component Library Speedrun11,553
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,552
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,551
ai
What Are Deceptive Patterns?11,550
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,549
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,548
eleventy
HTML Imports (w3c)11,547
html
How to Add a CSS Reveal Animation to Your Images (css)11,546
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,545
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,544
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,543
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,542
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,541
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,540
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,539
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,538
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,537
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,536
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,535
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,534
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,533
toggles, css, custom-properties
Nuxt in 100 Seconds (fir)11,532
videos, introductions, nuxt
When and Why to Use a Click Test11,531
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,530
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,529
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,528
functionality, components, css
Naming Components11,527
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,526
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,525
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,524
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,523
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,522
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,521
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,520
css, web-platform
How to Learn Programming11,519
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,518
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,517
css, community
TypeScript Book11,516
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,515
html, viewport, metadata, accessibility, responsive-design
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,514
videos, css, scrolling, animations, view-transitions
CSS Containers, What Do They Know? (mia/css)11,513
videos, css, container-queries
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,512
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,511
videos, shadow-dom, dom
An Introduction to DevOps11,510
introductions, dev-ops
Modern CSS for Dynamic Component-Based Architecture (5t3)11,509
css, architecture, components
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,508
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,507
design, strategies
Best Animation Libraries for React11,506
libraries, animations, react, link-lists
State of the CSS Community (una/css)11,505
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,504
videos, css, scope
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,503
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,502
css, scrolling
The Universal Focus State (eri)11,501
accessibility, focus, css
Sticky Content: Focus in View (tet)11,500
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)11,499
accessibility, ai
Must Know JavaScript API—IndexedDB API11,498
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,497
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,496
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,495
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,494
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,493
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,492
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,491
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,490
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,489
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,488
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,487
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,486
guides, writing, blogging
Styling Scrollbars (oll)11,485
scrolling, css
RSC From Scratch: Server Components11,484
videos, react, components
Modern CSS in Real Life (chr)11,483
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,482
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,481
css, units
Assume the Position—a Labeling Story (llo/tpg)11,480
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,479
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,478
accessibility, ai
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom/dev)11,477
adobe, memory
What Is Open Graph? How to Use It for Your WordPress Website?11,476
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,475
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,474
apple, web-apps
Is React Having An AngularJS Moment?11,473
react, angularjs
An Introduction to Debugging in Node.js (cra)11,472
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,471
accessibility, testing
test262.fyi11,470
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,469
user-experience, accessibility, focus, forms
New Job? Negotiate as if Your Life Depends on It11,468
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,467
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,466
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,465
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,464
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,463
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,462
javascript, strings
No Single Metric Captures Productivity11,461
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,460
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,459
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,458
ai, usability
Do Not Drop Sass for CSS11,457
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,456
introductions, scope, css
Presentational Colors (luk/uxd)11,455
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,454
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,453
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,452
transitions, dev-tools, browsers, google, chrome