The Power of :has() in CSS

Hey all you wonderful developers out there! In this post we are going to explore the use of :has() in your next web project. :has() is relatively newish but

https://css-tricks.com/the-power-of-has-in-css/

All Javascript conference talks (+300) from 2023 ordered by the number of views

Hi 👋! I've put together a list of all JS talks from 2023 conferences ordered by the number of views...

https://dev.to/techtalksweekly/all-javascript-conference-talks-300-from-2023-ordered-by-the-number-of-views-1akm

Spicing up text with text-emphasis in CSS

There are a lot of ways to style text in CSS. You can change the color, size, font, and even add effects like shadows and outlines. But recently, I learned about a sleek CSS property that I hadn’t heard of before and it’s pretty rad!

https://www.amitmerchant.com/spicing-up-text-with-text-emphasis-in-css/

Destructuring Vue.js props: The Reactivity Challenge

Destructuring objects is a common practice in JavaScript, and it can make your code cleaner by...

https://dev.to/richardevcom/destructuring-vuejs-props-the-reactivity-challenge-5h1i

On disabled and aria-disabled attributes

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

https://kittygiraudel.com/2024/03/29/on-disabled-and-aria-disabled-attributes/

Modern CSS patterns and techniques in Campfire

Recently, customers who have purchased a copy of ONCE/Campfire were invited to participate in a live walk through the app's CSS code. Campfire was built with plain CSS, fully #nobuild without compiling or pre-processing, and uses the latest web platform features available in evergreen browsers—CSS nesting, :has(), :is(), and :where(); ...

https://world.hey.com/jz/modern-css-patterns-and-techniques-in-campfire-30b94808

Redux Toolkit adoption guide: Overview, examples, and alternatives

Redux Toolkit is the officially recommended way to build Redux apps. Let's explore why it's a great tool to leverage in your next project.

https://blog.logrocket.com/redux-toolkit-adoption-guide/

The View Transitions API

Like anyone, I love a good “native-feeling” experience on the web. I’ve really enjoyed creating that vibe with the new View Transitions API. Luckily it’s is pretty clean to …

https://frontendmasters.com/blog/the-view-transition-api/

Diving into the Node.js Website Redesign

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

https://nodejs.org/en/blog/announcements/diving-into-the-nodejs-website-redesign

Angular Signal Inputs: road to Signal Components

Angular v17.1.0 has been released recently and it introduced a new amazing input API designed to...

https://dev.to/davidepassafaro/angular-signal-inputs-road-to-signal-components-32cl

Angular Signal Queries: simplifying DOM querying

Angular Signal Queries offer an alternative to @ViewChild, @ViewChildren, @ContentChild and @ContentChildren. Let’s see what has changed.

https://www.codemotion.com/magazine/frontend/angular-signal-queries-simplifying-dom-querying/

Mojo CSS vs. Tailwind: Choosing the best CSS framework

Compare the established Tailwind CSS framework with the newer Mojo CSS based on benchmarks like plugins, built-in components, and more.

https://blog.logrocket.com/mojo-css-vs-tailwind-choosing-best-css-framework/

History of JS interop in Dart

Support for Wasm just landed in the current Flutter beta, thanks to an exciting JavaScript interop milestone reached in Dart 3.3. To…

https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f

Node.js: The Documentary | An origin story

Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection ...

https://www.youtube.com/watch?v=LB8KwiiUGy0

Dioma — Elegant dependency injection container for vanilla JavaScript and TypeScript

Elegant dependency injection container for vanilla JavaScript and TypeScript - zheksoon/dioma

https://github.com/zheksoon/dioma

A Complete Guide to CSS Logical Properties, with Cheat Sheet

Learn what CSS logical properties are, how they work, and what they're useful for, even if you're not working on a multilingual site.

https://www.sitepoint.com/css-logical-properties-guide/

ESLint v9.0.0 released

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

https://eslint.org/blog/2024/04/eslint-v9.0.0-released/

Managing User Focus with :focus-visible

This is going to be the 2nd post in a small series we are doing on form accessibility. If you missed the first post, check out Accessible Forms with Pseudo

https://css-tricks.com/managing-user-focus-with-focus-visible/

Core Web Vitals: Rank your websites higher on SEO

Core Web Vitals are metrics that Google uses to measure the user experience of a webpage. They are an important factor in search engine…

https://blog.codeparrot.ai/core-web-vitals-rank-your-websites-higher-on-seo-29a2e7cba49c