DevPedia is a resourceful guide for developers, covering diverse technical topics with concise explanations
https://devpedia.pages.dev/
https://devpedia.pages.dev/
devpedia.pages.dev
Dev Encyclopedia | A dictionary for programmers
Community-driven encyclopedia for programmers with 400+ terms + category filters. Learn about programming concepts and tech jargon in Plain English
An exploration of web components' best use cases
https://daverupert.com/2024/10/super-web-components-sunshine/
https://daverupert.com/2024/10/super-web-components-sunshine/
daverupert.com
Where web components shine
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
Learn how text fragments enable linking directly to exact words or phrases within web pages
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
Ahmad Alfy's Blog
Smarter than 'Ctrl+F': Linking Directly to Web Page Content
Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.
This article provides practical accessibility improvements for dropdowns, modals, and tabs to make web interfaces more inclusive
https://www.smashingmagazine.com/2024/10/css-min-all-the-things/
https://www.smashingmagazine.com/2024/10/css-min-all-the-things/
Smashing Magazine
CSS min() All The Things — Smashing Magazine
Victor Ayomipo experiments with the CSS `min()` function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his…
Create components that adapt automatically to content variations with CSS :has(), grid, and quantity queries
https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/
https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/
Piccalilli
Making content-aware components using CSS :has(), grid, and quantity queries
Eric Bailey teaches us how to make a hyper-resilient component that responds not only to the container, but other languages too.
A comprehensive guide to optimizing Core Web Vitals (CWV) performance
https://web.dev/articles/top-cwv
https://web.dev/articles/top-cwv
web.dev
The most effective ways to improve Core Web Vitals | Articles | web.dev
A collection of best practices that Chrome has identified as the biggest opportunities to optimize web performance and improve Core Web Vitals
A refined, opinionated CSS reset leveraging new CSS capabilities for easier, cleaner default styles
https://jakelazaroff.com/words/my-modern-css-reset/
https://jakelazaroff.com/words/my-modern-css-reset/
Jakelazaroff
My Modern CSS Reset | jakelazaroff.com
A CSS reset I've been using for new projects.
Google Chrome’s latest performance controls help users optimize their browsing experience with tools like Performance Detection and Memory Saver modes
https://blog.google/products/chrome/google-chrome-performance-controls-october-2024/
https://blog.google/products/chrome/google-chrome-performance-controls-october-2024/
Google
Boost your browsing with Chrome's new performance controls
Google is introducing new and improved Chrome performance controls for a faster, more efficient browsing experience.
Best practices and tools for toggling between light and dark themes on websites
https://css-tricks.com/come-to-the-light-dark-side/
https://css-tricks.com/come-to-the-light-dark-side/
CSS-Tricks
Come to the light-dark() Side | CSS-Tricks
Dark mode interfaces have matured a lot in the past few years. We all know the "traditional" approach using media queries but in this article, Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences pretty darn easy.
The article discusses the underutilization of HTML form validation and the challenges associated with implementing it effectively
https://expressionstatement.com/html-form-validation-is-heavily-underused
https://expressionstatement.com/html-form-validation-is-heavily-underused
Expression Statement
HTML Form Validation is heavily underused
HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.
A guide summarizing best practices for tooltips, emphasizing accessibility and proper usage
https://css-tricks.com/tooltip-best-practices/
https://css-tricks.com/tooltip-best-practices/
CSS-Tricks
Tooltip Best Practices | CSS-Tricks
What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.
This article teaches how to create a 3D hand controller using a webcam and the MediaPipe library alongside Three.js for 3D graphics
https://tympanus.net/codrops/2024/10/24/creating-a-3d-hand-controller-using-a-webcam-with-mediapipe-and-three-js/
https://tympanus.net/codrops/2024/10/24/creating-a-3d-hand-controller-using-a-webcam-with-mediapipe-and-three-js/
Codrops
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
A guide to using ??= in JavaScript to handle null and undefined values effectively
https://www.trevorlasn.com/blog/javascript-nullish-coalescing-assignment-operator
https://www.trevorlasn.com/blog/javascript-nullish-coalescing-assignment-operator
JavaScript's ??= Operator: Default Values Made Simple
A guide to using ??= in JavaScript to handle null and undefined values elegantly
Discover how Rspack 1.1 (Rust-powered alternative to Webpack) brings faster performance, incremental rebuilds, and enhanced plugins for better development experiences
https://rspack.dev/blog/announcing-1-1
https://rspack.dev/blog/announcing-1-1
rspack.dev
Fast Rust-based Web Bundler
A brief overview of Storybook's new testing features aimed at improving the development workflow for UI components
https://storybook.js.org/blog/storybook-test-sneak-peek/
https://storybook.js.org/blog/storybook-test-sneak-peek/
Storybook Blog
Storybook Test sneak peek
Multi-modal testing with instant feedback in your browser
An insightful look at when and why JavaScript generator functions can be useful
https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/
https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/
Jrsinclair
Why would anyone need JavaScript generator functions?
You can go a long time as a JavaScript developer without ever feeling the need for generators. Hence, it’s natural to wonder: What are they good for? Why would you ever need one? What’s the point? But generators can do some neat tricks. And they may even…
The article discusses the importance of securing code even in environments that are already hardened against attacks
https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/
https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/
Sonarsource
Why Code Security Matters - Even in Hardened Environments
This blog post showcases why fundamental code security is essential for an application despite all hardening measures applied in the underlying infrastructure.
Learn how to generate lever-door puzzles for a browser-based MMO
https://blog.reconquer.online/generating-lever-door-puzzles
https://blog.reconquer.online/generating-lever-door-puzzles
Reconquer Online Development
Lever Door Puzzle Generation
Create lever-door puzzles with JavaScript for games, exploring graph structures and optimization to provide rewarding player challenges
Component Party provides an interactive guide comparing JavaScript frameworks by syntax and unique features
https://component-party.dev/
https://component-party.dev/
component-party.dev
Component Party
Web component JS frameworks overview by their syntax and features: Svelte 5, React, Vue 3, Angular Renaissance, Angular, Lit, Ember Octane, Solid.js, Svelte 4, Vue 2, Alpine, Ember Polaris, Mithril, Aurelia 2, Qwik, Marko, Aurelia 1
The article examines the potential shift in software development practices with the rise of AI-generated code, questioning the long-term necessity of frameworks
https://paul.kinlan.me/will-we-care-about-frameworks-in-the-future/
https://paul.kinlan.me/will-we-care-about-frameworks-in-the-future/
paul.kinlan.me
Will we care about frameworks in the future?
Building apps with LLMs and agents like Replit has been incredibly productive. The generated code is often vanilla and repetitive, raising questions about the future of frameworks. While frameworks offer abstractions and accelerate development, LLMs seem…