Better Form UX With the CSS Property “field-sizing” (sea) | | 212 |
forms, user-experience, css |
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste) | | 211 |
bookmarklets, accessibility, html, aria, keyboard-shortcuts |
Exploring the Bounds of Jamstack With Zach Leatherman (zac+) | | 210 |
videos, interviews, tech-stacks, jamstack |
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver) | | 209 |
ai, browsers, google, chrome |
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro) | | 208 |
css, scrolling, effects |
In Praise of Buttons | | 207 |
buttons |
LCP and FCP on Single Page Application on Soft Navigations (dws) | | 206 |
performance, web-vitals, single-page-apps, navigation |
Modern JavaScript Library Starter | | 205 |
dependencies, npm, libraries |
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development | | 204 |
studies, research, ai, quality, technical-debt |
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma) | | 203 |
ai, design, typography |
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope) | | 202 |
html, modals |
What Has a Ceiling but No Floor? (mat) | | 201 |
accessibility, apple, facebook+meta |
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project | | 200 |
javascript, typescript, documentation, jsdoc |
The Web Is Unversioned (rhi/w3c) | | 199 |
web-platform, versioning |
Unit Testing With Jest and Integration With GitHub Actions | | 198 |
testing, jest, github-actions, quality |
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm) | | 197 |
design, tooling, link-lists |
Battle of the Browsers (zer) | | 196 |
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons |
Continuous Accessibility: What, Why, How (ass) | | 195 |
accessibility, processes, testing, tooling |
Could Local SEO Transform Your User Experience? (uxm) | | 194 |
seo, user-experience |
Handling Environment Variables in Node.js (mco/pla) | | 193 |
environments, variables, nodejs |
How a Web-Site Redesign Can Impact the Customer Journey (uxm) | | 192 |
redesigning, user-experience |
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass) | | 191 |
accessibility, processes, testing |
Layouts in Astro | | 190 |
astro |
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website | | 189 |
pjpeg, jpeg, images, performance, comparisons |
Repetition Avoidance (ste) | | 188 |
code-pens, accessibility, user-experience, aria |
Use Tailwind CSS Prefixes for Shared Design System Components (sen) | | 187 |
tailwind, design-systems, components |
WebKit Features in Safari 17.3 (jen/web) | | 186 |
release-notes, browsers, apple, safari, webkit |
What Is Jest and Why Should I Use It? (cod) | | 185 |
jest |
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer) | | 184 |
accessibility, design, html, aria |
The World’s Smallest PNG (eva) | | 183 |
images, png, minimalism |
What Is CSS Motion Path? | | 182 |
css, svg, animations |
Why I Don’t Care About Website/Blog Stats (nei) | | 181 |
blogging, metrics, sem |
Vector Database Recommender System (ast) | | 180 |
databases, vector-databases |
What Is Our Design Intention? (uxd) | | 179 |
design, processes |
A Call for Consensus on HTML Semantics (5t3) | | 178 |
html, semantics |
Mastering Node CSV | | 177 |
nodejs, csv |
The Bun Shell (jar/bun) | | 176 |
bun, javascript, shell |
12 Modern CSS One-Line Upgrades (5t3) | | 175 |
css |
Making CSS View Transitions Easy With Velvette (nom/cod) | | 174 |
css, view-transitions, tooling |
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+) | | 173 |
videos, interviews, css, web, browsers, apple, safari |
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol) | | 172 |
css, gradients, transparency |
Under-Supported and Underpaid (aar) | | 171 |
accessibility, career, economics, craft |
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg) | | 170 |
accessibility, legal |
Why Do Reflows Negatively Affect Performance? (fro) | | 169 |
performance, reflow |
How Core Web Vitals Affect SEO (ind) | | 168 |
performance, web-vitals, lighthouse, google, seo |
Astro 4.2 (eri+/ast) | | 167 |
astro, release-notes |
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript | | 166 |
functionality, html, css, javascript |
The Color Input and the Color Picker (chr/fro) | | 165 |
html, colors, usability |
Deceptive Deprecation: The Truth About npm Deprecated Packages | | 164 |
deprecation, security, npm, dependencies, research |
Node.js vs. Python: Which One to Choose for 2024 | | 163 |
nodejs, python, comparisons |
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod) | | 162 |
introductions, scrolling, animations, css, functions |
AI Art Is the New Stock Image (ia) | | 161 |
design, ai, images |
Basic Accessibility Mistakes I Often See in Audits (cfe) | | 160 |
accessibility, mistakes, auditing, html, semantics, focus, links, buttons |
Dispatching an Event (chr/fro) | | 159 |
javascript, events |
Fading Content Using Transparent Gradient in CSS (ami) | | 158 |
css, gradients, transparency, effects |
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) | | 157 |
videos, javascript, arrays, sorting, comparisons |
Safely Accessing the DOM With Angular SSR (dev) | | 156 |
security, dom, javascript, angular, server-side-rendering |
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng) | | 155 |
notifications, errors, validation, usability |
The Designer’s Guide to Social Computing (uxd) | | 154 |
guides, design, social-media |
14 Things to Check Before Deploying a Website | | 153 |
deploying, quality, processes |
APA-Style Titles in Laravel (ami) | | 152 |
writing, conventions, laravel |
Difference Between “getElementByID” and “querySelector” | | 151 |
javascript, css, selectors |
Disillusioned With Deno (bal) | | 150 |
deno |
Git Lesson: How to Use .gitignore and .gitkeep? | | 149 |
git, how-tos |
Guide to Fast Next.js | | 148 |
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading |
Measuring Developer Productivity: Real-World Examples (ger) | | 147 |
productivity, metrics, developer-experience, google, microsoft |
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope) | | 146 |
nodejs, security |
Practical Guide to Usability Testing | | 145 |
guides, usability, testing |
Stop Trying to Recruit Unicorns With Acorns (cra) | | 144 |
accessibility, career |
The Complex but Awesome CSS “border-image” Property (css/sma) | | 143 |
css, borders, techniques |
The Golden Rule of Assertions | | 142 |
javascript, testing |
Is It Time to Switch From Docker to Podman? | | 141 |
videos, docker, podman, tooling, comparisons |
Are You Boring Your Interviewer by Over-Explaining Context? (uxd) | | 140 |
career, interviewing, design |
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience | | 139 |
react, data-fetching, code-splitting, components, techniques |
Accessible Notifications With ARIA Live Regions II (sar) | | 138 |
accessibility, notifications, aria, live-regions |
Accessible Notifications With ARIA Live Regions (sar) | | 137 |
accessibility, notifications, aria, live-regions |
Combining “:has” and “:only-child” to Change Tab Containers (cri) | | 136 |
css, selectors |
Moving on From React (kel) | | 135 |
migrating, react, stimulus |
Optimizing SQL Queries by 23× | | 134 |
databases, sql, performance, optimization |
Performance and Stay Questions in 1:1s (j9t) | | 133 |
engineering-management, leadership, career, processes |
React Libraries for 2024 (rwi) | | 132 |
react, libraries, link-lists |
The Building Blocks of a Greenfield Vue Application in 2024 (fad) | | 131 |
vuejs, tooling, link-lists |
The Evolution of Page Speed (deb) | | 130 |
videos, performance, metrics, optimization, history |
Design Is Not Really a Thing (uxd) | | 129 |
design, user-experience |
Web Standards: The Guidelines That Every Developer Should Know | | 128 |
standards, history, w3c, html, css, xml, wcag |
Disable Browser Caching With “meta” HTML Tags | | 127 |
html, metadata, caching |
Hover Contrast Bookmarklet (joe) | | 126 |
bookmarklets, colors, contrast, focus, accessibility |
I Hate CORS | | 125 |
videos, cors, security |
Igalia Chats: Browser Politics and You (jaf+/iga) | | 124 |
podcasts, web-platform |
Why Did Frontend Development Become So Complicated? | | 123 |
processes, complexity, career |
Creating a Markdown Preprocessor for Svelte | | 122 |
svelte, sveltekit, markdown, functionality |
A Guide on Using Postman as a Frontend Developer in Web Development | | 121 |
guides, postman, apis |
Kind of Annoyed at React (cas) | | 120 |
react |
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor) | | 119 |
accessibility, ai, content |
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol) | | 118 |
web-components, javascript, callbacks, comparisons |
Building a Clean and Scalable Frontend Architecture | | 117 |
architecture, scalability, simplicity, maintainability |
Applying the SPACE Framework (lau) | | 116 |
productivity, metrics |
Eliminating Cookie Banners Is Hard (jef) | | 115 |
cookies, consent-management, legal |
How to Get Started With Progressive Web Apps | | 114 |
how-tos, web-apps, progressive-web-apps, comparisons |
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment) | | 113 |
how-tos, seo, google, experiments |
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn) | | 112 |
podcasts, javascript, performance, nodejs, optimization |
Options for “optgroup” Labeling of “options” (ste) | | 111 |
accessibility, html, forms, browsers, screen-readers, support |
Power of WebRTC | | 110 |
webrtc, apis |
Static Site Generators: A Growing Trend in Frontend Development | | 109 |
static-site-generation, site-generators, trends |
Type in TypeScript | | 108 |
typescript, types |
Avoid These 5 Mistakes as a Web Developer | | 107 |
career, mistakes, learning |
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev) | | 106 |
css |
Chrome Alternative Browsers to Check Out in 2024 | | 105 |
browsers, arc, the-browser-company, chromium, firefox, mozilla |
console.delight (zac/fro) | | 104 |
javascript, console, browsers, dev-tools, debugging |
If It’s Not Usable, It’s Not Accessible (tpg) | | 103 |
interviews, accessibility, usability, history |
The Stack I Used to Build My Blog in 2024 | | 102 |
tech-stacks, functionality |
Top Front-End Tools of 2023 (lou/sma) | | 101 |
tooling, link-lists, retrospectives |
Using “abbr” Element With “title” Attribute (aar) | | 100 |
html, attributes, accessibility, browsers, assistive-tech, support |
What I Have Learned From Conducting Over 100 Website Migrations (moz) | | 99 |
seo, migrating, testing |
Bringing Down the Digital Divide (uxd) | | 98 |
accessibility, user-experience |
Node.js Mastery: Advanced Development and Performance Tips | | 97 |
nodejs, servers, express, performance, testing, memory |
Compatibility of Node.js Versions With Packages | | 96 |
nodejs, versioning, dependencies |
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd) | | 95 |
design-systems, design-tokens, colors, figma |
Accounting for Internationalization With CSS and HTML | | 94 |
html, css, internationalization |
AI for Web Devs: Deploying Your AI App to Production (aus) | | 93 |
ai, deploying |
Buttons and Links—Common Misconceptions | | 92 |
accessibility, html, semantics, buttons, links |
Designing Better Target Sizes (sha) | | 91 |
accessibility, design, best-practices |
Dynamic Accessible Descriptions Reference (dar) | | 90 |
accessibility, testing |
Introducing fsx: A Modern Filesystem API for JavaScript (nza) | | 89 |
introductions, file-handling, apis, javascript |
Is htmx Just Another JavaScript Framework? (htm) | | 88 |
htmx, frameworks |
Node v20.11.0 (LTS) (nod) | | 87 |
release-notes, nodejs |
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc) | | 86 |
npm, retrospectives |
Release Notes for Safari Technology Preview 186 (jon/web) | | 85 |
release-notes, browsers, apple, safari |
Streaming HTML Out of Order Without JavaScript | | 84 |
html, streaming |
The Best Web Framework Doesn’t Exist | | 83 |
frameworks |
Understanding WCAG SC 3.2.6 Consistent Help (Level A) | | 82 |
accessibility, standards, wcag |
Using CSS Houdini to Extend Styling and Layout Capabilities (log) | | 81 |
css, houdini, apis, javascript |
We Removed Advertising Cookies, Here’s What Happened (sen) | | 80 |
cookies, sem |
High-Level System Architecture of Booking.com | | 79 |
architecture, microservices, case-studies |
Setting Up Renovate for GitHub Repositories | | 78 |
renovate, github, installing, configuration |
A Global Design System (bra) | | 77 |
design-systems |
An Alphabetized List of MIME Types | | 76 |
mime-types |
Definition of Done (DoD) Explanation and Example | | 75 |
agile, scrum, processes, quality, examples |
How We Built Project IDX: A High-Level Overview (goo) | | 74 |
overviews, project-idx, google, code-editors |
The Change You Wish to See | | 73 |
accessibility |
Understanding Immutability in JavaScript | | 72 |
videos, javascript |
A 2024 Wishlist for Node’s Test Runner (cji) | | 71 |
nodejs, testing |
2024 Resolution: Be More Open-Source Centric | | 70 |
foss, tooling, link-lists |
CRUD and SQL—the Basics | | 69 |
fundamentals, databases, sql |
Declaring Globals Isn’t That Hard (mat) | | 68 |
videos, javascript, typescript |
How Google Perfected the Web (ver) | | 67 |
google, web, seo |
htmx for React Developers in 10 Minutes | | 66 |
videos, htmx, react |
Let’s Make the IndieWeb Easier | | 65 |
indieweb, tooling |
SolidStart: A Different Breed of Meta-Framework (ati/sma) | | 64 |
frameworks, tooling |
Taking a Closer Look at “@ property” in CSS (uti) | | 63 |
css |
Top Pens of 2023 on CodePen (cod) | | 62 |
codepen, code-pens, link-lists, retrospectives |
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and) | | 61 |
css, scrolling, effects, progress-indicators |
What’s New in PHP 8.4 (ami) | | 60 |
php |
Where Have All the Websites Gone? (fro) | | 59 |
web, trends |
Why I Like Web Components | | 58 |
web-components, html |
Vue 3—Dynamic Components | | 57 |
vuejs, components |
Introduction to Data Engineering: A Complete Beginner’s Guide | | 56 |
guides, introductions, data-engineering |
How I’m Writing CSS in 2024 | | 55 |
css, tooling, developer-experience |
My Web Development Wishlist 2024 (j9t) | | 54 |
community, user-experience, developer-experience, quality, conformance, wish-lists |
Nested Dark Mode via CSS Proximity (doc) | | 53 |
css, dark-mode |
Notes on Using Logical Properties and Values (kiz) | | 52 |
css, logical-properties |
Becoming a Senior Frontend Engineer (tec) | | 51 |
career |
Embracing the Absurd in Your Design Practices (uxd) | | 50 |
design, processes |
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates | | 49 |
deploying, github-actions, ssh |
Weird Things Engineers Believe About Web Development | | 48 |
standards, web-apps, javascript, building, web-platform |
Your MVP Must Be Accessible (den) | | 47 |
accessibility |
Figma Is Not Forever | | 46 |
design, tooling, figma |
20+ Tools for Node.js Development in 2024 | | 45 |
nodejs, tooling, link-lists |
7 Front-End Web Development Trends for 2024 | | 44 |
trends, outlooks, libraries, frameworks, ai |
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe) | | 43 |
react, javascript, simplicity |
CSS in 2024, Am I Right? (jhe) | | 42 |
videos, css |
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r) | | 41 |
git, concepts, comparisons |
How to Use Template Literals in JavaScript (fre) | | 40 |
how-tos, javascript |
Software Quality | | 39 |
research, quality |
The Bulma CSS Framework: What It Is and How to Get Started | | 38 |
introductions, bulma |
Under the Radar CSS Features for Your CSS Reset (kev) | | 37 |
videos, css, resets |
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc) | | 36 |
npm, foss |
Mastering Promises: 8 Advanced Tips and Techniques | | 35 |
javascript, promises, asynchronicity, techniques, tips-and-tricks |
16 Lesser Known Accessibility Issues | | 34 |
accessibility |
Building Multiple Progressive Web Apps on the Same Domain (dev) | | 33 |
videos, web-apps, progressive-web-apps, architecture, security |
Is CSS Alive? (css) | | 32 |
css |
My CSS Resets (kei) | | 31 |
css, resets |
The Two Reacts (dan) | | 30 |
react, components, state-management |
The World of Web Browsers Is in a Bad Way (jen) | | 29 |
browsers, browser-engines, chromium, google |
Notes on MathML (w3c) | | 28 |
mathml |
AI Vertigo: Where Do We Go From Here as Designers? (uxd) | | 27 |
design, ai, career |
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the) | | 26 |
outlooks, javascript, frameworks, angular, nextjs, react, solidjs |
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec) | | 25 |
cookies, consent-management, legal |
Oh Shit Banners (eri) | | 24 |
design, history |
Stop Closing Void Elements (j9t) | | 23 |
html |
The AHA Stack (fla) | | 22 |
websites, tech-stacks, astro, htmx, alpinejs |
The Popular Vote of Interop 2024 (chr/fro) | | 21 |
interoperability, web-platform |
The Website vs. Web App Dichotomy Doesn’t Exist (jak) | | 20 |
concepts, terminology, comparisons |
Tyler’s CSS Wish List for 2024 (tyl/clo) | | 19 |
css, wish-lists |
Accessibility Options for Floating Action Buttons | | 18 |
accessibility, floats, buttons |
Getting Started With Vuetify: Building Beautiful Vue.js Apps | | 17 |
introductions, vuetify, vuejs |
Design Better Pagination | | 16 |
design, navigation, pagination |
Agile Anti-Patterns That Can Harm UX | | 15 |
agile, anti-patterns, user-experience, processes |
Are You Ignoring These 8 DevTools Features? | | 14 |
videos, browsers, google, chrome, dev-tools, auditing, debugging |
BCD Watch (mey+/iga) | | 13 |
websites, browsers, support, interoperability, web-platform |
How to Make External Links Accessible (pop) | | 12 |
how-tos, links, accessibility |
How to Set a Default Post Author in WordPress | | 11 |
how-tos, wordpress |
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat) | | 10 |
accessibility, testing, automation, tooling, shadow-dom, dom, web-components |
Stop Using Express.js | | 9 |
express |
The View Transitions API and Delightful UI Animations II (cod/sma) | | 8 |
css, animations, view-transitions, apis |
Worker Threads: Multitasking in NodeJS | | 7 |
nodejs, worker-threads, multithreading, link-lists |
7 Predictions for Web Design in 2024 (web) | | 6 |
design, outlooks |
The Best React Chart Libraries for Data Visualization in 2024 | | 5 |
react, libraries, visualization, comparisons, link-lists |
Understanding the Most Important HTTP Status Codes | | 4 |
protocols, http |
Mastering TypeScript: Looping With Types (ale) | | 3 |
typescript |
Top 30 JavaScript Interview Questions and Answers for 2024 | | 2 |
javascript, interviewing |
Top 30 JavaScript Interview Questions and Answers for 2025 | | 1 |
javascript, interviewing |