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 exclusive news: only $2/month, billed yearly), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
A Brief Note on Highlighted Text (aar)16057
accessibility, colors, contrast, css, selectors
Securing Client-Side JavaScript16056
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno16055
eleventy, htmx, deno
Eleventy With a Basic Deno Static Server Setup16054
eleventy, deno, hosting
Memory Management Every Developer Should Know16053
memory, garbage-collection
Native Support for CJS/ESM Interoperability Begins in Node.js 2216052
commonjs, esm, interoperability, support, nodejs
Misconceptions About CSS Specificity (bra)16051
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)16050
concepts, terminology, link-lists
5 Node Version Managers Compared—Which Is Right for You? (pav)16049
nodejs, comparisons, nvm, pnpm
A to Z of Assistive Technology for Reading Digital Text16048
accessibility, browsers, assistive-tech, readability, concepts
The Value of Open Source in Furthering Accessibility Goals (mgi)16047
videos, foss, accessibility
At Some Point, JavaScript Got Good16046
javascript, history
Shades of Grey With “color-mix()” (mic)16045
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)16044
accessibility, wcag, community
So I Got Fired16043
career
How Slack Automates Deploys16042
deploying, automation, case-studies, slack
Content Standards in Design Systems (nng)16041
content, design-systems, processes
Quick-and-Dirty Accessibility (tpg)16040
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them16039
express, nodejs, authentication, security
Web Development Trends We Will See in 202416038
trends
3 Methods to Elevate Your Writing With Visual Content16037
writing, content, information-design
The Vue Ecosystem in 2024 (ben/fro)16036
vuejs, content-delivery, building, frameworks
How to Archive Your Design System Effectively16035
how-tos, design-systems, design, processes
The War Begins: Top Best JavaScript Framework to Learn in 202416034
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)16033
angular, css, scope
Web Components From Early 2024 (chr)16032
web-components, link-lists
Introduction to htmx (jan)16031
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)16030
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)16029
css, selectors, html, techniques
How to Create Content in WordPress With AI16028
how-tos, content, ai, wordpress
Demystifying React’s Types: Ref Types16027
react
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)16026
figma, programming, typescript, migrating, case-studies
Understanding What Drupal Editors and Authors Need (ckr/lul)16025
drupal
Exploring the Immersive Web With Wolvic (sea)16024
xr, wolvic, browsers
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry16023
interviews, nodejs, deno, jsr
When to Use Bun Instead of Node.js (app)16022
bun, nodejs, comparisons
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)16021
foss, maintenance
A React Developer’s Guide to Learning Solid.js16020
guides, react, solidjs, comparisons
Cookie Permissions: 6 Design Guidelines (nng)16019
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)16018
accessibility, aria, live-regions
Using AI to Predict Design Trends (web)16017
ai, design, trends
Should We Rely on Browser Detection? (htm)16016
browsers, browser-detection
An Alternative Proposal for CSS Masonry16015
css, layout, masonry, google
Composability in Design Systems16014
design-systems, design, components
I Reviewed 1,000s of Opinions on htmx16013
htmx
Pretty Much Every Website Uses the Wrong Font Size…16012
videos, css
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)16011
how-tos, design-systems, processes, collaboration, maintenance
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings16010
usability, user-experience, sorting
European Accessibility Act: Ultimate Guide to Compliance16009
guides, accessibility, compliance, legal, eaa
Web Accessibility in the 2024 [US] Presidential Campaigns (web)16008
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)16007
books, forms, mistakes, usability, accessibility, maintainability
Popover API Is Here (chr/fro)16006
apis, pop-overs, html
Handling the Indentation of a Treeview Component (sha)16005
css
New to the Web Platform in April16004
release-notes, web-platform, browsers, firefox, chrome, safari
My Approach to HTML Web Components16003
html, web-components
How to Design Accessible Forms in 10 Steps16002
how-tos, design, accessibility, forms
What Is Vite (and Why Is It So Popular)?16001
vite
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”16000
edge, css, support, deprecation
Introduction to NestJS15999
introductions, frameworks, nestjs
CSS Inheritance (bel/pic)15998
css, cascade, inheritance
WebAssembly Performance Patterns for Web Apps (tom)15997
webassembly, performance, web-apps
Superior Range Syntax (css)15996
css, media-queries
No, I Don’t Want to Fill Out Your Contact Form15995
forms, user-experience
The Polish Paradox15994
design, optimization, user-experience
Accessibility Evolution of Organizations (cer)15993
accessibility, processes, economics
Top 50 System Design Interview Questions for 202415992
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)15991
css, overflow
Basic Algorithms15990
algorithms, search, sorting
Ditch Dotenv: Node.js Now Natively Supports .env File Loading15989
nodejs, environments, tooling
Optimizing INP: A Deep Dive15988
videos, performance, debugging, web-vitals, optimization, browsers, chrome, dev-tools, deep-dives
What Do Developers Want From AI?15987
research, ai, productivity, efficiency
The Picture-Superiority Effect: Harness the Power of Visuals (nng)15986
design, images, information-design
Passkeys: A Shattered Dream (fir)15985
security, authentication, passkeys
Introduction to Manual Website Accessibility Testing15984
videos, introductions, accessibility, testing
Maintaining a Design System in Figma (luk)15983
design-systems, maintenance, figma
Popover API Lands in Baseline (una)15982
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)15981
accessibility, processes, prototyping, research
The Rise of Large-Language-Model Optimization (sch+)15980
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)15979
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)15978
guides, overviews, examples, radix
Design Déjà Vu (mal)15977
design, html, css, history, comparisons
Node.js Next 10 Survey—2024 (nod)15976
surveys, nodejs
How to Escape JavaScript for a Script Tag15975
how-tos, javascript, escaping, html
The Perfect Site Doesn’t Exist (mic)15974
quality, maintenance, processes
Printing Music With CSS Grid (ste)15973
css, grids, examples
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)15972
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches15971
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)15970
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS15969
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)15968
javascript, urls
The New “!important” (geo)15967
css, cascade
Ruby Might Be Faster Than You Think (joh)15966
ruby, performance
Node.js 22 Available Now (ope)15965
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)15964
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)15963
html, attributes, dom, comparisons
Celebrating 20 Years of Dojo (ope)15962
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)15961
javascript, awareness-days
F-Shape Pattern and How Users Read (sma)15960
usability, design
Taking Regular Screenshots of My Website15959
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App15958
frameworks, visualization, react, nodejs, wasp
How the Meaning of Colour Varies per Culture15957
colors, culture
Creating Fluid Typography With the CSS “clamp()” Function15956
css, functions, typography, liquid-design
Adding ESLint and Auto-Fixing an Existing TypeScript Project15955
eslint, typescript, quality, automation
The Front End Developer/Engineer Handbook 2024 (fro)15954
overviews, career, learning, tech-stacks, concepts, terminology
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render15953
bun, deploying, performance, case-studies
Notes on Quality15952
design, user-experience, quality
Using Vite to Rebuild Local Dependencies in an npm Workspace15951
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome15950
cookies, privacy, browsers, chrome
Comparing Full Stack and Headless CMS Platforms15949
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)15948
html, modals, pop-overs
Latency Numbers Every Frontend Developer Should Know (ind)15947
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)15946
css, media-queries, user-experience, apis
Reflecting on My Programming Career15945
career
Images as the First Thing in a Button or Link (tem)15944
accessibility, html, images, buttons, links
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer15943
ci-cd, concepts
15 Essential UX Design Principles and Practices for Developers (uxm)15942
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)15941
design, trends
The Slow Death of CSS Vendor Prefixes (oll)15940
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)15939
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know15938
javascript, functions
State of Design Tokens 2024 (don+)15937
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)15936
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)15935
sustainability, ai
Using Legitimate GitHub URLs for Malware (sch)15934
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)15933
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)15932
collaboration, processes
The Art of Design System Recipes (bra)15931
design-systems, design-tokens
How I Use Generative AI in Branding15930
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)15929
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed15928
css
3 Tips for Advanced Prototyping in Figma15927
tips-and-tricks, prototyping, figma
Make Product Design Great Again15926
design, user-experience, product-management
Optimising React Apps15925
react, optimization
Detect JavaScript Support (fon/css)15924
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)15923
ai
April 24 Is JS Naked Day (j9t)15922
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)15921
videos, interviews, css
Using “@defer” Defer Views in Angular 1715920
angular, performance, lazy-loading
Node.js Task Runner (yag)15919
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)15918
design-systems, accessibility
Long Alt (aar)15917
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)15916
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)15915
design-systems, communication, collaboration
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)15914
css, layout, grids, masonry
Accessibility Overlays—Friend or Foe? (int)15913
videos, accessibility, overlays
Typography Variables in Figma Are Here (joe)15912
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub15911
guides, github, keyboard-shortcuts
Building a Culture of Accessibility (tet)15910
accessibility, culture
How to Work With GraphQL in WordPress in 2024 (sma)15909
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)15908
web
How to Create CSS Utility Classes (fon/css)15907
how-tos, css, presentational-html
The “Intl.Segmenter” Object Is Now Part of Baseline15906
browsers, support, web-platform, javascript
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)15905
redesigning, sustainability
5 Tailwind CSS Anti-Patterns to Avoid (ato)15904
tailwind, colors, theming, frameworks, anti-patterns
Angular’s New Signal Inputs15903
videos, angular, signals
Building an npm Package Compatible With ESM and CJS in 202415902
npm, dependencies, interoperability, esm, commonjs
Git Common Developer Pitfalls and Solutions (wom)15901
git
The End of an Era: Women Who Code Closing (wom)15900
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)15899
css, functions, dark-mode
My Code Formatting Guidelines (val)15898
guidelines, formatting, conventions, javascript, html, prettier, configuration
A Primer on the Cascade and Specificity (bel/pic)15897
introductions, css, selectors, cascade
Displaying HTML Web Components15896
web-components, css
Who Should Block AI Bots? (moz)15895
scraping, ai, seo
12 Tips From a Mid-Level Developer (abb)15894
career, tips-and-tricks
Webhooks and WebSockets15893
webhooks, websockets
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI15892
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO15891
nodejs, github, functionality
The Impact of Color Contrast on Accessibility15890
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)15889
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)15888
how-tos, forms, react
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)15887
accessibility, security
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)15886
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)15885
php, hooks
How to Write World-Beating Web Content (web)15884
how-tos, writing, content
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)15883
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)15882
ai, quality
The Making of a TypeScript Feature: Inferring Type Predicates15881
typescript
The Right Code for Your Design System (fig)15880
design-systems, figma
Making Disabled Buttons More Accessible15879
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)15878
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML15877
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)15876
web
Alternating Style Queries (kiz)15875
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)15874
css, design, centering
Why We Are Still Using 88×31 Buttons15873
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15872
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15871
release-notes, pnpm
Electron 30.0.0 (kee/ele)15870
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15869
foss, security, openjs
Ethics in Times of Growth Design15868
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15867
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15866
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15865
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15864
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15863
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15862
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15861
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15860
accessibility
Interview With Senior JS Developer 202415859
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15858
accessibility, auditing, tooling
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15857
html, skip-links, accessibility, ios
Why Many Junior Developers Quit Programming (tip)15856
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15855
apis, dark-mode
Things You Should Do in Your Dev Journey15854
career
How to Write a Code Formatter15853
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15852
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15851
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15850
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)15849
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15848
guides, foss, licensing
Naming Colors in Design Systems (ado)15847
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15846
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15845
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15844
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15843
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15842
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15841
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15840
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15839
browsers, arc
Socks, Lies, and Accessibility15838
accessibility, awareness-days, link-lists
Let Me Be15837
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15836
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15835
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15834
how-tos, accessibility, documentation, writing
Zombie Estimation15833
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15832
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15831
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15830
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15829
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15828
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15827
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15826
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15825
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15824
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15823
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15822
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15821
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15820
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15819
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15818
svelte
The Future of Design Systems Is Marketing (fig)15817
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15816
git, errors
JS Naked Day (mac+)15815
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15814
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15813
agile, scrum, career
Recapping ng-conf 202415812
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15811
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15810
react, components
Sending Email Using Node.js (cra)15809
nodejs, email
An Introduction to the Node.js Performance API (bet)15808
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15807
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15806
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15805
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15804
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15803
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15802
command-line, typescript
The Death of Creativity15801
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15800
design, communication
How I Write Commits Like a Pro15799
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15798
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15797
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15796
accessibility, legal, web, mobile
Creating a Navbar in React15795
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15794
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15793
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15792
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15791
user-experience, ai, hci
Things That I Like Better in Vue Than in React15790
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15789
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15788
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15787
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15786
accessibility, ai
Testing HTML With Modern CSS (hey)15785
html, css, testing, quality
Jekyll vs. Astro (koo)15784
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15783
html, images, performance
[zx] 8.0.015782
release-notes, zx
21 HTML Tips You Must Know About15781
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15780
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15779
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15778
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15777
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15776
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15775
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15774
css, selectors, focus
Creativity in Software Engineering15773
research, creativity, programming
Breakpoints in Responsive Design (nng)15772
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15771
foss, community, security
Should Designers Code? (bra)15770
design, career
ESLint v9.0.0 Released (nza/esl)15769
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15768
accessibility
“AI” Won’t Solve Accessibility (yat)15767
accessibility, ai
Modern CSS Patterns in Campfire15766
css, case-studies
The Basics of Legibility15765
fundamentals, typography, legibility
Heat Death of the Internet15764
web
Building Components With Radix UI15763
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15762
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15761
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15760
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15759
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15758
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15757
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15756
how-tos, typescript, nodejs
Hanging Punctuation in CSS15755
css, typography
How to Build a Simple Web Server With Node.js15754
how-tos, servers, nodejs
BFCache Explained15753
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15752
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15751
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15750
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15749
dns, security
In-Page Links: 3 Usability Tips (nng)15748
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15747
design-systems, theming
The View Transitions API (cas/fro)15746
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15745
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15744
css, typography, tips-and-tricks
Finally Understand Responsive Design15743
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15742
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15741
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15740
ai, web
How to Get Somebody Fired Using Git15739
version-control, git, career
WebAssembly at Google (tom)15738
videos, webassembly, google
Learn JavaScript (wil)15737
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15736
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15735
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15734
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15733
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15732
css, anchor-positioning
Authentication in Next.js (rwi)15731
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15730
guides, css, container-queries
The Detail, the Quality15729
design, quality
What Even Is a JSON Number?15728
json, terminology
Micro Frontends With Native Federation15727
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15726
programming, career, ai, economics
Introducing Root.js15725
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15724
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15723
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15722
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15721
javascript, learning, link-lists
The DevOps Basics15720
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15719
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15718
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15717
accessibility, web
Object Structure in JavaScript Engines15716
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15715
accessibility
Kobold Letters (wed)15714
html, email, support
Some Samples Using UIkit15713
uikit
Design Is a Process of Getting Stuck (fon)15712
design, processes
The Power of “:has()” in CSS (css)15711
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15710
design, economics
The Easy Way to Access the Last JavaScript Array Element15709
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15708
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15707
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15706
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15705
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15704
career
Figma Plugins (tmc)15703
figma, plugins
New to the Web Platform in March15702
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15701
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15700
design-systems, developer-experience, optimization
History of JS Interop in Dart15699
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15698
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415697
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15696
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15695
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15694
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15693
javascript, arrays
Meet Angular’s New “output()” API (ang)15692
angular, apis
What Even Are Dragging Movements? (cat/spa)15691
accessibility, interaction-design, terminology
Iterator Helpers15690
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15689
performance, metrics, optimization
ai.robots.txt (cor)15688
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15687
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15686
css, effects
Node v20.12.0 (LTS) (nod)15685
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15684
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15683
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15682
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15681
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15680
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15679
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15678
css, overviews
How to Take Control of Flexbox (kev)15677
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15676
html, conformance, performance
How Does npx Actually Work and When to Use It15675
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15674
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15673
accessibility
Error Messages 101 (nng)15672
videos, introductions, usability, errors, microcontent
How to Consolidate Multiple Design Systems15671
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15670
information-design
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15669
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15668
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15667
redesigning, case-studies
No One Actually Wants Accessibility (dav)15666
accessibility
CORS Finally Explained—Simply15665
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15664
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15663
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15662
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15661
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15660
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15659
authorization, oauth, functionality
Radix Themes 3.015658
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15657
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15656
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15655
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15654
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15653
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15652
research, productivity, processes
12 Figma Tips to Work More Efficiently15651
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15650
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15649
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15648
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15647
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15646
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15645
javascript, optimization
[Bulma] 1.0.015644
release-notes, bulma
Relicensing and Rug Pulls15643
foss, licensing, history
Node.js: The Documentary (isa+)15642
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15641
videos, accessibility, outlooks
Avoid These Design System Traps15640
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15639
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15638
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15637
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15636
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15635
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15634
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15633
frameworks, htmx, examples
Progressive Disclosure Defaults15632
css, forms, interaction-design
Folder Structures in React Projects15631
react, architecture
Angular Signals: Best Practices15630
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15629
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15628
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15627
css, box-model, concepts
How to Plan Your First Successful Website (web)15626
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15625
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15624
code-pens, layout, css
Essential CSS Tools for Developers (nim)15623
css, tooling
Build a Full-Stack App With Node.js and htmx15622
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15621
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15620
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15619
css, scrolling
The Power of Textual Content in UX Design (uxm)15618
content, user-experience
Comparing ECMAScript Modules and CommonJS15617
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15616
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15615
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15614
accessibility
Make a Web Browser: Beginner’s Guide (nim)15613
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15612
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15611
design, career
How Meta Improved Their Cache Consistency to 99.9999999915610
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15609
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15608
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15607
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15606
web, history
How to Kill the Cascade (fon)15605
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15604
videos, react, concepts
Build a Node App With TypeScript (mat)15603
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15602
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15601
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15600
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15599
cheat-sheets, link-lists
Mental Health in Open Source (ant)15598
foss, career
How Web Bloat Impacts Users With Slow Devices15597
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15596
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15595
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15594
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15593
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15592
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15591
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15590
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15589
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15588
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15587
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15586
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15585
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15584
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15583
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15582
css, layout, user-experience
The Golden Age of Accessibility15581
accessibility
Make Your Functions More Reusable With Generics (mat)15580
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15579
links, usability
My New Favorite CSS Trick: “will-change”15578
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15577
html
25 Unnoticeable Features of JavaScript15576
javascript
Refactoring My Ugliest Code With Signal View Queries15575
videos, refactoring, angular
WCAG 2.2 Detective Skills15574
accessibility, standards, wcag
How to Design Icons in Figma15573
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15572
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15571
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15570
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15569
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15568
design-systems
There Are No Standards Police (mno)15567
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15566
html, custom-data, css, typography, effects
The Problem With AI (cfe)15565
ai
Another JS Registry—Seriously?! (den)15564
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15563
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15562
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415561
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15560
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15559
performance, web-vitals
15 Years of Running a Personal Website (ste)15558
indieweb