I had a task to make a #CSS grid column dynamic. Basically, I was required to hide the third column if there was no content. I created a solution with only CSS logical selectors: 1️⃣ Create a variable for the number of columns. 2️⃣ Use `:has` to check if the parent grid has an

💡 Defining a set of font sizes is essential for maintaining consistency and improving efficiency. With SCSS, we can create a map of size tokens, generate the corresponding #CSS classes using a mixin, and then apply it to any element:

💡 An excellent use-case for CSS `pointer-events: none;` is when implementing drag and drop functionality. This property disables interactions with form inputs during hover. Here are a few steps to achieve the desired visual effect: 1️⃣ Apply pointer-events: none; on hover to

A great way to promptly trigger inputs and actions in HTML 👇🏼

💡 Using `Promise.resolve()` is a great way to ensure your functions always return a promise, even for default or cached values. This keeps the promise chain intact when dealing with a value that wasn't originally a promise.

🚀 First time trying the MDN progressive web app (PWA) on my phone. Works like a charm. Just go to the site and you'll get the download option directly from the web. No app store required 👍🏼

Great explanation of synchronous and asynchronous. A fundamental subject in JavaScript 👇🏼

📑 Component composition in #React is a powerful pattern for reusability. I'm excited to release my latest tutorial, explaining how we can extend and customize a `fieldset` element with MUI to improve development efficiency and make customization simpler and faster. 1️⃣ Exposing

🎨 Customize and extend a `fieldset` element with #React and MUI: 1️⃣ Create a custom component that wraps `fieldset` and `legend` elements. 2️⃣ Use a `title` prop to dynamically show or hide the legend. 3️⃣ Expose and group styling props to simplify customization. Component code:

💡 Using ReactNode as a prop type in a #React component is a great way to allow flexibility in what can be passed as a prop. For example, a Card component could take a simple string title or a more advanced h1 element:

🔎 TODO Tree extension has always been one of my favorites for managing small tasks. Today, just discovered that I can create a checklist 😍

🚀 When using `fetch` with mode: 'no-cors' in #JavaScript, you can send simple requests to external servers without triggering CORS errors. That doesn't mean you can bypass the CORS policy; it only avoids an error, but the results will be opaque and can't be seen. Perfect for