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

News and Tools for Web Developers, 1990s to Now (17)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
The Perfect Site Doesn’t Exist (mic)15889
quality, maintenance, processes
Printing Music With CSS Grid (ste)15888
css, grids, examples
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)15887
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches15886
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)15885
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS15884
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)15883
javascript, urls
The New “!important” (geo)15882
css, cascade
Ruby Might Be Faster Than You Think (joh)15881
ruby, performance
Node.js 22 Available Now (ope)15880
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)15879
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)15878
html, attributes, dom, comparisons
Celebrating 20 Years of Dojo (ope)15877
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)15876
javascript, awareness-days
F-Shape Pattern and How Users Read (sma)15875
usability, design
Taking Regular Screenshots of My Website15874
screenshots, images, automation, playwright, github-actions
The First Framework That Lets You Visualize Your React/Node.js App15873
frameworks, visualization, react, nodejs, wasp
How the Meaning of Colour Varies per Culture15872
colors, culture
Creating Fluid Typography With the CSS “clamp()” Function15871
css, functions, typography, liquid-design
Adding ESLint and Auto-Fixing an Existing TypeScript Project15870
eslint, typescript, quality, automation
The Front End Developer/Engineer Handbook 2024 (fro)15869
overviews, career, learning, tech-stacks, concepts, terminology
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render15868
bun, deploying, performance, case-studies
Notes on Quality15867
design, user-experience, quality
Using Vite to Rebuild Local Dependencies in an npm Workspace15866
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome15865
cookies, privacy, browsers, chrome
Comparing Full Stack and Headless CMS Platforms15864
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)15863
html, modals, pop-overs
Latency Numbers Every Frontend Developer Should Know (ind)15862
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)15861
css, media-queries, user-experience, apis
Reflecting on My Programming Career15860
career
Images as the First Thing in a Button or Link (tem)15859
accessibility, html, images, buttons, links
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer15858
ci-cd, concepts
15 Essential UX Design Principles and Practices for Developers (uxm)15857
user-experience, principles, best-practices
3 Essential Design Trends, May 2024 (web)15856
design, trends
The Slow Death of CSS Vendor Prefixes (oll)15855
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)15854
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know15853
javascript, functions
State of Design Tokens 2024 (don+)15852
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)15851
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)15850
sustainability, ai
Using Legitimate GitHub URLs for Malware (sch)15849
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)15848
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)15847
collaboration, processes
The Art of Design System Recipes (bra)15846
design-systems, design-tokens
How I Use Generative AI in Branding15845
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)15844
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed15843
css
3 Tips for Advanced Prototyping in Figma15842
tips-and-tricks, prototyping, figma
Make Product Design Great Again15841
design, user-experience, product-management
Optimising React Apps15840
react, optimization
Detect JavaScript Support (fon/css)15839
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)15838
ai
April 24 Is JS Naked Day (j9t)15837
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)15836
videos, interviews, css
Using “@defer” Defer Views in Angular 1715835
angular, performance, lazy-loading
Node.js Task Runner (yag)15834
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)15833
design-systems, accessibility
Long Alt (aar)15832
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)15831
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)15830
design-systems, communication, collaboration
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)15829
css, layout, grids, masonry
Accessibility Overlays—Friend or Foe? (int)15828
videos, accessibility, overlays
Typography Variables in Figma Are Here (joe)15827
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub15826
guides, github, keyboard-shortcuts
Building a Culture of Accessibility (tet)15825
accessibility, culture
How to Work With GraphQL in WordPress in 2024 (sma)15824
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)15823
web
How to Create CSS Utility Classes (fon/css)15822
how-tos, css, presentational-html
The “Intl.Segmenter” Object Is Now Part of Baseline15821
browsers, support, web-platform, javascript
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)15820
redesigning, sustainability
5 Tailwind CSS Anti-Patterns to Avoid (ato)15819
tailwind, colors, theming, frameworks, anti-patterns
Angular’s New Signal Inputs15818
videos, angular, signals
Building an npm Package Compatible With ESM and CJS in 202415817
npm, dependencies, interoperability, esm, commonjs
Git Common Developer Pitfalls and Solutions (wom)15816
git
The End of an Era: Women Who Code Closing (wom)15815
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)15814
css, functions, dark-mode
My Code Formatting Guidelines (val)15813
guidelines, formatting, conventions, javascript, html, prettier, configuration
A Primer on the Cascade and Specificity (bel/pic)15812
introductions, css, selectors, cascade
Displaying HTML Web Components15811
web-components, css
Who Should Block AI Bots? (moz)15810
scraping, ai, seo
12 Tips From a Mid-Level Developer (abb)15809
career, tips-and-tricks
Webhooks and WebSockets15808
webhooks, websockets
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI15807
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO15806
nodejs, github, functionality
The Impact of Color Contrast on Accessibility15805
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)15804
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)15803
how-tos, forms, react
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)15802
accessibility, security
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)15801
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)15800
php, hooks
How to Write World-Beating Web Content (web)15799
how-tos, writing, content
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)15798
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)15797
ai, quality
The Making of a TypeScript Feature: Inferring Type Predicates15796
typescript
The Right Code for Your Design System (fig)15795
design-systems, figma
Making Disabled Buttons More Accessible15794
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)15793
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML15792
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)15791
web
Alternating Style Queries (kiz)15790
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)15789
css, design, centering
Why We Are Still Using 88×31 Buttons15788
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15787
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15786
release-notes, pnpm
Electron 30.0.0 (kee/ele)15785
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15784
foss, security, openjs
Ethics in Times of Growth Design15783
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15782
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15781
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15780
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15779
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15778
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15777
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15776
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15775
accessibility
Interview With Senior JS Developer 202415774
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15773
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)15772
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15771
apis, dark-mode
Things You Should Do in Your Dev Journey15770
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15769
html, skip-links, accessibility, mobile
How to Write a Code Formatter15768
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15767
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15766
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15765
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)15764
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15763
guides, foss, licensing
Naming Colors in Design Systems (ado)15762
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15761
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15760
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15759
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15758
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15757
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15756
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15755
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15754
browsers, arc
Socks, Lies, and Accessibility15753
accessibility, awareness-days, link-lists
Let Me Be15752
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15751
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15750
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15749
how-tos, accessibility, documentation, writing
Zombie Estimation15748
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15747
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15746
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15745
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15744
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15743
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15742
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15741
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15740
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15739
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15738
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15737
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15736
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15735
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15734
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15733
svelte
The Future of Design Systems Is Marketing (fig)15732
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15731
git, errors
JS Naked Day (mac+)15730
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15729
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15728
agile, scrum, career
Recapping ng-conf 202415727
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15726
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15725
react, components
Sending Email Using Node.js (cra)15724
nodejs, email
An Introduction to the Node.js Performance API (bet)15723
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15722
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15721
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15720
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15719
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15718
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15717
command-line, typescript
The Death of Creativity15716
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15715
design, communication
How I Write Commits Like a Pro15714
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15713
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15712
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15711
accessibility, legal, web, mobile
Creating a Navbar in React15710
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15709
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15708
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15707
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15706
user-experience, ai, hci
Things That I Like Better in Vue Than in React15705
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15704
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15703
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15702
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15701
accessibility, ai
Testing HTML With Modern CSS (hey)15700
html, css, testing, quality
Jekyll vs. Astro (koo)15699
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15698
html, images, performance
[zx] 8.0.015697
release-notes, zx
21 HTML Tips You Must Know About15696
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15695
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15694
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15693
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15692
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15691
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15690
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15689
css, selectors, focus
Creativity in Software Engineering15688
research, creativity, programming
Breakpoints in Responsive Design (nng)15687
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15686
foss, community, security
Should Designers Code? (bra)15685
design, career
ESLint v9.0.0 Released (nza/esl)15684
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15683
accessibility
“AI” Won’t Solve Accessibility (yat)15682
accessibility, ai
Modern CSS Patterns in Campfire15681
css, case-studies
The Basics of Legibility15680
fundamentals, typography, legibility
Heat Death of the Internet15679
web
Building Components With Radix UI15678
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15677
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15676
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15675
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15674
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15673
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15672
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15671
how-tos, typescript, nodejs
Hanging Punctuation in CSS15670
css, typography
How to Build a Simple Web Server With Node.js15669
how-tos, servers, nodejs
BFCache Explained15668
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15667
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15666
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15665
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15664
dns, security
In-Page Links: 3 Usability Tips (nng)15663
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15662
design-systems, theming
The View Transitions API (cas/fro)15661
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15660
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15659
css, typography, tips-and-tricks
Finally Understand Responsive Design15658
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15657
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15656
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15655
ai, web
How to Get Somebody Fired Using Git15654
version-control, git, career
WebAssembly at Google (tom)15653
videos, webassembly, google
Learn JavaScript (wil)15652
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15651
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15650
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15649
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15648
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15647
css, anchor-positioning
Authentication in Next.js (rwi)15646
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15645
guides, css, container-queries
The Detail, the Quality15644
design, quality
What Even Is a JSON Number?15643
json, terminology
Micro Frontends With Native Federation15642
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15641
programming, career, ai, economics
Introducing Root.js15640
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15639
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15638
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15637
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15636
javascript, learning, link-lists
The DevOps Basics15635
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15634
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15633
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15632
accessibility, web
Object Structure in JavaScript Engines15631
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15630
accessibility
Kobold Letters (wed)15629
html, email, support
Some Samples Using UIkit15628
uikit
Design Is a Process of Getting Stuck (fon)15627
design, processes
The Power of “:has()” in CSS (css)15626
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15625
design, economics
The Easy Way to Access the Last JavaScript Array Element15624
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15623
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15622
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15621
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15620
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15619
career
Figma Plugins (tmc)15618
figma, plugins
New to the Web Platform in March15617
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15616
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15615
design-systems, developer-experience, optimization
History of JS Interop in Dart15614
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15613
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415612
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15611
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15610
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15609
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15608
javascript, arrays
Meet Angular’s New “output()” API (ang)15607
angular, apis
What Even Are Dragging Movements? (cat/spa)15606
accessibility, interaction-design, terminology
Iterator Helpers15605
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15604
performance, metrics, optimization
ai.robots.txt (cor)15603
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15602
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15601
css, effects
Node v20.12.0 (LTS) (nod)15600
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15599
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15598
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15597
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15596
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15595
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15594
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15593
css, overviews
How to Take Control of Flexbox (kev)15592
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15591
html, conformance, performance
How Does npx Actually Work and When to Use It15590
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15589
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15588
accessibility
Error Messages 101 (nng)15587
videos, introductions, usability, errors, microcontent
How to Consolidate Multiple Design Systems15586
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15585
information-design
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15584
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15583
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15582
redesigning, case-studies
No One Actually Wants Accessibility (dav)15581
accessibility
CORS Finally Explained—Simply15580
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15579
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15578
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15577
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15576
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15575
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15574
authorization, oauth, functionality
Radix Themes 3.015573
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15572
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15571
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15570
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15569
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15568
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15567
research, productivity, processes
12 Figma Tips to Work More Efficiently15566
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15565
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15564
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15563
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15562
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15561
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15560
javascript, optimization
[Bulma] 1.0.015559
release-notes, bulma
Relicensing and Rug Pulls15558
foss, licensing, history
Node.js: The Documentary (isa+)15557
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15556
videos, accessibility, outlooks
Avoid These Design System Traps15555
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15554
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15553
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15552
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15551
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15550
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15549
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15548
frameworks, htmx, examples
Progressive Disclosure Defaults15547
css, forms, interaction-design
Folder Structures in React Projects15546
react, architecture
Angular Signals: Best Practices15545
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15544
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15543
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15542
css, box-model, concepts
How to Plan Your First Successful Website (web)15541
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15540
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15539
code-pens, layout, css
Essential CSS Tools for Developers (nim)15538
css, tooling
Build a Full-Stack App With Node.js and htmx15537
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15536
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15535
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15534
css, scrolling
The Power of Textual Content in UX Design (uxm)15533
content, user-experience
Comparing ECMAScript Modules and CommonJS15532
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15531
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15530
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15529
accessibility
Make a Web Browser: Beginner’s Guide (nim)15528
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15527
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15526
design, career
How Meta Improved Their Cache Consistency to 99.9999999915525
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15524
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15523
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15522
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15521
web, history
How to Kill the Cascade (fon)15520
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15519
videos, react, concepts
Build a Node App With TypeScript (mat)15518
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15517
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15516
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15515
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15514
cheat-sheets, link-lists
Mental Health in Open Source (ant)15513
foss, career
How Web Bloat Impacts Users With Slow Devices15512
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15511
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15510
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15509
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15508
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15507
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15506
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15505
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15504
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15503
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15502
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15501
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15500
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15499
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15498
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15497
css, layout, user-experience
The Golden Age of Accessibility15496
accessibility
Make Your Functions More Reusable With Generics (mat)15495
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15494
links, usability
My New Favorite CSS Trick: “will-change”15493
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15492
html
25 Unnoticeable Features of JavaScript15491
javascript
Refactoring My Ugliest Code With Signal View Queries15490
videos, refactoring, angular
WCAG 2.2 Detective Skills15489
accessibility, standards, wcag
How to Design Icons in Figma15488
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15487
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15486
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15485
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15484
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15483
design-systems
There Are No Standards Police (mno)15482
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15481
html, custom-data, css, typography, effects
The Problem With AI (cfe)15480
ai
Another JS Registry—Seriously?! (den)15479
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15478
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15477
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415476
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15475
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15474
performance, web-vitals
15 Years of Running a Personal Website (ste)15473
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15472
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15471
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15470
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15469
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15468
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15467
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15466
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15465
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15464
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15463
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15462
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15461
accessibility, focus, keyboard-navigation
JSON Canvas15460
websites, standards, json, canvas
Have You Optimized for INP?15459
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15458
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15457
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15456
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15455
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15454
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15453
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15452
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15451
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15450
html, css, buttons
Replace ESLint and Prettier With Biome.js15449
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15448
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15447
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15446
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15445
accessibility
Navigating the Future of Frontend15444
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15443
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15442
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15441
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15440
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15439
git
Dissecting Layered Architecture (yok)15438
architecture
Managing Static Files in Django: A Comprehensive Guide15437
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15436
how-tos, nodejs, environments
AVIF Is the Future of Web Images15435
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15434
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15433
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15432
how-tos, accessibility, testing
Internationalization With Remix (rem)15431
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15430
productivity, agile, economics, culture
90% of Designers are Unhirable?15429
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15428
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15427
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15426
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15425
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15424
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15423
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15422
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15421
design, usability, buttons
The End of My Gatsby Journey (mon)15420
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15419
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)15418
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15417
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15416
release-notes, typescript
WebKit Features in Safari 17.4 (jon/web)15415
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data15414
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15413
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15412
design, dei, accessibility, best-practices
Data Table Design Patterns15411
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15410
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15409
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15408
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15407
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15406
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15405
javascript, programming, web
WCAG? More Like, W-What?! (stv)15404
accessibility, wcag, link-lists
The 88×31 Archive15403
web, images, history
JSR: Second Look (dbu)15402
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15401
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15400
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15399
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15398
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15397
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15396
accessibility
CSS for Printing to Paper15395
css, print
Bugs I’ve Filed on Browsers (nol)15394
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15393
accessibility, ai
Accessibility Darkness (ste)15392
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15391
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15390
user-experience, design-patterns, ai