Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

The News Feed and Archive for Web Developers (17)

→ Stay up-to-date on all topics by various RSS feeds (main feed with complete coverage: $2/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
The Modern Guide for Making CSS Shapes (css/sma)16164
guides, css, shapes, effects, techniques
The Dilemmas You’ll Face When Creating a Component Library (and)16163
libraries, components
Manifesto for a Humane Web (mic)16162
websites, manifestos, web, principles, accessibility, dei, security, sustainability, user-experience
WordPress Ping List for Faster Post Indexing16161
wordpress, crawling, seo, indexing
Simple Implemention to Understand “worker_threads” in Node.js16160
nodejs, examples, worker-threads
Release Notes for Safari Technology Preview 194 (jon/web)16159
release-notes, browsers, safari
37 Tips From a Senior Frontend Developer16158
tips-and-tricks, fundamentals, learning, processes, career
What Is UX (Not)? (nng)16157
videos, user-experience, concepts
Let’s Build a Web Scraper in PHP and Python16156
scraping, php, python
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)16155
ai, slop, terminology
Upgrade Your HTML V (j9t/fro)16154
books, frontend-dogma, html, minimalism, craft, conformance
Why Use Web Components Over Traditional DOM Manipulation? (cfe)16153
web-components, dom
Websites Are Not Books (ons)16152
terminology, concepts
Level-Setting Heading Levels (aar)16151
headings, semantics, conformance, accessibility, aria
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)16150
javascript, events, web-components
Evidence-Based Management Guide, 2024—What’s New?16149
release-notes, guides, agile, processes, metrics, engineering-management
The Carcinization of Web Frameworks16148
frameworks, history, signals, server-side-rendering, outlooks, web-components
Introducing the Gulp Developer Survey16147
introductions, surveys, gulp
Focus vs. Accessibility Focus16146
accessibility, focus, comparisons
Why Patching Globals Is Harmful16145
javascript, programming
How We’re Building More Inclusive and Accessible Components at GitHub (eri)16144
components, accessibility, dei, case-studies, github
Transparent Borders (bra)16143
css, borders, transparency+opacity, accessibility, contrast
Modern WordPress—Yikes! (dbu)16142
wordpress, themes
JavaScript “var”, “let”, and “const” Explained (cfe+)16141
javascript
Mastering User-Centered Design, With 5 Advanced Tips (uxm)16140
usability, user-experience, user-focus, tips-and-tricks, accessibility, testing
Servo Reboot: Where Are We Now? OSS-NA 202416139
browser-engines, servo, browsers
Get First Item in Eleventy Collection16138
how-tos, eleventy, nunjucks
Using Simple Tools as a Radical Act of Independence16137
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind16136
videos, css, tips-and-tricks
The Pros and Cons of Using a Backend-for-Frontend (BFF)16135
backend-for-frontend, architecture
What’s New in Node.js v22 (mco)16134
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)16133
pop-overs, apis, html, tooltips
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)16132
redesigning, strategies, dei, accessibility
Errors Aren’t All Bad (jim)16131
errors
An Introduction to the European Accessibility Act (EAA) (deq)16130
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)16129
accessibility, colors, contrast, css, selectors
Securing Client-Side JavaScript16128
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno16127
eleventy, htmx, deno
Eleventy With a Basic Deno Static Server Setup16126
eleventy, deno, hosting
Memory Management Every Developer Should Know16125
memory, garbage-collection
Native Support for CJS/ESM Interoperability Begins in Node.js 2216124
commonjs, esm, interoperability, support, nodejs
Misconceptions About CSS Specificity (bra)16123
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)16122
concepts, terminology, link-lists
5 Node Version Managers Compared—Which Is Right for You? (pav)16121
nodejs, comparisons, nvm, pnpm
A to Z of Assistive Technology for Reading Digital Text16120
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)16119
videos, foss, accessibility
At Some Point, JavaScript Got Good16118
javascript, history
Shades of Grey With “color-mix()” (mic)16117
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)16116
accessibility, wcag, community
So I Got Fired16115
career
How Slack Automates Deploys16114
deploying, automation, case-studies, slack
Content Standards in Design Systems (nng)16113
content, design-systems, processes
Quick-and-Dirty Accessibility (tpg)16112
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them16111
express, nodejs, authentication, security
Web Development Trends We Will See in 202416110
trends
3 Methods to Elevate Your Writing With Visual Content16109
writing, content, information-design
The Vue Ecosystem in 2024 (ben/fro)16108
vuejs, content-delivery, building, frameworks
How to Archive Your Design System Effectively16107
how-tos, design-systems, design, processes
The War Begins: Top Best JavaScript Framework to Learn in 202416106
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)16105
angular, css, scope
Web Components From Early 2024 (chr)16104
web-components, link-lists
Introduction to htmx (jan)16103
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)16102
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)16101
css, selectors, html, techniques
How to Create Content in WordPress With AI16100
how-tos, content, ai, wordpress
Demystifying React’s Types: Ref Types16099
react
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)16098
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)16097
drupal
Exploring the Immersive Web With Wolvic (sea)16096
xr, wolvic, browsers
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry16095
interviews, nodejs, deno, jsr
When to Use Bun Instead of Node.js (app)16094
bun, nodejs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)16093
foss, maintenance
A React Developer’s Guide to Learning Solid.js16092
guides, react, solidjs, comparisons
Cookie Permissions: 6 Design Guidelines (nng)16091
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)16090
accessibility, aria, live-regions
Using AI to Predict Design Trends (web)16089
ai, design, trends
Should We Rely on Browser Detection? (htm)16088
browsers, browser-detection
An Alternative Proposal for CSS Masonry16087
css, layout, masonry, google
Composability in Design Systems16086
design-systems, design, components
I Reviewed 1,000s of Opinions on htmx16085
htmx
Pretty Much Every Website Uses the Wrong Font Size…16084
videos, css
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)16083
how-tos, design-systems, processes, collaboration, maintenance
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings16082
usability, user-experience, sorting
European Accessibility Act: Ultimate Guide to Compliance16081
guides, accessibility, compliance, legal, eaa
Web Accessibility in the 2024 [US] Presidential Campaigns (web)16080
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)16079
books, forms, mistakes, usability, accessibility, maintainability
Popover API Is Here (chr/fro)16078
apis, pop-overs, html
Handling the Indentation of a Treeview Component (sha)16077
css
New to the Web Platform in April16076
release-notes, web-platform, browsers, firefox, chrome, safari
My Approach to HTML Web Components16075
html, web-components
How to Design Accessible Forms in 10 Steps16074
how-tos, design, accessibility, forms
What Is Vite (and Why Is It So Popular)?16073
vite
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”16072
edge, css, support, deprecation
Introduction to NestJS16071
introductions, frameworks, nestjs
CSS Inheritance (bel/pic)16070
css, cascade, inheritance
WebAssembly Performance Patterns for Web Apps (tom)16069
webassembly, performance, web-apps
Superior Range Syntax (css)16068
css, media-queries
No, I Don’t Want to Fill Out Your Contact Form16067
forms, user-experience
The Polish Paradox16066
design, optimization, user-experience
Accessibility Evolution of Organizations (cer)16065
accessibility, processes, economics
Top 50 System Design Interview Questions for 202416064
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)16063
css, overflow
Basic Algorithms16062
algorithms, search, sorting
Ditch Dotenv: Node.js Now Natively Supports .env File Loading16061
nodejs, environments, tooling
Optimizing INP: A Deep Dive16060
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
What Do Developers Want From AI?16059
research, ai, productivity, efficiency
The Picture-Superiority Effect: Harness the Power of Visuals (nng)16058
design, images, information-design
Passkeys: A Shattered Dream (fir)16057
security, authentication, passkeys
Introduction to Manual Website Accessibility Testing16056
videos, introductions, accessibility, testing
Maintaining a Design System in Figma (luk)16055
design-systems, maintenance, figma
Popover API Lands in Baseline (una)16054
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)16053
accessibility, processes, prototyping, research
The Rise of Large-Language-Model Optimization (sch+)16052
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)16051
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)16050
guides, overviews, examples, radix
Design Déjà Vu (mal)16049
design, html, css, history, comparisons
Node.js Next 10 Survey—2024 (nod)16048
surveys, nodejs
How to Escape JavaScript for a Script Tag16047
how-tos, javascript, escaping, html
The Perfect Site Doesn’t Exist (mic)16046
quality, maintenance, processes
Printing Music With CSS Grid (ste)16045
css, grids, examples
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)16044
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches16043
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)16042
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS16041
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)16040
javascript, urls
The New “!important” (geo)16039
css, cascade
Ruby Might Be Faster Than You Think (joh)16038
ruby, performance
Node.js 22 Available Now (ope)16037
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)16036
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)16035
html, attributes, dom, comparisons
Celebrating 20 Years of Dojo (ope)16034
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)16033
javascript, awareness-days
F-Shape Pattern and How Users Read (sma)16032
usability, design
Taking Regular Screenshots of My Website16031
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App16030
frameworks, visualization, react, nodejs, wasp
How the Meaning of Colour Varies per Culture16029
colors, culture
Creating Fluid Typography With the CSS “clamp()” Function16028
css, functions, typography, liquid-design
Adding ESLint and Auto-Fixing an Existing TypeScript Project16027
eslint, typescript, quality, automation
The Front End Developer/Engineer Handbook 2024 (fro)16026
overviews, career, learning, tech-stacks, concepts, terminology
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render16025
bun, deploying, performance, case-studies
Notes on Quality16024
design, user-experience, quality
Using Vite to Rebuild Local Dependencies in an npm Workspace16023
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome16022
cookies, privacy, browsers, chrome
Comparing Full Stack and Headless CMS Platforms16021
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)16020
html, modals, pop-overs
Latency Numbers Every Frontend Developer Should Know (ind)16019
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)16018
css, media-queries, user-experience, apis
Reflecting on My Programming Career16017
career
Images as the First Thing in a Button or Link (tem)16016
accessibility, html, images, buttons, links
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer16015
ci-cd, concepts
15 Essential UX Design Principles and Practices for Developers (uxm)16014
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)16013
design, trends
The Slow Death of CSS Vendor Prefixes (oll)16012
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)16011
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know16010
javascript, functions
State of Design Tokens 2024 (don+)16009
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)16008
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)16007
sustainability, ai
Using Legitimate GitHub URLs for Malware (sch)16006
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)16005
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)16004
collaboration, processes
The Art of Design System Recipes (bra)16003
design-systems, design-tokens
How I Use Generative AI in Branding16002
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)16001
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed16000
css
3 Tips for Advanced Prototyping in Figma15999
tips-and-tricks, prototyping, figma
Make Product Design Great Again15998
design, user-experience, product-management
Optimising React Apps15997
react, optimization
Detect JavaScript Support (fon/css)15996
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)15995
ai
April 24 Is JS Naked Day (j9t)15994
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)15993
videos, interviews, css
Using “@defer” Defer Views in Angular 1715992
angular, performance, lazy-loading
Node.js Task Runner (yag)15991
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)15990
design-systems, accessibility
Long Alt (aar)15989
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)15988
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)15987
design-systems, communication, collaboration
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)15986
css, layout, grids, masonry
Accessibility Overlays—Friend or Foe? (int)15985
videos, accessibility, overlays
Typography Variables in Figma Are Here (joe)15984
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub15983
guides, github, keyboard-shortcuts
Building a Culture of Accessibility (tet)15982
accessibility, culture
How to Work With GraphQL in WordPress in 2024 (sma)15981
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)15980
web
How to Create CSS Utility Classes (fon/css)15979
how-tos, css, presentational-html
The “Intl.Segmenter” Object Is Now Part of Baseline15978
browsers, support, web-platform, javascript
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)15977
redesigning, sustainability
5 Tailwind CSS Anti-Patterns to Avoid (ato)15976
tailwind, colors, theming, frameworks, anti-patterns
Angular’s New Signal Inputs15975
videos, angular, signals
Building an npm Package Compatible With ESM and CJS in 202415974
npm, dependencies, interoperability, esm, commonjs
Git Common Developer Pitfalls and Solutions (wom)15973
git
The End of an Era: Women Who Code Closing (wom)15972
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)15971
css, functions, dark-mode
My Code Formatting Guidelines (val)15970
guidelines, formatting, conventions, javascript, html, prettier, configuration
A Primer on the Cascade and Specificity (bel/pic)15969
introductions, css, selectors, cascade
Displaying HTML Web Components15968
web-components, css
Who Should Block AI Bots? (moz)15967
scraping, ai, seo
12 Tips From a Mid-Level Developer (abb)15966
career, tips-and-tricks
Webhooks and WebSockets15965
webhooks, websockets
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI15964
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO15963
nodejs, github, functionality
The Impact of Color Contrast on Accessibility15962
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)15961
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)15960
how-tos, forms, react
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)15959
accessibility, security
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)15958
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)15957
php, hooks
How to Write World-Beating Web Content (web)15956
how-tos, writing, content
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)15955
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)15954
ai, quality
The Making of a TypeScript Feature: Inferring Type Predicates15953
typescript
The Right Code for Your Design System (fig)15952
design-systems, figma
Making Disabled Buttons More Accessible15951
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)15950
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML15949
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)15948
web
Alternating Style Queries (kiz)15947
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)15946
css, design, centering
Why We Are Still Using 88×31 Buttons15945
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15944
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15943
release-notes, pnpm
Electron 30.0.0 (kee/ele)15942
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15941
foss, security, openjs
Ethics in Times of Growth Design15940
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15939
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15938
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15937
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15936
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15935
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15934
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15933
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15932
accessibility
Interview With Senior JS Developer 202415931
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15930
accessibility, auditing, tooling
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15929
html, skip-links, accessibility, ios
Why Many Junior Developers Quit Programming (tip)15928
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15927
apis, dark-mode
Things You Should Do in Your Dev Journey15926
career
How to Write a Code Formatter15925
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15924
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15923
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15922
css, images, techniques, 3d
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)15921
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15920
guides, foss, licensing
Naming Colors in Design Systems (ado)15919
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15918
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15917
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15916
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15915
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15914
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15913
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15912
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15911
browsers, arc
Socks, Lies, and Accessibility15910
accessibility, awareness-days, link-lists
Let Me Be15909
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15908
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15907
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15906
how-tos, accessibility, documentation, writing
Zombie Estimation15905
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15904
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15903
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15902
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15901
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15900
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15899
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15898
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15897
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15896
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15895
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15894
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15893
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15892
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15891
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15890
svelte
The Future of Design Systems Is Marketing (fig)15889
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15888
git, errors
JS Naked Day (mac+)15887
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15886
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15885
agile, scrum, career
Recapping ng-conf 202415884
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15883
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15882
react, components
Sending Email Using Node.js (cra)15881
nodejs, email
An Introduction to the Node.js Performance API (bet)15880
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15879
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15878
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15877
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15876
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15875
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15874
command-line, typescript
The Death of Creativity15873
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15872
design, communication
How I Write Commits Like a Pro15871
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15870
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15869
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15868
accessibility, legal, web, mobile
Creating a Navbar in React15867
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15866
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15865
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15864
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15863
user-experience, ai, hci
Things That I Like Better in Vue Than in React15862
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15861
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15860
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15859
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15858
accessibility, ai
Testing HTML With Modern CSS (hey)15857
html, css, testing, quality
Jekyll vs. Astro (koo)15856
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15855
html, images, performance
[zx] 8.0.015854
release-notes, zx
21 HTML Tips You Must Know About15853
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15852
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15851
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15850
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15849
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15848
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15847
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15846
css, selectors, focus
Creativity in Software Engineering15845
research, creativity, programming
Breakpoints in Responsive Design (nng)15844
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15843
foss, community, security
Should Designers Code? (bra)15842
design, career
ESLint v9.0.0 Released (nza/esl)15841
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15840
accessibility
“AI” Won’t Solve Accessibility (yat)15839
accessibility, ai
Modern CSS Patterns in Campfire15838
css, case-studies
The Basics of Legibility15837
fundamentals, typography, legibility
Heat Death of the Internet15836
web
Building Components With Radix UI15835
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15834
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15833
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15832
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15831
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15830
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15829
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15828
how-tos, typescript, nodejs
Hanging Punctuation in CSS15827
css, typography
How to Build a Simple Web Server With Node.js15826
how-tos, servers, nodejs
BFCache Explained15825
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15824
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15823
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15822
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15821
dns, security
In-Page Links: 3 Usability Tips (nng)15820
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15819
design-systems, theming
The View Transitions API (cas/fro)15818
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15817
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15816
css, typography, tips-and-tricks
Finally Understand Responsive Design15815
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15814
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15813
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15812
ai, web
How to Get Somebody Fired Using Git15811
version-control, git, career
WebAssembly at Google (tom)15810
videos, webassembly, google
Learn JavaScript (wil)15809
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15808
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15807
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15806
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15805
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15804
css, anchor-positioning
Authentication in Next.js (rwi)15803
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15802
guides, css, container-queries
The Detail, the Quality15801
design, quality
What Even Is a JSON Number?15800
json, terminology
Micro Frontends With Native Federation15799
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15798
programming, career, ai, economics
Introducing Root.js15797
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15796
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15795
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15794
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15793
javascript, learning, link-lists
The DevOps Basics15792
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15791
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15790
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15789
accessibility, web
Object Structure in JavaScript Engines15788
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15787
accessibility
Kobold Letters (wed)15786
html, email, support
Some Samples Using UIkit15785
uikit
Design Is a Process of Getting Stuck (fon)15784
design, processes
The Power of “:has()” in CSS (css)15783
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15782
design, economics
The Easy Way to Access the Last JavaScript Array Element15781
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15780
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15779
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15778
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15777
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15776
career
Figma Plugins (tmc)15775
figma, plugins
New to the Web Platform in March15774
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15773
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15772
design-systems, developer-experience, optimization
History of JS Interop in Dart15771
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15770
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415769
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15768
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15767
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15766
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15765
javascript, arrays
Meet Angular’s New “output()” API (ang)15764
angular, apis
What Even Are Dragging Movements? (cat/spa)15763
accessibility, interaction-design, terminology
Iterator Helpers15762
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15761
performance, metrics, optimization
ai.robots.txt (cor)15760
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15759
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15758
css, effects
Node v20.12.0 (LTS) (nod)15757
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15756
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15755
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15754
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15753
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15752
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15751
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15750
css, overviews
How to Take Control of Flexbox (kev)15749
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15748
html, conformance, performance
How Does npx Actually Work and When to Use It15747
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15746
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15745
accessibility
Error Messages 101 (nng)15744
videos, introductions, usability, errors, microcontent
How to Consolidate Multiple Design Systems15743
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15742
information-design
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15741
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15740
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15739
redesigning, case-studies
No One Actually Wants Accessibility (dav)15738
accessibility
CORS Finally Explained—Simply15737
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15736
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15735
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15734
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15733
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15732
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15731
authorization, oauth, functionality
Radix Themes 3.015730
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15729
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15728
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15727
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15726
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15725
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15724
research, productivity, processes
12 Figma Tips to Work More Efficiently15723
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15722
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15721
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15720
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15719
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15718
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15717
javascript, optimization
[Bulma] 1.0.015716
release-notes, bulma
Relicensing and Rug Pulls15715
foss, licensing, history
Node.js: The Documentary (isa+)15714
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15713
videos, accessibility, outlooks
Avoid These Design System Traps15712
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15711
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15710
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15709
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15708
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15707
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15706
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15705
frameworks, htmx, examples
Progressive Disclosure Defaults15704
css, forms, interaction-design
Folder Structures in React Projects15703
react, architecture
Angular Signals: Best Practices15702
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15701
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15700
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15699
css, box-model, concepts
How to Plan Your First Successful Website (web)15698
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15697
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15696
code-pens, layout, css
Essential CSS Tools for Developers (nim)15695
css, tooling
Build a Full-Stack App With Node.js and htmx15694
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15693
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15692
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15691
css, scrolling
The Power of Textual Content in UX Design (uxm)15690
content, user-experience
Comparing ECMAScript Modules and CommonJS15689
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15688
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15687
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15686
accessibility
Make a Web Browser: Beginner’s Guide (nim)15685
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15684
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15683
design, career
How Meta Improved Their Cache Consistency to 99.9999999915682
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15681
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15680
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15679
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15678
web, history
How to Kill the Cascade (fon)15677
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15676
videos, react, concepts
Build a Node App With TypeScript (mat)15675
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15674
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15673
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15672
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15671
cheat-sheets, link-lists
Mental Health in Open Source (ant)15670
foss, career
How Web Bloat Impacts Users With Slow Devices15669
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15668
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15667
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15666
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15665
videos, deploying, remix, github-pages