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, accountability, and support. Hide

dxsrc

“2024” News Archive (7)

Entry (Sources) and Additional TopicsDate#
Is Generated Code Harder to Maintain?285
discussions, ai, maintainability, maintenance
Tuesday, February 6, 2024 Security Releases (raf/nod)284
release-notes, nodejs, security
Use CSS “accent-color” to Style Your Inputs (cas)283
css, forms
The Psychology of Site Speed and Human Happiness (tam/spe)282
performance, usability
Celebrate a More Interoperable Web With Interop 2023281
web-platform, interoperability, browsers, support
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)280
guides, foss, collaboration
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)279
html, css
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)278
css, units, fonts
Express Forward (exp)277
discussions, outlooks, express
At Last, Browser Choice * (dav)276
legal, browsers, apple, mobile
Git: The Basics of “git bisect” (ada)275
fundamentals, git
The Web Component Success Story (jak)274
web-components
The EU Forces Open Apple’s Walled Garden (tid)273
legal, apple, browsers, mobile
Dynamic README Image Based on GitHub Activity272
readme, github
ESG and DEI Policies Were Always Luxury Goods271
dei, sustainability, policies
The Loss of the Process in the Name of Progress270
design, creativity, productivity, processes
Next.js App Router Migration: The Good, Bad, and Ugly269
nextjs, routing, migrating
Practical Guide to Destructuring: TypeScript vs. Dart268
guides, typescript, dart, comparisons
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)267
how-tos, images, favicons
Debunking 10 Common Objections to Incremental Delivery for Software Teams266
agile, processes
The Singular Web (dut)265
web, web-platform, google, microsoft, amazon, apple
Design Systems Burnout (fon)264
design-systems
A Guide to Styling Tables (sto)263
css, tables, responsive-design
Nicer Text Wrapping With CSS “text-wrap” (lon)262
css, typography
Futuring With Design261
design, creativity, processes
Gold Text Effect With CSS (man)260
css, effects
Please, Don’t Force Me to Log In (ham)259
web, authentication, user-experience
Apple, the DMA, and Malicious Compliance (bru)258
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)257
css, selectors, focus
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)256
legal, browsers, apple, iphone, mobile
Inside .git (b0r)255
git
Introducing Our Updated [Green Web Hosting] Directory (mrc)254
introductions, release-notes, sustainability, hosting
The Impact of Developer Experience253
research, developer-experience, productivity, efficiency
HTML Web Components on the Server Are Great (sco)252
html, web-components
5 Web Design Disasters That Will Ruin Your 2024 (web)251
design, responsive-design, seo
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)250
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)249
browsers, apple, mozilla, firefox, mobile
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)248
accessibility, tips-and-tricks, processes
Deno 1.40: Temporal API (den)247
release-notes, deno, apis, time
Animating Font Palette (man)246
css, colors, fonts, effects
CSS Blurry Shimmer Effect (sma)245
css, effects
One World, One Web, One Love (aar)244
web
JWT vs. Session Authentication243
security, authentication, json-web-tokens, comparisons
Should Links Open in a New Tab? (stv)242
links, usability, user-experience
This Web Page Is Best Viewed in the EU (gri/clo)241
legal, browsers, apple, mobile, web
Using Alternative Browser Engines in the European Union240
apple, browsers, browser-engines, mobile
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js239
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments238
studies, research, accessibility, ecommerce, legal
User Styles (mia)237
css, user-styles, browsers
On Web Components (tmc)236
web-components
What Can a Website Do? (dav)235
accessibility, usability, quality
14 Best SEO Tools in 2024 (web)234
seo, tooling, link-lists
Web Components in Earnest (dav)233
web-components, javascript
Five Future Roles for Designers (jar)232
design, career, outlooks
The API That No One Dared Delete231
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience230
user-experience, processes
Take a Qwik Break From React With Astro229
qwik, react, astro, frameworks, comparisons
What Happened With the Web Monetization API? (chr)228
monetization, apis
An Introduction to the Liquid Template Language227
introductions, liquid, template-engines
Release Notes for Safari Technology Preview 187 (jon/web)226
release-notes, browsers, safari
Getting Started With Content Collections in Astro225
introductions, astro
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)224
design-systems, economics
The New CSS Color Format You Didn’t Know You Needed; “oklch()”223
css, colors, oklch, functions, tailwind
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware222
github, npm, security, malware, foss
In Praise of Buttons221
buttons
The Web Is Unversioned (rhi/w3c)220
web-platform, versioning
What Has a Ceiling but No Floor? (mat)219
accessibility, apple, facebook+meta
Modern JavaScript Library Starter218
dependencies, npm, libraries
Better Form UX With the CSS Property “field-sizing” (sea)217
forms, user-experience, css
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)216
bookmarklets, accessibility, html, attributes, accesskeys, aria, keyboard-shortcuts
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)215
videos, interviews, tech-stacks, jamstack
LCP and FCP on Single Page Application on Soft Navigations (dws)214
performance, web-vitals, single-page-apps, navigation
Unit Testing With Jest and Integration With GitHub Actions213
testing, jest, github-actions, quality
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)212
html, modals
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)211
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)210
ai, browsers, google, chrome
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project209
javascript, typescript, documentation, jsdoc
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build208
culture, engineering-management, processes, comparisons
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)207
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development206
studies, research, ai, quality, technical-debt
Layouts in Astro205
astro
Repetition Avoidance (ste)204
code-pens, accessibility, user-experience, aria
Battle of the Browsers (zer)203
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
WebKit Features in Safari 17.3 (web)202
release-notes, browsers, safari, webkit
What Is Jest and Why Should I Use It? (cod)201
jest
Continuous Accessibility: What, Why, How (seg/ass)200
accessibility, processes, testing, tooling
Handling Environment Variables in Node.js (mco/pla)199
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)198
seo, user-experience
How a Web-Site Redesign Can Impact the Customer Journey (uxm)197
redesigning, user-experience
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)196
design, tooling, link-lists
Use Tailwind CSS Prefixes for Shared Design System Components (sen)195
tailwind, design-systems, components
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)194
accessibility, processes, testing
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website193
pjpeg, jpeg, images, performance, comparisons
The World’s Smallest PNG (eva)192
images, png, minimalism
What Is CSS Motion Path?191
css, svg, animations
What Is Our Design Intention?190
design, processes
Vector Database Recommender System (ast)189
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)188
blogging, metrics, sem
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)187
accessibility, design, html, aria
The Bun Shell (jar/bun)186
bun, javascript, shells
Mastering Node CSV185
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)184
html, semantics
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)183
javascript, security, debugging, firefox, browsers
Under-Supported and Underpaid (aar)182
accessibility, career, economics, craft
How Core Web Vitals Affect SEO (ind)181
performance, web-vitals, lighthouse, seo
12 Modern CSS One-Line Upgrades (5t3)180
css
Why Do Reflows Negatively Affect Performance? (fro)179
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)178
css, view-transitions, tooling
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)177
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)176
accessibility, legal
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (kev)175
videos, interviews, css, web, browsers, safari
Astro 4.2 (eri+)174
astro, release-notes
The Color Input and the Color Picker (chr/fro)173
html, colors, usability
Node.js vs. Python: Which One to Choose for 2024172
nodejs, python, comparisons
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
Dispatching an Event (chr/fro)169
javascript, events
AI Art Is the New Stock Image (ia)168
design, ai, images
The Designer’s Guide to Social Computing167
guides, design, social-media
Safely Accessing the DOM With Angular SSR166
security, dom, javascript, angular, server-side-rendering
Fading Content Using Transparent Gradient in CSS (ami)165
css, gradients, transparency+opacity, effects
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)164
videos, javascript, arrays, sorting, comparisons
Basic Accessibility Mistakes I Often See in Audits (cfe)163
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)162
nodejs, dependencies, nvm
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)161
introductions, scrolling, animations, css, functions
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)160
notifications, errors, validation, usability
Guide to Fast Next.js159
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Disillusioned With Deno (bal)158
deno
APA-Style Titles in Laravel (ami)157
writing, conventions, laravel
The Golden Rule of Assertions156
javascript, testing
Practical Guide to Usability Testing155
guides, usability, testing
Is It Time to Switch From Docker to Podman?154
videos, docker, podman, tooling, comparisons
Git Lesson: How to Use .gitignore and .gitkeep?153
git, how-tos
Stop Trying to Recruit Unicorns With Acorns (cra)152
accessibility, career
14 Things to Check Before Deploying a Website151
deploying, quality, processes
The Complex but Awesome CSS “border-image” Property (css/sma)150
css, borders, techniques
Difference Between “getElementByID” and “querySelector”149
javascript, css, selectors
Measuring Developer Productivity: Real-World Examples (ger)148
productivity, metrics, developer-experience, google, microsoft
Are You Boring Your Interviewer by Over-Explaining Context?147
career, interviewing, design
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience146
react, data-fetching, code-splitting, components, techniques
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)145
nodejs, security
Why I Use htmx (fla)144
htmx
Why I Use Alpine.js (fla)143
alpinejs
Moving on From React (kel)142
migrating, react, stimulus
React Libraries for 2024 (rwi)141
react, libraries, link-lists
The Evolution of Page Speed (mat/deb)140
videos, performance, metrics, optimization, history
Design Is Not Really a Thing139
design, user-experience
Optimizing SQL Queries by 23×138
databases, sql, performance, optimization
Performance and Stay Questions in 1:1s (j9t)137
engineering-management, leadership, career, processes
Dynamically Darken or Lighten a Color in CSS (bpu)136
css, colors, functions
Accessible Notifications With ARIA Live Regions (sar)135
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)134
accessibility, notifications, aria, live-regions
Combining “:has” and “:only-child” to Change Tab Containers (cri)133
css, selectors
The Building Blocks of a Greenfield Vue Application in 2024 (fad)132
vuejs, tooling, link-lists
Web Standards: The Guidelines That Every Developer Should Know131
standards, history, w3c, html, css, xml, wcag
I Hate CORS130
videos, cors, security
Hover Contrast Bookmarklet (joe)129
bookmarklets, hover, colors, contrast, focus, accessibility
Igalia Chats: Browser Politics and You (jaf+/iga)128
podcasts, web-platform
Creating a Markdown Preprocessor for Svelte127
svelte, sveltekit, markdown, functionality
Disable Browser Caching With “meta” HTML Tags126
html, metadata, caching
Why Did Frontend Development Become So Complicated?125
processes, complexity, career
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)124
videos, dependencies, security, dependabot
Kind of Annoyed at React (cas)123
react
Building a Clean and Scalable Frontend Architecture122
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)121
web-components, javascript, callbacks, comparisons
A Guide on Using Postman as a Frontend Developer in Web Development120
guides, postman, apis
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)119
accessibility, ai, content
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)118
nodejs, modules
Power of WebRTC117
webrtc, apis
Type in TypeScript116
typescript, types
Applying the SPACE Framework (lau)115
productivity, metrics
Eliminating Cookie Banners Is Hard (jef)114
cookies, consent-management, legal
Options for “optgroup” Labeling of “options” (ste)113
accessibility, html, forms, browsers, screen-readers, support
Avoid These 5 Mistakes as a Web Developer112
career, mistakes, learning
How to Get Started With Progressive Web Apps111
how-tos, web-apps, progressive-web-apps, comparisons
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)110
podcasts, javascript, performance, nodejs, optimization
Static Site Generators: A Growing Trend in Frontend Development109
static-site-generation, site-generators, trends
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
Bringing Down the Digital Divide105
accessibility, user-experience
If It’s Not Usable, It’s Not Accessible (slo/tpg)104
interviews, accessibility, usability, history
Using “abbr” Element With “title” Attribute (aar)103
html, attributes, accessibility, browsers, assistive-tech, support
The Stack I Used to Build My Blog in 2024102
tech-stacks, functionality
Compatibility of Node.js Versions With Packages101
nodejs, versioning, dependencies
Chrome Alternative Browsers to Check Out in 2024100
browsers, arc, chromium, orion, firefox
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
Creating a Color Ramp Using Color Modifiers in Tokens Studio97
design-systems, design-tokens, colors, figma
What I Have Learned From Conducting Over 100 Website Migrations (moz)96
seo, migrating, testing
Node v20.11.0 (LTS) (nod)95
release-notes, nodejs
Designing Better Target Sizes (sha)94
accessibility, design, best-practices
The Best Web Framework Doesn’t Exist93
frameworks
Buttons and Links—Common Misconceptions92
accessibility, html, semantics, buttons, links
Dynamic Accessible Descriptions Reference (dar)91
accessibility, testing
Is htmx Just Another JavaScript Framework? (htm)90
htmx, frameworks
Setting Up Renovate for GitHub Repositories89
renovate, github, installing, configuration
High-Level System Architecture of Booking.com88
architecture, microservices, case-studies
Streaming HTML Out of Order Without JavaScript87
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)86
release-notes, browsers, safari
Understanding WCAG SC 3.2.6 Consistent Help (Level A)85
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)84
cookies, sem
AI for Web Devs: Deploying Your AI App to Production (aus)83
ai, deploying
Accounting for Internationalization With CSS and HTML (spa)82
html, css, internationalization
Introducing fsx: A Modern Filesystem API for JavaScript (nza)81
introductions, file-handling, apis, javascript
Using CSS Houdini to Extend Styling and Layout Capabilities (log)80
css, houdini, apis, javascript
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (bur/soc)79
npm, retrospectives
A Global Design System (bra)78
design-systems
The Change You Wish to See77
accessibility
An Alphabetized List of MIME Types76
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)75
nodejs, testing
Understanding Immutability in JavaScript74
videos, javascript
Definition of Done (DoD) Explanation and Example73
agile, scrum, processes, quality, examples
How We Built Project IDX: A High-Level Overview72
overviews, project-idx, google, code-editors
What’s New in PHP 8.4 (ami)71
php
CRUD and SQL—the Basics70
fundamentals, databases, sql
Vue 3—Dynamic Components69
vuejs, components
Why I Like Web Components68
web-components, html
Top Pens of 2023 on CodePen (cod)67
codepen, code-pens, link-lists, retrospectives
How Google Perfected the Web (ver)66
google, web, seo
Let’s Make the IndieWeb Easier65
indieweb, tooling
Declaring Globals Isn’t That Hard (mat)64
videos, javascript, typescript
Where Have All the Websites Gone? (fro)63
web, trends
htmx for React Developers in 10 Minutes (jhe)62
videos, htmx, react
Taking a Closer Look at “@property” in CSS (uti)61
css
2024 Resolution: Be More Open-Source Centric60
foss, tooling, link-lists
SolidStart: A Different Breed of Meta-Framework (ati/sma)59
frameworks, tooling, solidstart, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide58
guides, introductions, data-engineering
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)57
css, scrolling, effects, progress-indicators
How I’m Writing CSS in 2024 (lee)56
css, tooling, developer-experience
My Web Development Wishlist 2024 (j9t)55
community, user-experience, developer-experience, quality, conformance, wish-lists
Nested Dark Mode via CSS Proximity (doc)54
css, dark-mode
Becoming a Senior Frontend Engineer (tec)53
career
Notes on Using Logical Properties and Values (kiz)52
css, logical-properties
Embracing the Absurd in Your Design Practices51
design, processes
Figma Is Not Forever50
design, tooling, figma
Your MVP Must Be Accessible (den)49
accessibility
Weird Things Engineers Believe About Web Development48
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates47
deploying, github-actions, ssh
Software Quality46
research, quality
CSS in 2024, Am I Right? (jhe)45
videos, css
20+ Tools for Node.js Development in 202444
nodejs, tooling, link-lists
How to Use Template Literals in JavaScript (fre)43
how-tos, javascript
7 Front-End Web Development Trends for 202442
trends, outlooks, libraries, frameworks, ai
Under the Radar CSS Features for Your CSS Reset (kev)41
videos, css, resets
Mastering Promises: 8 Advanced Tips and Techniques40
javascript, promises, asynchrony, techniques, tips-and-tricks
The Bulma CSS Framework: What It Is and How to Get Started39
introductions, bulma
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)38
git, concepts, comparisons
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)37
npm, foss
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)36
react, javascript, simplicity
Is CSS Alive? (css)35
css
My CSS Resets (kei)34
css, resets
The Two Reacts (dan)33
react, components, state-management
Notes on MathML (w3c)32
mathml
16 Lesser Known Accessibility Issues31
accessibility
The World of Web Browsers Is in a Bad Way (jen)30
browsers, browser-engines, chromium, google
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
Detecting AI Fingerprints: A Guide to Watermarking and Beyond (bro)27
guides, ai, fingerprinting, watermarking
The AHA Stack (fla)26
websites, tech-stacks, astro, htmx, alpinejs
Oh Shit Banners (eri)25
design, history
Design Better Pagination24
design, navigation, pagination
Stop Closing Void Elements (j9t)23
html
Tyler’s CSS Wish List for 2024 (tyl/clo)22
css, wish-lists
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
Accessibility Options for Floating Action Buttons19
accessibility, floats, buttons
Getting Started With Vuetify: Building Beautiful Vue.js Apps18
introductions, vuetify, vuejs
2024 Predictions by JavaScript Frontend Framework Maintainers17
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)16
cookies, consent-management, legal
BCD Watch (mey+/iga)15
websites, browsers, support, interoperability, web-platform
Stop Using Express.js14
express
Agile Anti-Patterns That Can Harm UX13
agile, anti-patterns, user-experience, processes
How to Make External Links Accessible (pop)12
how-tos, links, accessibility
Worker Threads: Multitasking in NodeJS11
nodejs, worker-threads, multithreading, link-lists
Are You Ignoring These 8 DevTools Features?10
videos, browsers, chrome, dev-tools, auditing, debugging
How to Set a Default Post Author in WordPress9
how-tos, wordpress
The View Transitions API and Delightful UI Animations II (cod/sma)8
css, animations, view-transitions, apis
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)7
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
7 Predictions for Web Design in 2024 (web)6
design, outlooks
Mastering TypeScript: Looping With Types (ale)5
typescript
Understanding the Most Important HTTP Status Codes4
protocols, http
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