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#
A CSS Project Boilerplate (bel/pic)14198
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14197
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14196
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14195
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14194
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14193
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14192
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14191
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14190
career, simplicity, complexity
HTML as the Baseline (cfe)14189
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14188
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14187
images, jpeg, png, gif, webp, avif, pdf, svg
Format Nunjucks Files With Prettier (san)14186
nunjucks, prettier
What Is a Descriptive Transcript?14185
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14184
videos, accessibility
So You Think You Know Git14183
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14182
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14181
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14180
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14179
viewport, css, units
Git Tips: Really Large Repositories14178
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14177
learning, career
Release Notes for Safari Technology Preview 188 (jon/web)14176
release-notes, browsers, safari
Patterns in Design Systems (ikn)14175
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14174
web-platform, frameworks, tech-stacks, complexity
Opportunities for AI in Accessibility (aar/ali)14173
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14172
javascript, css, custom-properties
CSS Is Logical (geo)14171
css
10 Best Automated AI Code Review Tools 202414170
ai, automation, code-reviews, tooling, comparisons, link-lists
Remix Takes on Next.js in Battle of the React Frameworks14169
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14168
javascript, python, comparisons
UI Elements Are Not So Elementary14167
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14166
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14165
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14164
guides, foss
When to Use the “min()” or “max()” Function (css)14163
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)14162
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)14161
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)14160
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)14159
release-notes, jquery
JavaScript Promises Demystified14158
javascript, promises
In Praise of the “switch” Statement (chi)14157
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)14156
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)14155
javascript
A Guide to Designing for Older Adults (vit/sma)14154
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React14153
react, books, courses, link-lists
You Won’t Scale (cfe)14152
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)14151
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)14150
design-systems
The Most Demanded Frontend Frameworks in 202314149
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)14148
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)14147
usability, testing, ai
It’s the Hope That Kills You (yat)14146
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)14145
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)14144
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)14143
design, tooling, link-lists
Everything You Need to Know About Git14142
git, command-line
Bookmarklet: Load All GitHub Comments (mey)14141
bookmarklets, github, code-reviews
HTML Attributes That Every Web Developer Should Know14140
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)14139
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”14138
accessibility
The Importance of Web Performance to Information Equity (sch/fos)14137
videos, performance, accessibility
htmx Deep Dive With Carson Gross14136
videos, htmx, deep-dives
A View Source Web (gar)14135
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)14134
guides, seo, search, google
What Is WAP?14133
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason14132
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)14131
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo14130
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)14129
art
5 Hidden Risks of Your Inaccessible Website (deq)14128
accessibility
Drupal Creator: Websites Needed More Than Ever in the AI Era14127
web, ai, complexity
Tracking Your Interviews Is Extremely Important14126
career, interviewing
Interop 2024 (rac)14125
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?14124
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?14123
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)14122
web-platform, interoperability, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)14121
videos, frameworks, svelte
Everyone’s a Sellout Now14120
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)14119
automation, ai, accessibility, images, alt-text
Career Retrospective14118
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)14117
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler14116
guides, foss
The Art and Science of Annotations in Dev Mode (fig)14115
figma, annotations
Implementing User Authentication in React Apps With Appwrite14114
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)14113
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development14112
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)14111
htmx
The Good, the Bad, the Web Components (zac)14110
web-components, shadow-dom, dom
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization14109
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)14108
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)14107
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)14106
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?14105
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)14104
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content14103
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer14102
videos, browsers, dev-tools
New to the Web Platform in January (rac)14101
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Signals in Django14100
signals, django
Celebrate a More Interoperable Web With Interop 2023 (rac)14099
web-platform, interoperability, browsers, support
Learn Testing14098
courses, testing
Why Do Rubber Ducks Work?14097
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)14096
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)14095
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)14094
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)14093
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)14092
guides, foss, collaboration
Onboarding (mfo)14091
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?14090
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)14089
css, units, fonts
“field-sizing” Just Works! (kil/pol)14088
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)14087
html, css
ESG and DEI Policies Were Always Luxury Goods14086
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams14085
agile, processes
The Loss of the Process in the Name of Progress14084
design, creativity, productivity, processes
Express Forward (exp)14083
discussions, outlooks, express
Practical Guide to Destructuring: TypeScript vs. Dart14082
guides, typescript, dart, comparisons
The Web Component Success Story (jak)14081
web-components
The EU Forces Open Apple’s Walled Garden14080
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly14079
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)14078
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)14077
fundamentals, git
Dynamic README Image Based on GitHub Activity14076
readme, github
At Last, Browser Choice * (dav)14075
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)14074
css, typography
Design Systems Burnout (fon)14073
design-systems
A Guide to Styling Tables (sto)14072
css, tables, responsive-design
Futuring With Design14071
design, creativity, processes
Please, Don’t Force Me to Log In (ham)14070
web, authentication, user-experience
Gold Text Effect With CSS (man)14069
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)14068
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)14067
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)14066
legal, browsers, apple, mobile
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)14065
browsers, apple, mozilla, firefox, mobile
The Impact of Developer Experience14064
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)14063
accessibility, ethics, overlays, community
Introducing Our Updated [Green Web Hosting] Directory (mrc)14062
introductions, release-notes, sustainability, hosting
Inside .git (b0r)14061
git
HTML Web Components on the Server Are Great (sco)14060
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)14059
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)14058
design, responsive-design, seo
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js14057
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments14056
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)14055
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union14054
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)14053
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)14052
links, usability, user-experience
One World, One Web, One Love (aar)14051
web
JWT vs. Session Authentication14050
security, authentication, json-web-tokens, comparisons
CSS Blurry Shimmer Effect (sma)14049
css, effects
Animating Font Palette (man)14048
css, colors, fonts, effects
Release Notes for Safari Technology Preview 187 (jon/web)14047
release-notes, browsers, safari
Take a Qwik Break From React With Astro14046
qwik, react, astro, frameworks, comparisons
The Structure of User Experience14045
user-experience, processes
Getting Started With Content Collections in Astro14044
introductions, astro
The API That No One Dared Delete14043
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)14042
monetization, apis
What Can a Website Do? (dav)14041
accessibility, usability, quality
Web Components in Earnest (dav)14040
web-components, javascript
User Styles (mia)14039
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”14038
css, colors, oklch, functions, tailwind
On Web Components (tmc)14037
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware14036
github, npm, security, malware, foss
Five Future Roles for Designers (jar)14035
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)14034
design-systems, economics
An Introduction to the Liquid Template Language14033
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)14032
seo, tooling, link-lists
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)14031
videos, interviews, tech-stacks, jamstack
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)14030
html, modals
Unit Testing With Jest and Integration With GitHub Actions14029
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)14028
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project14027
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)14026
accessibility, apple, facebook+meta
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)14025
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development14024
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter14023
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)14022
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons14021
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)14020
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)14019
ai, browsers, google, chrome
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)14018
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)14017
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build14016
culture, engineering-management, processes, comparisons
WebKit Features in Safari 17.3 (jen/web)14015
release-notes, browsers, safari, webkit
Battle of the Browsers (zer)14014
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website14013
pjpeg, jpeg, images, performance, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)14012
redesigning, user-experience
Layouts in Astro14011
astro
What Is Jest and Why Should I Use It? (cod)14010
jest
Use Tailwind CSS Prefixes for Shared Design System Components (sen)14009
tailwind, design-systems, components
Repetition Avoidance (ste)14008
code-pens, accessibility, user-experience, aria
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)14007
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)14006
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)14005
seo, user-experience
Continuous Accessibility: What, Why, How (ass)14004
accessibility, processes, testing, tooling
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)14003
design, tooling, link-lists
What Is Our Design Intention?14002
design, processes
Vector Database Recommender System (ast)14001
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)14000
blogging, metrics, sem
What Is CSS Motion Path?13999
css, svg, animations
The World’s Smallest PNG (eva)13998
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13997
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13996
javascript, security, debugging, firefox, browsers
Mastering Node CSV13995
nodejs, csv
The Bun Shell (jar/bun)13994
bun, javascript, shells
A Call for Consensus on HTML Semantics (5t3)13993
html, semantics
How Core Web Vitals Affect SEO (ind)13992
performance, web-vitals, lighthouse, seo
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13991
videos, interviews, css, web, browsers, safari
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13990
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13989
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13988
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13987
css, view-transitions, tooling
Under-Supported and Underpaid (aar)13986
accessibility, career, economics, craft
12 Modern CSS One-Line Upgrades (5t3)13985
css
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13984
functionality, html, css, javascript
Astro 4.2 (eri+)13983
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413982
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13981
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13980
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)13979
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing13978
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)13977
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13976
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13975
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13974
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13973
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13972
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13971
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13970
introductions, scrolling, animations, css, functions
Are You Boring Your Interviewer by Over-Explaining Context?13969
career, interviewing, design
Guide to Fast Next.js13968
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13967
guides, usability, testing
The Golden Rule of Assertions13966
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13965
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?13964
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13963
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13962
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13961
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13960
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13959
git, how-tos
Disillusioned With Deno (bal)13958
deno
Difference Between “getElementByID” and “querySelector”13957
javascript, css, selectors
APA-Style Titles in Laravel (ami)13956
writing, conventions, laravel
14 Things to Check Before Deploying a Website13955
deploying, quality, processes
Design Is Not Really a Thing13954
design, user-experience
The Evolution of Page Speed (mat/deb)13953
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13952
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13951
css, selectors
Why I Use htmx (fla)13950
htmx
Why I Use Alpine.js (fla)13949
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13948
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13947
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13946
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13945
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13944
databases, sql, performance, optimization
Moving on From React (kel)13943
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13942
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13941
accessibility, notifications, aria, live-regions
I Hate CORS13940
videos, cors, security
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13939
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13938
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13937
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13936
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13935
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13934
podcasts, web-platform
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13933
nodejs, modules
Building a Clean and Scalable Frontend Architecture13932
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13931
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13930
accessibility, ai, content
Kind of Annoyed at React (cas)13929
react
A Guide on Using Postman as a Frontend Developer in Web Development13928
guides, postman, apis
How to Get Started With Progressive Web Apps13927
how-tos, web-apps, progressive-web-apps, comparisons
Avoid These 5 Mistakes as a Web Developer13926
career, mistakes, learning
Type in TypeScript13925
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13924
static-site-generation, site-generators, trends
Power of WebRTC13923
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13922
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13921
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13920
how-tos, seo, google, experiments
Eliminating Cookie Banners Is Hard (jef)13919
cookies, consent-management, legal
Applying the SPACE Framework (lau)13918
productivity, metrics
Chrome Alternative Browsers to Check Out in 202413917
browsers, arc, chromium, orion, firefox
Creating a Color Ramp Using Color Modifiers in Tokens Studio13916
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide13915
accessibility, user-experience
The Stack I Used to Build My Blog in 202413914
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13913
css
Node.js Mastery: Advanced Development and Performance Tips13912
nodejs, servers, express, performance, testing, memory
Compatibility of Node.js Versions With Packages13911
nodejs, versioning, dependencies
What I Have Learned From Conducting Over 100 Website Migrations (moz)13910
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13909
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13908
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13907
interviews, accessibility, usability, history
console.delight (zac/fro)13906
javascript, console, browsers, dev-tools, debugging
Release Notes for Safari Technology Preview 186 (jon/web)13905
release-notes, browsers, safari
The Best Web Framework Doesn’t Exist13904
frameworks
Accounting for Internationalization With CSS and HTML (spa)13903
html, css, internationalization
Node v20.11.0 (LTS) (nod)13902
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13901
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13900
cookies, sem
Setting Up Renovate for GitHub Repositories13899
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13898
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13897
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript13896
html, streaming
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13895
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13894
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13893
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13892
accessibility, testing
Designing Better Target Sizes (sha)13891
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13890
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13889
ai, deploying
How We Built Project IDX: A High-Level Overview13888
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13887
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13886
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13885
nodejs, testing
Understanding Immutability in JavaScript13884
videos, javascript
The Change You Wish to See13883
accessibility
A Global Design System (bra)13882
design-systems
Taking a Closer Look at “@property” in CSS (uti)13881
css
Vue 3—Dynamic Components13880
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13879
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13878
guides, introductions, data-engineering
Why I Like Web Components13877
web-components, html
Where Have All the Websites Gone? (fro)13876
web, trends
What’s New in PHP 8.4 (ami)13875
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13874
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13873
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13872
indieweb, tooling
htmx for React Developers in 10 Minutes13871
videos, htmx, react
How Google Perfected the Web (ver)13870
google, web, seo
Declaring Globals Isn’t That Hard (mat)13869
videos, javascript, typescript
CRUD and SQL—the Basics13868
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13867
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13866
design, processes
Becoming a Senior Frontend Engineer (tec)13865
career
Notes on Using Logical Properties and Values (kiz)13864
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13863
css, dark-mode
My Web Development Wishlist 2024 (j9t)13862
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413861
css, tooling, developer-experience
Your MVP Must Be Accessible (den)13860
accessibility
Figma Is Not Forever13859
design, tooling, figma
Weird Things Engineers Believe About Web Development13858
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13857
deploying, github-actions, ssh
The Bulma CSS Framework: What It Is and How to Get Started13856
introductions, bulma
Software Quality13855
research, quality
20+ Tools for Node.js Development in 202413854
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques13853
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13852
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13851
videos, css, resets
How to Use Template Literals in JavaScript (fre)13850
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13849
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13848
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13847
react, javascript, simplicity
7 Front-End Web Development Trends for 202413846
trends, outlooks, libraries, frameworks, ai
AI Vertigo: Where Do We Go From Here as Designers?13845
design, ai, career
Building Multiple Progressive Web Apps on the Same Domain13844
videos, web-apps, progressive-web-apps, architecture, security
Notes on MathML (w3c)13843
mathml
The World of Web Browsers Is in a Bad Way (jen)13842
browsers, browser-engines, chromium, google
The Two Reacts (dan)13841
react, components, state-management
My CSS Resets (kei)13840
css, resets
Is CSS Alive? (css)13839
css
16 Lesser Known Accessibility Issues13838
accessibility
2024 Predictions by JavaScript Frontend Framework Maintainers13837
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Design Better Pagination13836
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13835
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13834
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13833
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13832
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13831
interoperability, web-platform
The AHA Stack (fla)13830
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13829
html
Oh Shit Banners (eri)13828
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13827
cookies, consent-management, legal
Are You Ignoring These 8 DevTools Features?13826
videos, browsers, chrome, dev-tools, auditing, debugging
Worker Threads: Multitasking in NodeJS13825
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13824
css, animations, view-transitions, apis
Stop Using Express.js13823
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13822
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13821
how-tos, wordpress
How to Make External Links Accessible (pop)13820
how-tos, links, accessibility
BCD Watch (mey+/iga)13819
websites, browsers, support, interoperability, web-platform
Agile Anti-Patterns That Can Harm UX13818
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413817
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513816
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413815
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13814
typescript
Understanding the Most Important HTTP Status Codes13813
protocols, http
7 Predictions for Web Design in 2024 (web)13812
design, outlooks
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13811
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays (lev)13810
accessibility, overlays
3 Terminal Commands to Increase Your Productivity13809
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13808
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13807
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13806
typescript, types
The Internet Is About to Get Weird Again (rol)13805
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13804
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13803
react, performance
Installing Google Fonts as npm Packages (ami)13802
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13801
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13800
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13799
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13798
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13797
react, components
Making a Weblog With Eleventy13796
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13795
javascript
2.5.8: Adversarial Conformance (aar)13794
accessibility, wcag, compliance
Inspecting WCAG 2.2: Accessible Authentication13793
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13792
accessibility, compliance, legal
Incident: Mitigate, Learn (j9t)13791
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13790
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13789
typescript
Making Sense of “Senseless” JavaScript Features (mon)13788
javascript
Announcing Vue 3.4 (eva/vue)13787
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13786
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13785
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13784
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13783
jsx, lua
HTML Validation—Pros and Cons13782
html, conformance
Future of Storybook in 2024 (shi/sto)13781
outlooks, storybook
Frontend Predictions for 2024 (shi)13780
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13779
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13778
css, container-queries
JS Design Patterns: A Comprehensive Guide13777
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13776
javascript, frameworks, comparisons
CSS Wishlist13775
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13774
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13773
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13772
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13771
html, user-experience, developer-experience
Polypane Review: Best Browser for Web Developers?13770
polypane, browsers, tooling
Why AI Is a Disaster for the Climate (the)13769
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13768
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13767
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13766
svg, images, responsive-design
CSS-Based State Management (may)13765
css, state-management
Best Practices for Coding With AI in 202413764
ai, best-practices
Custom Mouse Hover Effect With JavaScript13763
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13762
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13761
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13760
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13759
apis, javascript, file-handling
ARIA Live Regions (mat)13758
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13757
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13756
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13755
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13754
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13753
nodejs, performance, metrics
The Implied Web (hws/mat)13752
html, accessibility, semantics
The Complete Playwright Cheatsheet13751
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13750
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13749
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13748
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13747
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13746
html, principles, quality, craft
CSS Scope Issues (kiz)13745
css, scope
Container Queries and Units (zac/fro)13744
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13743
accessibility, retrospectives
Release Notes for Safari Technology Preview 185 (jon/web)13742
release-notes, browsers, safari
Clean Architecture: Theming With Tailwind and CSS Variables13741
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13740
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13739
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13738
best-practices, security, code-reviews, nodejs
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13737
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13736
css, selectors, scrolling
CSS Nesting (kil/5t3)13735
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13734
javascript, prototypes, comparisons
See What’s New in Firefox [121.0] (moz)13733
release-notes, browsers, firefox
New to the Web Platform in December (rac)13732
release-notes, web-platform, browsers, firefox, chrome, safari
Using the CSS “contain” Property: A Deep Dive (log)13731
deep-dives, css, containment
We Can :has It All (hex)13730
css, selectors, browsers, support
View Transitions (hui/5t3)13729
css, javascript, view-transitions
Reflow Red Flags (tpg)13728
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13727
videos, css, images
Experimental Chromium Web Platform Features (pol)13726
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13725
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13724
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13723
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13722
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
React Props Explained With Examples13721
react, props, examples
Think About Your Future Self13720
accessibility
How to Center an Element in CSS Without Adding a Wrapper in HTML13719
how-tos, centering, css, techniques
Good Design Is Subjective, Contextual, and Intentional13718
design, processes
You Might Be Looking for HTML “article”, Not “section” (san)13717
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13716
performance, caching, optimization
The Goldilocks Principle for Prototyping (nng)13715
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13714
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13713
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13712
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13711
career, community
Making Data Visualizations Accessible (ons/tpg)13710
accessibility, information-design
Building Components for Consumption, Not Complexity II (dis/sma)13709
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13708
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13707
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13706
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13705
css, animations
Naming Design Tokens: The Art of Clarity and Consistency13704
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)13703
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13702
web-workers, apis, state-management, effects, javascript
Web Components (may/5t3)13701
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13700
accessibility
HTML Can Do This?13699
html