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 that they be respected. 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#
Release Notes for Safari Technology Preview 187 (jon/web)13892
release-notes, browsers, apple, safari
On Web Components (tmc)13891
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13890
github, npm, security, malware, foss
Five Future Roles for Designers (jar)13889
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13888
design-systems, economics
An Introduction to the Liquid Template Language13887
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13886
seo, tooling, link-lists
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13885
html, modals
Unit Testing With Jest and Integration With GitHub Actions13884
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13883
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13882
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13881
accessibility, apple, facebook+meta
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13880
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13879
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13878
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13877
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13876
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13875
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13874
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13873
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13872
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13871
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13870
culture, engineering-management, processes, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13869
redesigning, user-experience
Layouts in Astro13868
astro
What Is Jest and Why Should I Use It? (cod)13867
jest
WebKit Features in Safari 17.3 (jen/web)13866
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13865
tailwind, design-systems, components
Repetition Avoidance (ste)13864
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13863
pjpeg, jpeg, images, performance, comparisons
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13862
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)13861
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13860
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13859
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13858
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13857
design, tooling, link-lists
What Is Our Design Intention?13856
design, processes
Vector Database Recommender System (ast)13855
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13854
blogging, metrics, sem
What Is CSS Motion Path?13853
css, svg, animations
The World’s Smallest PNG (eva)13852
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13851
accessibility, design, html, aria
Mastering Node CSV13850
nodejs, csv
The Bun Shell (jar/bun)13849
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13848
javascript, security, debugging, firefox, mozilla, browsers
A Call for Consensus on HTML Semantics (5t3)13847
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13846
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13845
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13844
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13843
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13842
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13841
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13840
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13839
css
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13838
functionality, html, css, javascript
Astro 4.2 (eri+)13837
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413836
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13835
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13834
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)13833
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing13832
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)13831
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13830
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13829
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13828
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13827
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13826
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13825
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13824
introductions, scrolling, animations, css, functions
Are You Boring Your Interviewer by Over-Explaining Context?13823
career, interviewing, design
Guide to Fast Next.js13822
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13821
guides, usability, testing
The Golden Rule of Assertions13820
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13819
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?13818
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13817
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13816
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13815
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13814
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13813
git, how-tos
Disillusioned With Deno (bal)13812
deno
Difference Between “getElementByID” and “querySelector”13811
javascript, css, selectors
APA-Style Titles in Laravel (ami)13810
writing, conventions, laravel
14 Things to Check Before Deploying a Website13809
deploying, quality, processes
Design Is Not Really a Thing13808
design, user-experience
The Evolution of Page Speed (mat/deb)13807
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13806
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13805
css, selectors
Why I Use htmx (fla)13804
htmx
Why I Use Alpine.js (fla)13803
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13802
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13801
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13800
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13799
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13798
databases, sql, performance, optimization
Moving on From React (kel)13797
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13796
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13795
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13794
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13793
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13792
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13791
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13790
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13789
podcasts, web-platform
I Hate CORS13788
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13787
nodejs, modules
Building a Clean and Scalable Frontend Architecture13786
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13785
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13784
accessibility, ai, content
Kind of Annoyed at React (cas)13783
react
A Guide on Using Postman as a Frontend Developer in Web Development13782
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13781
career, mistakes, learning
Type in TypeScript13780
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13779
static-site-generation, site-generators, trends
Power of WebRTC13778
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13777
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13776
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13775
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13774
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13773
cookies, consent-management, legal
Applying the SPACE Framework (lau)13772
productivity, metrics
Creating a Color Ramp Using Color Modifiers in Tokens Studio13771
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide13770
accessibility, user-experience
The Stack I Used to Build My Blog in 202413769
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13768
css
Node.js Mastery: Advanced Development and Performance Tips13767
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413766
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Compatibility of Node.js Versions With Packages13765
nodejs, versioning, dependencies
What I Have Learned From Conducting Over 100 Website Migrations (moz)13764
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13763
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13762
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13761
interviews, accessibility, usability, history
console.delight (zac/fro)13760
javascript, console, browsers, dev-tools, debugging
The Best Web Framework Doesn’t Exist13759
frameworks
Accounting for Internationalization With CSS and HTML (spa)13758
html, css, internationalization
Node v20.11.0 (LTS) (nod)13757
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13756
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13755
cookies, sem
Setting Up Renovate for GitHub Repositories13754
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13753
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13752
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript13751
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13750
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13749
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13748
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13747
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13746
accessibility, testing
Designing Better Target Sizes (sha)13745
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13744
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13743
ai, deploying
How We Built Project IDX: A High-Level Overview13742
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13741
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13740
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13739
nodejs, testing
Understanding Immutability in JavaScript13738
videos, javascript
The Change You Wish to See13737
accessibility
A Global Design System (bra)13736
design-systems
Taking a Closer Look at “@property” in CSS (uti)13735
css
Vue 3—Dynamic Components13734
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13733
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13732
guides, introductions, data-engineering
Why I Like Web Components13731
web-components, html
Where Have All the Websites Gone? (fro)13730
web, trends
What’s New in PHP 8.4 (ami)13729
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13728
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13727
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13726
indieweb, tooling
htmx for React Developers in 10 Minutes13725
videos, htmx, react
How Google Perfected the Web (ver)13724
google, web, seo
Declaring Globals Isn’t That Hard (mat)13723
videos, javascript, typescript
CRUD and SQL—the Basics13722
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13721
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13720
design, processes
Becoming a Senior Frontend Engineer (tec)13719
career
Notes on Using Logical Properties and Values (kiz)13718
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13717
css, dark-mode
My Web Development Wishlist 2024 (j9t)13716
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413715
css, tooling, developer-experience
Figma Is Not Forever13714
design, tooling, figma
Your MVP Must Be Accessible (den)13713
accessibility
Weird Things Engineers Believe About Web Development13712
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13711
deploying, github-actions, ssh
The Bulma CSS Framework: What It Is and How to Get Started13710
introductions, bulma
Software Quality13709
research, quality
20+ Tools for Node.js Development in 202413708
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques13707
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13706
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13705
videos, css, resets
How to Use Template Literals in JavaScript (fre)13704
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13703
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13702
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13701
react, javascript, simplicity
7 Front-End Web Development Trends for 202413700
trends, outlooks, libraries, frameworks, ai
AI Vertigo: Where Do We Go From Here as Designers?13699
design, ai, career
Building Multiple Progressive Web Apps on the Same Domain13698
videos, web-apps, progressive-web-apps, architecture, security
Notes on MathML (w3c)13697
mathml
The World of Web Browsers Is in a Bad Way (jen)13696
browsers, browser-engines, chromium, google
The Two Reacts (dan)13695
react, components, state-management
My CSS Resets (kei)13694
css, resets
Is CSS Alive? (css)13693
css
16 Lesser Known Accessibility Issues13692
accessibility
2024 Predictions by JavaScript Frontend Framework Maintainers13691
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Design Better Pagination13690
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13689
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13688
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13687
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13686
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13685
interoperability, web-platform
The AHA Stack (fla)13684
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13683
html
Oh Shit Banners (eri)13682
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13681
cookies, consent-management, legal
Worker Threads: Multitasking in NodeJS13680
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13679
css, animations, view-transitions, apis
Stop Using Express.js13678
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13677
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13676
how-tos, wordpress
How to Make External Links Accessible (pop)13675
how-tos, links, accessibility
BCD Watch (mey+/iga)13674
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13673
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13672
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413671
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513670
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413669
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13668
typescript
Understanding the Most Important HTTP Status Codes13667
protocols, http
7 Predictions for Web Design in 2024 (web)13666
design, outlooks
My Perspective: Digital Accessibility and Overlays (lev)13665
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13664
interviewing, javascript, career, concepts, terminology
3 Terminal Commands to Increase Your Productivity13663
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13662
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13661
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13660
typescript, types
The Internet Is About to Get Weird Again (rol)13659
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13658
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13657
react, performance
Installing Google Fonts as npm Packages (ami)13656
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13655
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13654
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13653
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13652
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13651
react, components
Making a Weblog With Eleventy13650
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13649
javascript
2.5.8: Adversarial Conformance (aar)13648
accessibility, wcag, compliance
Incident: Mitigate, Learn (j9t)13647
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13646
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13645
typescript
Making Sense of “Senseless” JavaScript Features (mon)13644
javascript
Inspecting WCAG 2.2: Accessible Authentication13643
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13642
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13641
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13640
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13639
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13638
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13637
jsx, lua
HTML Validation—Pros and Cons13636
html, conformance
Future of Storybook in 2024 (shi/sto)13635
outlooks, storybook
Frontend Predictions for 2024 (shi)13634
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13633
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13632
css, container-queries
JS Design Patterns: A Comprehensive Guide13631
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13630
javascript, frameworks, comparisons
CSS Wishlist13629
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13628
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13627
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13626
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13625
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13624
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13623
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13622
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13621
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13620
polypane, browsers, tooling
CSS-Based State Management (may)13619
css, state-management
Custom Mouse Hover Effect With JavaScript13618
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13617
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13616
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13615
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13614
apis, javascript, file-handling
Best Practices for Coding With AI in 202413613
ai, best-practices
ARIA Live Regions (mat)13612
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13611
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13610
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13609
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13608
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13607
nodejs, performance, metrics
The Implied Web (hws/mat)13606
html, accessibility, semantics
The Complete Playwright Cheatsheet13605
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13604
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13603
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13602
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13601
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13600
html, principles, quality, craft
CSS Scope Issues (kiz)13599
css, scope
Container Queries and Units (zac/fro)13598
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13597
accessibility, retrospectives
Clean Architecture: Theming With Tailwind and CSS Variables13596
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13595
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13594
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13593
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13592
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13591
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13590
css, selectors, scrolling
CSS Nesting (kil/5t3)13589
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13588
javascript, prototypes, comparisons
New to the Web Platform in December (rac)13587
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Using the CSS “contain” Property: A Deep Dive (log)13586
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13585
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13584
css, selectors, browsers, support
View Transitions (hui/5t3)13583
css, javascript, view-transitions
Reflow Red Flags (tpg)13582
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13581
videos, css, images
Experimental Chromium Web Platform Features (pol)13580
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13579
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13578
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13577
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13576
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
Good Design Is Subjective, Contextual, and Intentional13575
design, processes
You Might Be Looking for HTML “article”, Not “section” (san)13574
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13573
performance, caching, optimization
Think About Your Future Self13572
accessibility
The Goldilocks Principle for Prototyping (nng)13571
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13570
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13569
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13568
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13567
career, community
React Props Explained With Examples13566
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13565
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13564
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13563
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13562
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13561
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13560
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13559
css, animations
Naming Design Tokens: The Art of Clarity and Consistency13558
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)13557
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13556
web-workers, apis, state-management, effects, javascript
Web Components (may/5t3)13555
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13554
accessibility
HTML Can Do This?13553
html
Baseline Does Not Really Cover Baseline Support (aar)13552
browsers, support, web-platform, accessibility
Stop Normalizing Unprofessional Behaviour in the Name of Agility13551
agile, processes, communication, community, professionalism
Who Stole My Largest Contentful Paint? (per)13550
performance, web-vitals, optimization
CSS “@scope” (mia/5t3)13549
css, scope
The WordPress Showcase and Accessibility (joe)13548
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13547
html, web, history
Managing Node.js Processes13546
nodejs, tooling
Introducing JavaScript Support in MySQL13545
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13544
case-studies, css, performance, optimization
Crafting Effective Documentation13543
documentation
Christmas Tree Animations Made With CSS and JS13542
css, javascript, animations, effects, link-lists
The Unspoken Struggle of Aging in a Tech-Driven World13541
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever13540
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)13539
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences13538
developer-relations, dei, community, strategies
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)13537
accessibility, economics
HTTP Keanu (sue)13536
websites, http, protocols
How to Use ESM on the Web and in Node.js13535
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)13534
introductions, performance, web-vitals, testing
Developer Toolkit13533
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)13532
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)13531
release-notes, sveltekit
Anchor Positioning (kiz/5t3)13530
css, anchor-positioning
What Vue’s Creator Learned the Hard Way With Vue 313529
vuejs, lessons
What Really Is Technical Debt?13528
technical-debt, terminology, quality
6 Techniques for Conditional Rendering in React, With Examples13527
techniques, react
Competing Against Internally Developed Tools13526
tooling, processes
Why I Use Astro (fla)13525
astro
The Best Go Tools to Use for Your Frontend Projects (fre)13524
go, tooling, link-lists
Popover API (mrt/5t3)13523
pop-overs, apis, css
My Accessibility Journey (web)13522
accessibility, career
HTML: The Bad Parts (may/mat)13521
html
How to Get Good at Competitive Programming13520
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)13519
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)13518
eleventy, sitemaps
Can UX Design Actually Be Ethical?13517
user-experience, design, ethics
Using Nodemon and Watch in Node.js for Live Restarts (cra)13516
nodejs, tooling
Baseline 2023 (rac)13515
browsers, support, web-platform
Extending Responsive Video With HTML Web Components (sco/per)13514
multimedia, responsive-design, web-components, javascript
Embrace the Platform (bra)13513
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)13512
css, history
Three Modern CSS Properties Your Website Must Have13511
css
Test-Driven HTML and Accessibility (mat)13510
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)13509
career, engineering-management
Accessibility Overlays (eu)13508
accessibility, overlays, metrics
The Best WebAssembly Runtime May Be No Runtime at All (jed)13507
webassembly, runtimes
Why Designers Quit (2023 Report)13506
design, career
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)13505
browsers, google, chrome, desktop
WebKit Features in Safari 17.2 (jen+/web)13504
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)13503
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)13502
html, attributes
The “await” Event Horizon in JavaScript (fro)13501
javascript, events
Screen Reader User Survey #10 (web)13500
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)13499
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful13498
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)13497
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”13496
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)13495
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)13494
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)13493
developer-relations, foss, community
Decoding Compound Tokens13492
design-tokens, terminology
Building Components for Consumption, Not Complexity (dis/sma)13491
design-systems, components, figma
Behavior Belongs in the HTML13490
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)13489
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)13488
videos, accessibility, aria
Task Automation and Debugging With AI-Powered Tools13487
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)13486
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)13485
templates, accessibility, guidelines
Signals of Interface Quality13484
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)13483
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)13482
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters13481
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)13480
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)13479
html, multimedia, css, media-queries, accessibility
All Technical Debt Is a Risk to the Product and to Your Business13478
technical-debt, quality, product-management, processes
Audit Your Site for Third-Party Cookies13477
videos, auditing, cookies, privacy
Scroll Fading 101 (nng)13476
scrolling, interaction-design, usability
Oh No! My JSON! (ton)13475
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)13474
accessibility, skip-links
React Performance Optimization13473
react, performance, optimization
CSS Wrapped: 2023 (una+)13472
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards13471
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)13470
css
The Most Accessible Font13469
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)13468
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)13467
javascript, operators
Security Headers Using “<meta>” (sap/mat)13466
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)13465
release-notes, browsers, apple, safari
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)13464
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?13463
discussions, php
Insights: Mobile Accessibility13462
accessibility, research, metrics, mobile
CSS Snapshot 2023 (tab+/w3c)13461
css, standards
Angular Signals: Complete Guide13460
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!13459
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)13458
guides, accessibility, content, writing, best-practices
Understanding the New WCAG 2.2 Criteria13457
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)13456
css, sass, postcss, lightning-css, postprocessors
TypeScript’s Hidden Feature: Subtypes13455
typescript
The Complete Puppeteer Cheatsheet13454
puppeteer, cheat-sheets, chromium
Overview of Drupal13453
overviews, drupal
HTML5 Boilerplate v9.0.0 Released13452
release-notes, html5-boilerplate
Dark Design Patterns Catalog13451
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)13450
web-components, events, javascript
Astro 4.0 (blu+)13449
release-notes, astro
Scale Your React App With Storybook and Chromatic13448
react, scalability, storybook
A Definition Update for Baseline (kad+)13447
browsers, support, web-platform
Maglev—V8’s Fastest Optimizing JIT13446
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13445
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13444
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13443
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)13442
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13441
css, security
Better Vue.js Inputs With Generics: The Select13440
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13439
browsers, support, web-platform, documentation, mdn, case-studies
4 Dead Simple Ways of Customizing Bootstrap13438
bootstrap, customization, css
The Pros and Cons of Using React Today13437
react, frameworks
12 Important User-Interface Design Guidelines (uxm)13436
guidelines, design, usability
The Importance of User Feedback and Data in UX Design (uxm)13435
user-experience, metrics
The State of UX in 2024: Enter Late-Stage UX (fab)13434
user-experience, design, outlooks
10 Tips for Implementing Webflow On-Page SEO13433
webflow, seo, tips-and-tricks
Testing the Performance of Social Media Embeds (mic)13432
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13431
strategies, performance, caching
Why Carousels Don’t Work13430
carousels, design, user-experience
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13429
guides, design, product-management, processes
Of Time and the Web (ada/btc)13428
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13427
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13426
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13425
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13424
fundamentals, html, attributes, accessibility, user-experience
100 Bucket List Ideas for Programmers13423
career, learning
Is the Flat Design Trend Finally Over?13422
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13421
site-generators, comparisons, hugo, jekyll
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13420
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together13419
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13418
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13417
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13416
javascript, frameworks, reactivity, rendering, dom
Create Dynamic Web Experiences With Interactive SVG Animations13415
svg, images, animations, tooling
Does Web Design Matter?13414
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)13413
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13412
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13411
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13410
link-lists, learning
The UX of HTML (vas/mat)13409
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13408
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13407
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13406
how-tos, fonts, css
CSS Relative Colors (luc/iod)13405
css, colors
New to the Web Platform in November (rac)13404
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13403
career
Not All Screen Reader Users Are Blind (tem)13402
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13401
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13400
css, nesting
Firefox on the Brink? (bry)13399
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13398
css, animations, effects
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)13397
performance, web-vitals, metrics
Design That Scales13396
books, design, design-systems, scalability, processes
Hide and Debug Empty Elements With CSS (mic)13395
css
Alternative Frontends13394
web, censorship
CSS: BEM or Atomic Design13393
css, bem, atomic-design, comparisons