Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“2024” News Archive (7)

Entry (Sources) and Additional TopicsDate#
Onboarding (mfo)280
processes, onboarding, productivity, engineering-management
Celebrate a More Interoperable Web With Interop 2023279
web-platform, interoperability, browsers, support
New to the Web Platform in January278
release-notes, web-platform, browsers, firefox, chrome, safari
At Last, Browser Choice * (dav)277
legal, browsers, apple, mobile
Git: The Basics of “git bisect” (ada)276
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)275
how-tos, images, favicons
The Web Component Success Story (jak)274
web-components
Express Forward (exp)273
discussions, outlooks, express
The Loss of the Process in the Name of Progress272
design, creativity, productivity, processes
Debunking 10 Common Objections to Incremental Delivery for Software Teams271
agile, processes
Next.js App Router Migration: The Good, Bad, and Ugly270
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden (tid)269
legal, apple, browsers, mobile
Dynamic README Image Based on GitHub Activity268
readme, github
ESG and DEI Policies Were Always Luxury Goods267
dei, sustainability, policies
Practical Guide to Destructuring: TypeScript vs. Dart266
guides, typescript, dart, comparisons
A Guide to Styling Tables (sto)265
css, tables, responsive-design
Design Systems Burnout (fon)264
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)263
css, typography
The Singular Web (dut)262
web, web-platform, google, microsoft, amazon, apple
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)261
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)260
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)259
css, selectors, focus
Gold Text Effect With CSS (man)258
css, effects
Please, Don’t Force Me to Log In (ham)257
web, authentication, user-experience
Futuring With Design256
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)255
design, responsive-design, seo
HTML Web Components on the Server Are Great (sco)254
html, web-components
Inside .git (b0r)253
git
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)252
accessibility, ethics, overlays, community
The Impact of Developer Experience251
research, developer-experience, productivity, efficiency
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)250
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)249
introductions, release-notes, sustainability, hosting
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)248
accessibility, tips-and-tricks, processes
Animating Font Palette (man)247
css, colors, fonts, effects
One World, One Web, One Love (aar)246
web
Should Links Open in a New Tab? (stv)245
links, usability, user-experience
This Web Page Is Best Viewed in the EU (gri/clo)244
legal, browsers, apple, mobile, web
Using Alternative Browser Engines in the European Union243
apple, browsers, browser-engines, mobile
Deno 1.40: Temporal API (den)242
release-notes, deno, apis, time
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments241
studies, research, accessibility, ecommerce, legal
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js240
functionality, databases, sql, nodejs, django, nextjs
JWT vs. Session Authentication239
security, authentication, json-web-tokens, comparisons
CSS Blurry Shimmer Effect (sma)238
css, effects
14 Best SEO Tools in 2024 (web)237
seo, tooling, link-lists
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)236
design-systems, economics
Five Future Roles for Designers (jar)235
design, career, outlooks
On Web Components (tmc)234
web-components
User Styles (mia)233
css, user-styles, browsers
Web Components in Earnest (dav)232
web-components, javascript
What Can a Website Do? (dav)231
accessibility, usability, quality
What Happened With the Web Monetization API? (chr)230
monetization, apis
The API That No One Dared Delete229
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience228
user-experience, processes
Take a Qwik Break From React With Astro227
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)226
release-notes, browsers, safari
An Introduction to the Liquid Template Language225
introductions, liquid, template-engines
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware224
github, npm, security, malware, foss
Getting Started With Content Collections in Astro223
introductions, astro
The New CSS Color Format You Didn’t Know You Needed; “oklch()”222
css, colors, oklch, functions, tailwind
Better Form UX With the CSS Property “field-sizing” (sea)221
forms, user-experience, css
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)220
ai, browsers, google, chrome
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)219
css, scrolling, effects
LCP and FCP on Single Page Application on Soft Navigations (dws)218
performance, web-vitals, single-page-apps, navigation
Modern JavaScript Library Starter217
dependencies, npm, libraries
What Has a Ceiling but No Floor? (mat)216
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)215
html, modals
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)214
videos, interviews, tech-stacks, jamstack
In Praise of Buttons213
buttons
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development212
studies, research, ai, quality, technical-debt
The Web Is Unversioned (rhi/w3c)211
web-platform, versioning
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)210
ai, design, typography
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project209
javascript, typescript, documentation, jsdoc
Unit Testing With Jest and Integration With GitHub Actions208
testing, jest, github-actions, quality
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build207
culture, engineering-management, processes, comparisons
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)206
bookmarklets, accessibility, html, attributes, accesskeys, aria, keyboard-shortcuts
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)205
design, tooling, link-lists
Handling Environment Variables in Node.js (mco/pla)204
environments, variables, nodejs
Repetition Avoidance (ste)203
code-pens, accessibility, user-experience, aria
Use Tailwind CSS Prefixes for Shared Design System Components (sen)202
tailwind, design-systems, components
What Is Jest and Why Should I Use It? (cod)201
jest
How a Web-Site Redesign Can Impact the Customer Journey (uxm)200
redesigning, user-experience
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website199
pjpeg, jpeg, images, performance, comparisons
WebKit Features in Safari 17.3 (jen/web)198
release-notes, browsers, safari, webkit
Battle of the Browsers (zer)197
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Could Local SEO Transform Your User Experience? (uxm)196
seo, user-experience
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)195
accessibility, processes, testing
Layouts in Astro194
astro
Continuous Accessibility: What, Why, How (seg/ass)193
accessibility, processes, testing, tooling
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)192
accessibility, design, html, aria
The World’s Smallest PNG (eva)191
images, png, minimalism
Why I Don’t Care About Website/Blog Stats (nei)190
blogging, metrics, sem
Vector Database Recommender System (ast)189
databases, vector-databases
What Is Our Design Intention?188
design, processes
What Is CSS Motion Path?187
css, svg, animations
A Call for Consensus on HTML Semantics (5t3)186
html, semantics
The Bun Shell (jar/bun)185
bun, javascript, shells
Mastering Node CSV184
nodejs, csv
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)183
javascript, security, debugging, firefox, browsers
12 Modern CSS One-Line Upgrades (5t3)182
css
Under-Supported and Underpaid (aar)181
accessibility, career, economics, craft
Making CSS View Transitions Easy With Velvette (nom/cod)180
css, view-transitions, tooling
Why Do Reflows Negatively Affect Performance? (fro)179
performance, reflow
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)178
accessibility, legal
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)177
css, gradients, transparency+opacity
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)176
videos, interviews, css, web, browsers, safari
How Core Web Vitals Affect SEO (ind)175
performance, web-vitals, lighthouse, seo
The Color Input and the Color Picker (chr/fro)174
html, colors, usability
Node.js vs. Python: Which One to Choose for 2024173
nodejs, python, comparisons
Astro 4.2 (eri+)172
astro, release-notes
Deceptive Deprecation: The Truth About npm Deprecated Packages171
deprecation, security, npm, dependencies, research
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript170
functionality, html, css, javascript
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)169
introductions, scrolling, animations, css, functions
AI Art Is the New Stock Image (ia)168
design, ai, images
Basic Accessibility Mistakes I Often See in Audits (cfe)167
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
Dispatching an Event (chr/fro)166
javascript, events
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)165
notifications, errors, validation, usability
Fading Content Using Transparent Gradient in CSS (ami)164
css, gradients, transparency+opacity, effects
The Designer’s Guide to Social Computing163
guides, design, social-media
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)162
nodejs, dependencies, nvm
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)161
videos, javascript, arrays, sorting, comparisons
Safely Accessing the DOM With Angular SSR160
security, dom, javascript, angular, server-side-rendering
APA-Style Titles in Laravel (ami)159
writing, conventions, laravel
Disillusioned With Deno (bal)158
deno
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)157
nodejs, security
Stop Trying to Recruit Unicorns With Acorns (cra)156
accessibility, career
The Complex but Awesome CSS “border-image” Property (css/sma)155
css, borders, techniques
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience154
react, data-fetching, code-splitting, components, techniques
The Golden Rule of Assertions153
javascript, testing
Practical Guide to Usability Testing152
guides, usability, testing
Guide to Fast Next.js151
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Measuring Developer Productivity: Real-World Examples (ger)150
productivity, metrics, developer-experience, google, microsoft
Is It Time to Switch From Docker to Podman?149
videos, docker, podman, tooling, comparisons
14 Things to Check Before Deploying a Website148
deploying, quality, processes
Are You Boring Your Interviewer by Over-Explaining Context?147
career, interviewing, design
Difference Between “getElementByID” and “querySelector”146
javascript, css, selectors
Git Lesson: How to Use .gitignore and .gitkeep?145
git, how-tos
Accessible Notifications With ARIA Live Regions II (sar)144
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions (sar)143
accessibility, notifications, aria, live-regions
Moving on From React (kel)142
migrating, react, stimulus
Performance and Stay Questions in 1:1s (j9t)141
engineering-management, leadership, career, processes
React Libraries for 2024 (rwi)140
react, libraries, link-lists
The Building Blocks of a Greenfield Vue Application in 2024 (fad)139
vuejs, tooling, link-lists
Web Standards: The Guidelines That Every Developer Should Know138
standards, history, w3c, html, css, xml, wcag
Why I Use Alpine.js (fla)137
alpinejs
Why I Use htmx (fla)136
htmx
Combining “:has” and “:only-child” to Change Tab Containers (cri)135
css, selectors
Dynamically Darken or Lighten a Color in CSS (bpu)134
css, colors, functions
The Evolution of Page Speed (mat/deb)133
videos, performance, metrics, optimization, history
Design Is Not Really a Thing132
design, user-experience
Optimizing SQL Queries by 23×131
databases, sql, performance, optimization
Igalia Chats: Browser Politics and You (jaf+/iga)130
podcasts, web-platform
Why Did Frontend Development Become So Complicated?129
processes, complexity, career
Creating a Markdown Preprocessor for Svelte128
svelte, sveltekit, markdown, functionality
Hover Contrast Bookmarklet (joe)127
bookmarklets, hover, colors, contrast, focus, accessibility
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)126
videos, dependencies, security, dependabot
I Hate CORS125
videos, cors, security
Disable Browser Caching With “meta” HTML Tags124
html, metadata, caching
A Guide on Using Postman as a Frontend Developer in Web Development123
guides, postman, apis
Kind of Annoyed at React (cas)122
react
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)121
accessibility, ai, content
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)120
web-components, javascript, callbacks, comparisons
Building a Clean and Scalable Frontend Architecture119
architecture, scalability, simplicity, maintainability
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)118
nodejs, modules
Eliminating Cookie Banners Is Hard (jef)117
cookies, consent-management, legal
Options for “optgroup” Labeling of “options” (ste)116
accessibility, html, forms, browsers, screen-readers, support
Static Site Generators: A Growing Trend in Frontend Development115
static-site-generation, site-generators, trends
Type in TypeScript114
typescript, types
Avoid These 5 Mistakes as a Web Developer113
career, mistakes, learning
How to Get Started With Progressive Web Apps112
how-tos, web-apps, progressive-web-apps, comparisons
Applying the SPACE Framework (lau)111
productivity, metrics
Power of WebRTC110
webrtc, apis
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)109
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)108
how-tos, seo, google, experiments
console.delight (zac/fro)107
javascript, console, browsers, dev-tools, debugging
Top Front-End Tools of 2023 (lou/sma)106
tooling, link-lists, retrospectives
Using “abbr” Element With “title” Attribute (aar)105
html, attributes, accessibility, browsers, assistive-tech, support
Node.js Mastery: Advanced Development and Performance Tips104
nodejs, servers, express, performance, testing, memory
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)103
css
The Stack I Used to Build My Blog in 2024102
tech-stacks, functionality
Chrome Alternative Browsers to Check Out in 2024101
browsers, arc, chromium, orion, firefox
If It’s Not Usable, It’s Not Accessible (slo/tpg)100
interviews, accessibility, usability, history
Compatibility of Node.js Versions With Packages99
nodejs, versioning, dependencies
Creating a Color Ramp Using Color Modifiers in Tokens Studio98
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide97
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)96
seo, migrating, testing
AI for Web Devs: Deploying Your AI App to Production (aus)95
ai, deploying
Designing Better Target Sizes (sha)94
accessibility, design, best-practices
Dynamic Accessible Descriptions Reference (dar)93
accessibility, testing
Introducing fsx: A Modern Filesystem API for JavaScript (nza)92
introductions, file-handling, apis, javascript
Using CSS Houdini to Extend Styling and Layout Capabilities (log)91
css, houdini, apis, javascript
High-Level System Architecture of Booking.com90
architecture, microservices, case-studies
We Removed Advertising Cookies, Here’s What Happened (get)89
cookies, sem
Understanding WCAG SC 3.2.6 Consistent Help (Level A)88
accessibility, standards, wcag
Accounting for Internationalization With CSS and HTML (spa)87
html, css, internationalization
Release Notes for Safari Technology Preview 186 (jon/web)86
release-notes, browsers, safari
The Best Web Framework Doesn’t Exist85
frameworks
Node v20.11.0 (LTS) (nod)84
release-notes, nodejs
Setting Up Renovate for GitHub Repositories83
renovate, github, installing, configuration
Buttons and Links—Common Misconceptions82
accessibility, html, semantics, buttons, links
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (bur/soc)81
npm, retrospectives
Streaming HTML Out of Order Without JavaScript80
html, streaming
Is htmx Just Another JavaScript Framework? (htm)79
htmx, frameworks
A Global Design System (bra)78
design-systems
The Change You Wish to See77
accessibility
How We Built Project IDX: A High-Level Overview76
overviews, project-idx, google, code-editors
An Alphabetized List of MIME Types75
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)74
nodejs, testing
Definition of Done (DoD) Explanation and Example73
agile, scrum, processes, quality, examples
Understanding Immutability in JavaScript72
videos, javascript
Declaring Globals Isn’t That Hard (mat)71
videos, javascript, typescript
How Google Perfected the Web (ver)70
google, web, seo
Let’s Make the IndieWeb Easier69
indieweb, tooling
Top Pens of 2023 on CodePen (cod)68
codepen, code-pens, link-lists, retrospectives
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)67
css, scrolling, effects, progress-indicators
What’s New in PHP 8.4 (ami)66
php
Where Have All the Websites Gone? (fro)65
web, trends
Why I Like Web Components64
web-components, html
Introduction to Data Engineering: A Complete Beginner’s Guide63
guides, introductions, data-engineering
Vue 3—Dynamic Components62
vuejs, components
Taking a Closer Look at “@property” in CSS (uti)61
css
htmx for React Developers in 10 Minutes (jhe)60
videos, htmx, react
SolidStart: A Different Breed of Meta-Framework (ati/sma)59
frameworks, tooling, solidstart, solidjs
CRUD and SQL—the Basics58
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric57
foss, tooling, link-lists
My Web Development Wishlist 2024 (j9t)56
community, user-experience, developer-experience, quality, conformance, wish-lists
Nested Dark Mode via CSS Proximity (doc)55
css, dark-mode
Notes on Using Logical Properties and Values (kiz)54
css, logical-properties
Becoming a Senior Frontend Engineer (tec)53
career
How I’m Writing CSS in 2024 (lee)52
css, tooling, developer-experience
Embracing the Absurd in Your Design Practices51
design, processes
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates50
deploying, github-actions, ssh
Your MVP Must Be Accessible (den)49
accessibility
Weird Things Engineers Believe About Web Development48
standards, web-apps, javascript, building, web-platform
Figma Is Not Forever47
design, tooling, figma
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)46
react, javascript, simplicity
CSS in 2024, Am I Right? (jhe)45
videos, css
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)44
git, concepts, comparisons
How to Use Template Literals in JavaScript (fre)43
how-tos, javascript
Under the Radar CSS Features for Your CSS Reset (kev)42
videos, css, resets
20+ Tools for Node.js Development in 202441
nodejs, tooling, link-lists
Software Quality40
research, quality
The Bulma CSS Framework: What It Is and How to Get Started39
introductions, bulma
7 Front-End Web Development Trends for 202438
trends, outlooks, libraries, frameworks, ai
Mastering Promises: 8 Advanced Tips and Techniques37
javascript, promises, asynchrony, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)36
npm, foss
Is CSS Alive? (css)35
css
My CSS Resets (kei)34
css, resets
The Two Reacts (dan)33
react, components, state-management
16 Lesser Known Accessibility Issues32
accessibility
The World of Web Browsers Is in a Bad Way (jen)31
browsers, browser-engines, chromium, google
Detecting AI Fingerprints: A Guide to Watermarking and Beyond (bro)30
guides, ai, fingerprinting, watermarking
AI Vertigo: Where Do We Go From Here as Designers?29
design, ai, career
Building Multiple Progressive Web Apps on the Same Domain28
videos, web-apps, progressive-web-apps, architecture, security
Notes on MathML (w3c)27
mathml
Oh Shit Banners (eri)26
design, history
Stop Closing Void Elements (j9t)25
html
The AHA Stack (fla)24
websites, tech-stacks, astro, htmx, alpinejs
The Popular Vote of Interop 2024 (chr/fro)23
interoperability, web-platform
The Website vs. Web App Dichotomy Doesn’t Exist (jak)22
concepts, terminology, comparisons
Tyler’s CSS Wish List for 2024 (tyl/clo)21
css, wish-lists
Getting Started With Vuetify: Building Beautiful Vue.js Apps20
introductions, vuetify, vuejs
2024 Predictions by JavaScript Frontend Framework Maintainers19
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)18
cookies, consent-management, legal
Design Better Pagination17
design, navigation, pagination
Accessibility Options for Floating Action Buttons16
accessibility, floats, buttons
BCD Watch (mey+/iga)15
websites, browsers, support, interoperability, web-platform
How to Make External Links Accessible (pop)14
how-tos, links, accessibility
How to Set a Default Post Author in WordPress13
how-tos, wordpress
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)12
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
The View Transitions API and Delightful UI Animations II (cod/sma)11
css, animations, view-transitions, apis
Worker Threads: Multitasking in NodeJS10
nodejs, worker-threads, multithreading, link-lists
Stop Using Express.js9
express
Are You Ignoring These 8 DevTools Features?8
videos, browsers, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX7
agile, anti-patterns, user-experience, processes
Mastering TypeScript: Looping With Types (ale)6
typescript
Top 30 JavaScript Interview Questions and Answers for 20245
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 20254
javascript, interviewing
The Best React Chart Libraries for Data Visualization in 20243
react, libraries, visualization, comparisons, link-lists
7 Predictions for Web Design in 2024 (web)2
design, outlooks
Understanding the Most Important HTTP Status Codes1
protocols, http