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 and included. Hide

Frontend Dogma

“2024” News Archive (7)

Entry (Sources) and Additional TopicsDate#
Gold Text Effect With CSS (man)257
css, effects
Please, Don’t Force Me to Log In (ham)256
web, authentication, user-experience
Futuring With Design255
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)254
design, responsive-design, seo
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)253
accessibility, tips-and-tricks, processes
HTML Web Components on the Server Are Great (sco)252
html, web-components
Inside .git (b0r)251
git
Introducing Our Updated [Green Web Hosting] Directory (mrc)250
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)249
browsers, apple, mozilla, firefox, mobile
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)248
accessibility, ethics, overlays, community
The Impact of Developer Experience247
research, developer-experience, productivity, efficiency
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js246
functionality, databases, sql, nodejs, django, nextjs
Animating Font Palette (man)245
css, colors, fonts, effects
CSS Blurry Shimmer Effect (sma)244
css, effects
JWT vs. Session Authentication243
security, authentication, json-web-tokens, comparisons
One World, One Web, One Love (aar)242
web
Should Links Open in a New Tab? (stv)241
links, usability, user-experience
This Web Page Is Best Viewed in the EU (gri/clo)240
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments239
studies, research, accessibility, ecommerce, legal
Using Alternative Browser Engines in the European Union238
apple, browsers, browser-engines, mobile
Deno 1.40: Temporal API (den)237
release-notes, deno, apis, time
14 Best SEO Tools in 2024 (web)236
seo, tooling, link-lists
An Introduction to the Liquid Template Language235
introductions, liquid, template-engines
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)234
design-systems, economics
Five Future Roles for Designers (jar)233
design, career, outlooks
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware232
github, npm, security, malware, foss
On Web Components (tmc)231
web-components
Release Notes for Safari Technology Preview 187 (jon/web)230
release-notes, browsers, apple, safari
The New CSS Color Format You Didn’t Know You Needed; “oklch()”229
css, colors, oklch, functions, tailwind
User Styles (mia)228
css, user-styles, browsers
Web Components in Earnest (dav)227
web-components, javascript
What Can a Website Do? (dav)226
accessibility, usability, quality
What Happened With the Web Monetization API? (chr)225
monetization, apis
The API That No One Dared Delete224
apis, infrastructure, documentation, maintenance, technical-debt
Getting Started With Content Collections in Astro223
introductions, astro
The Structure of User Experience222
user-experience, processes
Take a Qwik Break From React With Astro221
qwik, react, astro, frameworks, comparisons
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build220
culture, engineering-management, processes, comparisons
Better Form UX With the CSS Property “field-sizing” (sea)219
forms, user-experience, css
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)218
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)217
videos, interviews, tech-stacks, jamstack
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)216
ai, browsers, google, chrome
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)215
css, scrolling, effects
In Praise of Buttons214
buttons
LCP and FCP on Single Page Application on Soft Navigations (dws)213
performance, web-vitals, single-page-apps, navigation
Modern JavaScript Library Starter212
dependencies, npm, libraries
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development211
studies, research, ai, quality, technical-debt
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)210
ai, design, typography
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)209
html, modals
What Has a Ceiling but No Floor? (mat)208
accessibility, apple, facebook+meta
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project207
javascript, typescript, documentation, jsdoc
The Web Is Unversioned (rhi/w3c)206
web-platform, versioning
Unit Testing With Jest and Integration With GitHub Actions205
testing, jest, github-actions, quality
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)204
design, tooling, link-lists
Battle of the Browsers (zer)203
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
Continuous Accessibility: What, Why, How (ass)202
accessibility, processes, testing, tooling
Could Local SEO Transform Your User Experience? (uxm)201
seo, user-experience
Handling Environment Variables in Node.js (mco/pla)200
environments, variables, nodejs
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)199
accessibility, processes, testing
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website198
pjpeg, jpeg, images, performance, comparisons
Repetition Avoidance (ste)197
code-pens, accessibility, user-experience, aria
Use Tailwind CSS Prefixes for Shared Design System Components (sen)196
tailwind, design-systems, components
WebKit Features in Safari 17.3 (jen/web)195
release-notes, browsers, apple, safari, webkit
What Is Jest and Why Should I Use It? (cod)194
jest
Layouts in Astro193
astro
How a Web-Site Redesign Can Impact the Customer Journey (uxm)192
redesigning, user-experience
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)191
accessibility, design, html, aria
The World’s Smallest PNG (eva)190
images, png, minimalism
What Is CSS Motion Path?189
css, svg, animations
Why I Don’t Care About Website/Blog Stats (nei)188
blogging, metrics, sem
Vector Database Recommender System (ast)187
databases, vector-databases
What Is Our Design Intention?186
design, processes
A Call for Consensus on HTML Semantics (5t3)185
html, semantics
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)184
javascript, security, debugging, firefox, mozilla, browsers
The Bun Shell (jar/bun)183
bun, javascript, shells
Mastering Node CSV182
nodejs, csv
12 Modern CSS One-Line Upgrades (5t3)181
css
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)180
videos, interviews, css, web, browsers, apple, safari
Under-Supported and Underpaid (aar)179
accessibility, career, economics, craft
How Core Web Vitals Affect SEO (ind)178
performance, web-vitals, lighthouse, google, seo
Making CSS View Transitions Easy With Velvette (nom/cod)177
css, view-transitions, tooling
Why Do Reflows Negatively Affect Performance? (fro)176
performance, reflow
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)175
accessibility, legal
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)174
css, gradients, transparency+opacity
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript173
functionality, html, css, javascript
The Color Input and the Color Picker (chr/fro)172
html, colors, usability
Deceptive Deprecation: The Truth About npm Deprecated Packages171
deprecation, security, npm, dependencies, research
Node.js vs. Python: Which One to Choose for 2024170
nodejs, python, comparisons
Astro 4.2 (eri+)169
astro, release-notes
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)168
introductions, scrolling, animations, css, functions
AI Art Is the New Stock Image (ia)167
design, ai, images
Basic Accessibility Mistakes I Often See in Audits (cfe)166
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
Dispatching an Event (chr/fro)165
javascript, events
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)164
videos, javascript, arrays, sorting, comparisons
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)163
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR162
security, dom, javascript, angular, server-side-rendering
Fading Content Using Transparent Gradient in CSS (ami)161
css, gradients, transparency+opacity, effects
The Designer’s Guide to Social Computing160
guides, design, social-media
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)159
nodejs, dependencies, nvm
14 Things to Check Before Deploying a Website158
deploying, quality, processes
APA-Style Titles in Laravel (ami)157
writing, conventions, laravel
Difference Between “getElementByID” and “querySelector”156
javascript, css, selectors
Disillusioned With Deno (bal)155
deno
Git Lesson: How to Use .gitignore and .gitkeep?154
git, how-tos
Measuring Developer Productivity: Real-World Examples (ger)153
productivity, metrics, developer-experience, google, microsoft
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)152
nodejs, security
Stop Trying to Recruit Unicorns With Acorns (cra)151
accessibility, career
The Complex but Awesome CSS “border-image” Property (css/sma)150
css, borders, techniques
Is It Time to Switch From Docker to Podman?149
videos, docker, podman, tooling, comparisons
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience148
react, data-fetching, code-splitting, components, techniques
The Golden Rule of Assertions147
javascript, testing
Practical Guide to Usability Testing146
guides, usability, testing
Guide to Fast Next.js145
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Are You Boring Your Interviewer by Over-Explaining Context?144
career, interviewing, design
Accessible Notifications With ARIA Live Regions II (sar)143
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions (sar)142
accessibility, notifications, aria, live-regions
Moving on From React (kel)141
migrating, react, stimulus
Optimizing SQL Queries by 23×140
databases, sql, performance, optimization
Performance and Stay Questions in 1:1s (j9t)139
engineering-management, leadership, career, processes
React Libraries for 2024 (rwi)138
react, libraries, link-lists
The Building Blocks of a Greenfield Vue Application in 2024 (fad)137
vuejs, tooling, link-lists
Web Standards: The Guidelines That Every Developer Should Know136
standards, history, w3c, html, css, xml, wcag
Why I Use Alpine.js (fla)135
alpinejs
Why I Use htmx (fla)134
htmx
Combining “:has” and “:only-child” to Change Tab Containers (cri)133
css, selectors
Dynamically Darken or Lighten a Color in CSS (bpu)132
css, colors, functions
The Evolution of Page Speed (mat/deb)131
videos, performance, metrics, optimization, history
Design Is Not Really a Thing130
design, user-experience
I Hate CORS129
videos, cors, security
Igalia Chats: Browser Politics and You (jaf+/iga)128
podcasts, web-platform
Why Did Frontend Development Become So Complicated?127
processes, complexity, career
Creating a Markdown Preprocessor for Svelte126
svelte, sveltekit, markdown, functionality
Disable Browser Caching With “meta” HTML Tags125
html, metadata, caching
Hover Contrast Bookmarklet (joe)124
bookmarklets, hover, colors, contrast, focus, accessibility
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)123
videos, dependencies, security, dependabot
A Guide on Using Postman as a Frontend Developer in Web Development122
guides, postman, apis
Kind of Annoyed at React (cas)121
react
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)120
accessibility, ai, content
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)119
web-components, javascript, callbacks, comparisons
Building a Clean and Scalable Frontend Architecture118
architecture, scalability, simplicity, maintainability
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)117
nodejs, modules
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 Apps114
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 WebRTC110
webrtc, apis
Static Site Generators: A Growing Trend in Frontend Development109
static-site-generation, site-generators, trends
Type in TypeScript108
typescript, types
Avoid These 5 Mistakes as a Web Developer107
career, mistakes, learning
console.delight (zac/fro)106
javascript, console, browsers, dev-tools, debugging
If It’s Not Usable, It’s Not Accessible (tpg)105
interviews, accessibility, usability, history
Top Front-End Tools of 2023 (lou/sma)104
tooling, link-lists, retrospectives
Using “abbr” Element With “title” Attribute (aar)103
html, attributes, accessibility, browsers, assistive-tech, support
What I Have Learned From Conducting Over 100 Website Migrations (moz)102
seo, migrating, testing
Compatibility of Node.js Versions With Packages101
nodejs, versioning, dependencies
Chrome Alternative Browsers to Check Out in 2024100
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Node.js Mastery: Advanced Development and Performance Tips99
nodejs, servers, express, performance, testing, memory
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)98
css
The Stack I Used to Build My Blog in 202497
tech-stacks, functionality
Bringing Down the Digital Divide96
accessibility, user-experience
Creating a Color Ramp Using Color Modifiers in Tokens Studio95
design-systems, design-tokens, colors, figma
AI for Web Devs: Deploying Your AI App to Production (aus)94
ai, deploying
Buttons and Links—Common Misconceptions93
accessibility, html, semantics, buttons, links
Designing Better Target Sizes (sha)92
accessibility, design, best-practices
Dynamic Accessible Descriptions Reference (dar)91
accessibility, testing
Introducing fsx: A Modern Filesystem API for JavaScript (nza)90
introductions, file-handling, apis, javascript
Is htmx Just Another JavaScript Framework? (htm)89
htmx, frameworks
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)88
npm, retrospectives
Release Notes for Safari Technology Preview 186 (jon/web)87
release-notes, browsers, apple, safari
Streaming HTML Out of Order Without JavaScript86
html, streaming
The Best Web Framework Doesn’t Exist85
frameworks
Using CSS Houdini to Extend Styling and Layout Capabilities (log)84
css, houdini, apis, javascript
High-Level System Architecture of Booking.com83
architecture, microservices, case-studies
Setting Up Renovate for GitHub Repositories82
renovate, github, installing, configuration
We Removed Advertising Cookies, Here’s What Happened (get)81
cookies, sem
Understanding WCAG SC 3.2.6 Consistent Help (Level A)80
accessibility, standards, wcag
Node v20.11.0 (LTS) (nod)79
release-notes, nodejs
Accounting for Internationalization With CSS and HTML (spa)78
html, css, internationalization
A Global Design System (bra)77
design-systems
Definition of Done (DoD) Explanation and Example76
agile, scrum, processes, quality, examples
How We Built Project IDX: A High-Level Overview (goo)75
overviews, project-idx, google, code-editors
The Change You Wish to See74
accessibility
Understanding Immutability in JavaScript73
videos, javascript
A 2024 Wishlist for Node’s Test Runner (cji)72
nodejs, testing
An Alphabetized List of MIME Types71
mime-types
2024 Resolution: Be More Open-Source Centric70
foss, tooling, link-lists
CRUD and SQL—the Basics69
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 Minutes66
videos, htmx, react
Let’s Make the IndieWeb Easier65
indieweb, tooling
Top Pens of 2023 on CodePen (cod)64
codepen, code-pens, link-lists, retrospectives
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)63
css, scrolling, effects, progress-indicators
What’s New in PHP 8.4 (ami)62
php
Where Have All the Websites Gone? (fro)61
web, trends
Why I Like Web Components60
web-components, html
Introduction to Data Engineering: A Complete Beginner’s Guide59
guides, introductions, data-engineering
SolidStart: A Different Breed of Meta-Framework (ati/sma)58
frameworks, tooling, solidjs
Vue 3—Dynamic Components57
vuejs, components
Taking a Closer Look at “@property” in CSS (uti)56
css
How I’m Writing CSS in 202455
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 Practices50
design, processes
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates49
deploying, github-actions, ssh
Weird Things Engineers Believe About Web Development48
standards, web-apps, javascript, building, web-platform
Your MVP Must Be Accessible (den)47
accessibility
Figma Is Not Forever46
design, tooling, figma
7 Front-End Web Development Trends for 202445
trends, outlooks, libraries, frameworks, ai
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)44
react, javascript, simplicity
CSS in 2024, Am I Right? (jhe)43
videos, css
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)42
git, concepts, comparisons
How to Use Template Literals in JavaScript (fre)41
how-tos, javascript
The Bulma CSS Framework: What It Is and How to Get Started40
introductions, bulma
Under the Radar CSS Features for Your CSS Reset (kev)39
videos, css, resets
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)38
npm, foss
Mastering Promises: 8 Advanced Tips and Techniques37
javascript, promises, asynchronicity, techniques, tips-and-tricks
20+ Tools for Node.js Development in 202436
nodejs, tooling, link-lists
Software Quality35
research, quality
16 Lesser Known Accessibility Issues34
accessibility
Is CSS Alive? (css)33
css
My CSS Resets (kei)32
css, resets
The Two Reacts (dan)31
react, components, state-management
The World of Web Browsers Is in a Bad Way (jen)30
browsers, browser-engines, chromium, google
Notes on MathML (w3c)29
mathml
Building Multiple Progressive Web Apps on the Same Domain28
videos, web-apps, progressive-web-apps, architecture, security
AI Vertigo: Where Do We Go From Here as Designers?27
design, ai, career
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)26
cookies, consent-management, legal
Oh Shit Banners (eri)25
design, history
Stop Closing Void Elements (j9t)24
html
The AHA Stack (fla)23
websites, tech-stacks, astro, htmx, alpinejs
The Popular Vote of Interop 2024 (chr/fro)22
interoperability, web-platform
The Website vs. Web App Dichotomy Doesn’t Exist (jak)21
concepts, terminology, comparisons
Tyler’s CSS Wish List for 2024 (tyl/clo)20
css, wish-lists
Accessibility Options for Floating Action Buttons19
accessibility, floats, buttons
Getting Started With Vuetify: Building Beautiful Vue.js Apps18
introductions, vuetify, vuejs
Design Better Pagination17
design, navigation, pagination
2024 Predictions by JavaScript Frontend Framework Maintainers (low)16
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Agile Anti-Patterns That Can Harm UX15
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 WordPress11
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.js9
express
The View Transitions API and Delightful UI Animations II (cod/sma)8
css, animations, view-transitions, apis
Worker Threads: Multitasking in NodeJS7
nodejs, worker-threads, multithreading, link-lists
7 Predictions for Web Design in 2024 (web)6
design, outlooks
Understanding the Most Important HTTP Status Codes5
protocols, http
Mastering TypeScript: Looping With Types (ale)4
typescript
Top 30 JavaScript Interview Questions and Answers for 20243
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 20252
javascript, interviewing
The Best React Chart Libraries for Data Visualization in 20241
react, libraries, visualization, comparisons, link-lists