🎉 I have started a new series of tutorials on the CodyHouse blog: short articles on JS methods and common yet tricky JS tasks. The goal is to help users customise the CodyHouse components. The first article is on the insertAdjacentHTML method: codyhouse.co/blog/post/over…

✨ Updated component #106 — Boxed Hero New vs. old in the video codyhouse.co/ds/components/…

✍️ I've published a new article on the CodyHouse blog where I share some tips on handling JavaScript events and keeping them organised with the handleEvent method codyhouse.co/blog/post/hand…

Comparing dates in JS can be a tricky task! These 3 points will help you master it: - Use Date objects for relational operations (< or >) - Use the getTime() method for equality (e.g., ===) - Use built-in methods, like getFullYear(), for comparing specific attributes of a date

✂️ You can now generate VS Code snippets compatible with your CodyFrame configurations: codyhouse.co/vs-code-snippe…

Quick recap on merging arrays in JS - I still get confused sometimes 🤔 - push + spread operator to append an array to another - unshift + spread to prepend an array to another - concat to merge two arrays without modifying them More info & examples 👇 codyhouse.co/blog/post/java…

Working on a new CodyFrame feature: view the grid columns, as in tools like Figma! Particularly useful when creating complex layouts. Cool thing: it automatically adapts when you modify the grid classes.

💥 Introducing Nucleo v4 – A new era in icon management begins! nucleoapp.com

Next steps decided. Exciting updates ahead... Stay tuned!

Conditional CSS using inline variables ↓

It's time for a change CodyHouse ↓ From a business standpoint, we have failed. Why? - Our entire model was too dependent on our CSS framework. - Adoption of the framework has been low. - Users love our components but are hesitant to learn a new framework just to use them.

How to create a customizable 'flipped' border-radius in CSS ↓

How to use the :where CSS selector to solve specificity problems ↓

✨ CSS tip! Try replacing :focus-within with :has(input:focus-visible) to make focus visible only during keyboard navigation ↓