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 Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)15773
collaboration, processes
The Art of Design System Recipes (bra)15772
design-systems, design-tokens
How I Use Generative AI in Branding15771
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)15770
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed15769
css
3 Tips for Advanced Prototyping in Figma15768
tips-and-tricks, prototyping, figma
Make Product Design Great Again15767
design, user-experience, product-management
Optimising React Apps15766
react, optimization
Detect JavaScript Support (fon/css)15765
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)15764
ai
April 24 Is JS Naked Day (j9t)15763
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)15762
videos, interviews, css
Using “@defer” Defer Views in Angular 1715761
angular, performance, lazy-loading
Node.js Task Runner (yag)15760
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)15759
design-systems, accessibility
Long Alt (aar)15758
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)15757
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)15756
design-systems, communication, collaboration
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (web)15755
css, layout, grids, masonry
Accessibility Overlays—Friend or Foe? (int)15754
videos, accessibility, overlays
Typography Variables in Figma Are Here (joe)15753
typography, variables, figma
A Short Guide to Mastering Keyboard Shortcuts on GitHub15752
guides, github, keyboard-shortcuts
Building a Culture of Accessibility (tet)15751
accessibility, culture
How to Work With GraphQL in WordPress in 2024 (sma)15750
how-tos, wordpress, graphql
This Web of Ours, Revisited (zel)15749
web
How to Create CSS Utility Classes (fon/css)15748
how-tos, css, presentational-html
The “Intl.Segmenter” Object Is Now Part of Baseline15747
browsers, support, web-platform, javascript
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)15746
redesigning, sustainability
5 Tailwind CSS Anti-Patterns to Avoid (ato)15745
tailwind, colors, theming, frameworks, anti-patterns
Angular’s New Signal Inputs15744
videos, angular, signals
Building an npm Package Compatible With ESM and CJS in 202415743
npm, dependencies, interoperability, esm, commonjs
Git Common Developer Pitfalls and Solutions (wom)15742
git
The End of an Era: Women Who Code Closing (wom)15741
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)15740
css, functions, dark-mode
My Code Formatting Guidelines (val)15739
guidelines, formatting, conventions, javascript, html, prettier, configuration
A Primer on the Cascade and Specificity (bel/pic)15738
introductions, css, selectors, cascade
Displaying HTML Web Components15737
web-components, css
Who Should Block AI Bots? (moz)15736
scraping, ai, seo
12 Tips From a Mid-Level Developer (abb)15735
career, tips-and-tricks
Webhooks and WebSockets15734
webhooks, websockets
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI15733
ai, quality, craft, metrics, engineering-management
Building a GitHub Activity Feed With Node.js and Socket.IO15732
nodejs, github, functionality
The Impact of Color Contrast on Accessibility15731
accessibility, colors, contrast
JavaScript Code Quality Tools: See Qodana in Action (jet)15730
qodana, quality, javascript
How to Submit a Form in React Using FormData (wom)15729
how-tos, forms, react
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)15728
accessibility, security
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)15727
jquery, maintenance, migrating
Property Hooks Are Coming in PHP 8.4 (ami)15726
php, hooks
How to Write World-Beating Web Content (web)15725
how-tos, writing, content
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)15724
conversion, html, javascript
AI Isn’t Useless—but Is It Worth It? (mol)15723
ai, quality
The Making of a TypeScript Feature: Inferring Type Predicates15722
typescript
The Right Code for Your Design System (fig)15721
design-systems, figma
Making Disabled Buttons More Accessible15720
accessibility, buttons, html, aria
We Need to Rewild the Internet (rob/noe)15719
web, standards, collaboration, creativity, outlooks
The Biggest Lie in HTML15718
videos, html
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)15717
web
Alternating Style Queries (kiz)15716
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)15715
css, design, centering
Why We Are Still Using 88×31 Buttons15714
images, history, design
Things That Can Break “aspect-ratio” in CSS (chr/fro)15713
css, aspect-ratio
[pnpm] v9.0.0 (pnp)15712
release-notes, pnpm
Electron 30.0.0 (kee/ele)15711
release-notes, electron
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi/ope)15710
foss, security, openjs
Ethics in Times of Growth Design15709
design, ethics
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)15708
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)15707
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)15706
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)15705
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)15704
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)15703
standards, accessibility, aria, html
An Intro to Flexbox (cfe)15702
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)15701
accessibility
Interview With Senior JS Developer 202415700
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)15699
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)15698
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)15697
apis, dark-mode
Things You Should Do in Your Dev Journey15696
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)15695
html, skip-links, accessibility, mobile
How to Write a Code Formatter15694
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)15693
quality, craft, accessibility, usability, user-experience, conformance, performance
Mixins Three Ways (dut)15692
mixins, sass, less, css
Sliding 3D Image Frames in CSS (css/sma)15691
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)15690
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
How Do Open Source Licenses Work? The Ultimate Guide15689
guides, foss, licensing
Naming Colors in Design Systems (ado)15688
naming, colors, design-systems
10 Things Software Developers Should Learn About Learning15687
research, learning
Monitoring BFCache Blocking Reasons (chr/mdn)15686
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)15685
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)15684
how-tos, css, grids, layout, maintainability
Blockin’ Bots (bee)15683
scraping, ai, apache, configuration
Epic App Performance Starts With the Database15682
videos, performance, databases, optimization
Unleashing Designers With Tailwind CSS15681
videos, tailwind, design, processes
Why I’m Embracing the Arc Browser15680
browsers, arc
Socks, Lies, and Accessibility15679
accessibility, awareness-days, link-lists
Let Me Be15678
videos, javascript
Purging Design System “Rot” From Our Checkboxes (chu)15677
design-systems, maintenance, quality, accessibility, case-studies
CSS Tricks to Master the “clip-path” Property (css)15676
css, masking, clipping, tips-and-tricks
Web Accessibility Statement: How to Write One15675
how-tos, accessibility, documentation, writing
Zombie Estimation15674
agile, scrum, processes, project-management
npm Basics for New Developers (nim)15673
fundamentals, npm
Quick Tip: How to Animate Text Gradients and Patterns in CSS (ral)15672
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)15671
accessibility, keyboard-navigation, html
Accessible Interactions in JavaScript Apps (san)15670
videos, accessibility, javascript, aria
Gap Is the New Margin (chr/fro)15669
css, margins, layout
Complete a VPAT: Show How Accessible Your Product Is (deq)15668
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)15667
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)15666
accessibility, testing, tooling, automation, comparisons
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15665
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15664
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15663
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15662
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15661
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15660
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15659
svelte
The Future of Design Systems Is Marketing (fig)15658
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15657
git, errors
JS Naked Day (mac+)15656
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15655
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15654
agile, scrum, career
Recapping ng-conf 202415653
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15652
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15651
react, components
Sending Email Using Node.js (cra)15650
nodejs, email
An Introduction to the Node.js Performance API (bet)15649
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15648
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15647
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15646
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15645
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15644
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15643
command-line, typescript
The Death of Creativity15642
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15641
design, communication
How I Write Commits Like a Pro15640
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15639
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15638
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15637
accessibility, legal, web, mobile
Creating a Navbar in React15636
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15635
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15634
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15633
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15632
user-experience, ai, hci
Things That I Like Better in Vue Than in React15631
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15630
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15629
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15628
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15627
accessibility, ai
Testing HTML With Modern CSS (hey)15626
html, css, testing, quality
Jekyll vs. Astro (koo)15625
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15624
html, images, performance
[zx] 8.0.015623
release-notes, zx
21 HTML Tips You Must Know About15622
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15621
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15620
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15619
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15618
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15617
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15616
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15615
css, selectors, focus
Creativity in Software Engineering15614
research, creativity, programming
Breakpoints in Responsive Design (nng)15613
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15612
foss, community, security
Should Designers Code? (bra)15611
design, career
ESLint v9.0.0 Released (nza/esl)15610
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15609
accessibility
“AI” Won’t Solve Accessibility (yat)15608
accessibility, ai
Modern CSS Patterns in Campfire15607
css, case-studies
The Basics of Legibility15606
fundamentals, typography, legibility
Heat Death of the Internet15605
web
Building Components With Radix UI15604
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15603
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15602
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15601
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15600
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15599
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15598
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15597
how-tos, typescript, nodejs
Hanging Punctuation in CSS15596
css, typography
How to Build a Simple Web Server With Node.js15595
how-tos, servers, nodejs
BFCache Explained15594
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15593
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15592
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15591
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15590
dns, security
In-Page Links: 3 Usability Tips (nng)15589
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15588
design-systems, theming
The View Transitions API (cas/fro)15587
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15586
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15585
css, typography, tips-and-tricks
Finally Understand Responsive Design15584
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15583
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15582
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15581
ai, web
How to Get Somebody Fired Using Git15580
version-control, git, career
WebAssembly at Google (tom)15579
videos, webassembly, google
Learn JavaScript (wil)15578
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15577
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15576
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15575
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15574
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15573
css, anchor-positioning
Authentication in Next.js (rwi)15572
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15571
guides, css, container-queries
The Detail, the Quality15570
design, quality
What Even Is a JSON Number?15569
json, terminology
Micro Frontends With Native Federation15568
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15567
programming, career, ai, economics
Introducing Root.js15566
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15565
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15564
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15563
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15562
javascript, learning, link-lists
The DevOps Basics15561
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15560
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15559
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15558
accessibility, web
Object Structure in JavaScript Engines15557
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15556
accessibility
Kobold Letters (wed)15555
html, email, support
Some Samples Using UIkit15554
uikit
Design Is a Process of Getting Stuck (fon)15553
design, processes
The Power of “:has()” in CSS (css)15552
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15551
design, economics
The Easy Way to Access the Last JavaScript Array Element15550
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15549
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15548
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15547
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15546
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15545
career
Figma Plugins (tmc)15544
figma, plugins
New to the Web Platform in March15543
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15542
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15541
design-systems, developer-experience, optimization
History of JS Interop in Dart15540
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15539
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415538
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15537
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15536
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15535
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15534
javascript, arrays
Meet Angular’s New “output()” API (ang)15533
angular, apis
What Even Are Dragging Movements? (cat/spa)15532
accessibility, interaction-design, terminology
Iterator Helpers15531
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15530
performance, metrics, optimization
ai.robots.txt (cor)15529
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15528
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15527
css, effects
Node v20.12.0 (LTS) (nod)15526
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15525
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15524
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15523
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15522
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15521
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15520
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15519
css, overviews
How to Take Control of Flexbox (kev)15518
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15517
html, conformance, performance
How Does npx Actually Work and When to Use It15516
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15515
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15514
accessibility
How to Consolidate Multiple Design Systems15513
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15512
information-design
Error Messages 101 (nng)15511
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15510
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15509
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15508
redesigning, case-studies
No One Actually Wants Accessibility (dav)15507
accessibility
CORS Finally Explained—Simply15506
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15505
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15504
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15503
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15502
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15501
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15500
authorization, oauth, functionality
Radix Themes 3.015499
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15498
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15497
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15496
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15495
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15494
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15493
research, productivity, processes
12 Figma Tips to Work More Efficiently15492
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15491
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15490
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15489
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15488
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15487
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15486
javascript, optimization
[Bulma] 1.0.015485
release-notes, bulma
Relicensing and Rug Pulls15484
foss, licensing, history
Node.js: The Documentary (isa+)15483
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15482
videos, accessibility, outlooks
Avoid These Design System Traps15481
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15480
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15479
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15478
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15477
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15476
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15475
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15474
frameworks, htmx, examples
Progressive Disclosure Defaults15473
css, forms, interaction-design
Folder Structures in React Projects15472
react, architecture
Angular Signals: Best Practices15471
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15470
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15469
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15468
css, box-model, concepts
How to Plan Your First Successful Website (web)15467
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15466
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15465
code-pens, layout, css
Essential CSS Tools for Developers (nim)15464
css, tooling
Build a Full-Stack App With Node.js and htmx15463
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15462
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15461
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15460
css, scrolling
The Power of Textual Content in UX Design (uxm)15459
content, user-experience
Comparing ECMAScript Modules and CommonJS15458
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15457
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15456
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15455
accessibility
Make a Web Browser: Beginner’s Guide (nim)15454
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15453
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15452
design, career
How Meta Improved Their Cache Consistency to 99.9999999915451
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15450
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15449
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15448
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15447
web, history
How to Kill the Cascade (fon)15446
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15445
videos, react, concepts
Build a Node App With TypeScript (mat)15444
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15443
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15442
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15441
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15440
cheat-sheets, link-lists
Mental Health in Open Source (ant)15439
foss, career
How Web Bloat Impacts Users With Slow Devices15438
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15437
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15436
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15435
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15434
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15433
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15432
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15431
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15430
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15429
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15428
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15427
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15426
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15425
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15424
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15423
css, layout, user-experience
The Golden Age of Accessibility15422
accessibility
Make Your Functions More Reusable With Generics (mat)15421
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15420
links, usability
My New Favorite CSS Trick: “will-change”15419
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15418
html
25 Unnoticeable Features of JavaScript15417
javascript
Refactoring My Ugliest Code With Signal View Queries15416
videos, refactoring, angular
WCAG 2.2 Detective Skills15415
accessibility, standards, wcag
How to Design Icons in Figma15414
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15413
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15412
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15411
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15410
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15409
design-systems
There Are No Standards Police (mno)15408
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15407
html, custom-data, css, typography, effects
The Problem With AI (cfe)15406
ai
Another JS Registry—Seriously?! (den)15405
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15404
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15403
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415402
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15401
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15400
performance, web-vitals
15 Years of Running a Personal Website (ste)15399
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15398
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15397
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15396
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15395
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15394
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15393
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15392
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15391
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15390
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15389
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15388
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15387
accessibility, focus, keyboard-navigation
JSON Canvas15386
websites, standards, json, canvas
Have You Optimized for INP?15385
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15384
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15383
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15382
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15381
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15380
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15379
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15378
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15377
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15376
html, css, buttons
Replace ESLint and Prettier With Biome.js15375
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15374
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15373
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15372
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15371
accessibility
Navigating the Future of Frontend15370
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15369
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15368
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15367
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15366
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15365
git
Dissecting Layered Architecture (yok)15364
architecture
Managing Static Files in Django: A Comprehensive Guide15363
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15362
how-tos, nodejs, environments
AVIF Is the Future of Web Images15361
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15360
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15359
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15358
how-tos, accessibility, testing
Internationalization With Remix (rem)15357
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15356
productivity, agile, economics, culture
90% of Designers are Unhirable?15355
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15354
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15353
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15352
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15351
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15350
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15349
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15348
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15347
design, usability, buttons
The End of My Gatsby Journey (mon)15346
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15345
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)15344
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15343
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15342
release-notes, typescript
WebKit Features in Safari 17.4 (jon/web)15341
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data15340
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15339
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15338
design, dei, accessibility, best-practices
Data Table Design Patterns15337
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15336
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15335
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15334
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15333
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15332
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15331
javascript, programming, web
WCAG? More Like, W-What?! (stv)15330
accessibility, wcag, link-lists
The 88×31 Archive15329
web, images, history
JSR: Second Look (dbu)15328
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15327
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15326
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15325
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15324
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15323
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15322
accessibility
CSS for Printing to Paper15321
css, print
Bugs I’ve Filed on Browsers (nol)15320
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15319
accessibility, ai
Accessibility Darkness (ste)15318
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15317
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15316
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15315
design-systems, automation
The Hunt for the Missing Data Type (hil)15314
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15313
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15312
community
Introducing JSR—the JavaScript Registry (lca+/den)15311
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15310
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15309
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15308
introductions, webflow, low-and-no-code
Design System Generations (nat)15307
design-systems, processes
Retrofitting Fluid Typography (ric)15306
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15305
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15304
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15303
tooltips, css, techniques
Eloquent JavaScript (mar)15302
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15301
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15300
accessibility, web-components, ai
New to the Web Platform in February15299
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15298
dependencies, npm
Understanding Cookies and Sessions in React15297
react, authentication, cookies
What You Need to Know About Software Requirements15296
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15295
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15294
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15293
web-platform, history
Techniques to Break Words (aar)15292
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15291
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15290
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15289
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15288
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15287
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15286
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15285
nodejs, v8
Creativity Lies in the Paradoxes15284
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415283
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15282
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15281
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15280
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15279
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15278
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15277
html, css, forms
Here Lies the Internet, Murdered by Generative AI15276
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15275
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15274
how-tos, embed-code, performance, codepen, caniuse