Web design nuggets
Italy
Joined February 2014
- Tweets2.9K
- Following23
- Followers19.2K
- Likes1.5K
CodyHouse retweeted
✨ CSS tip!
Try replacing :focus-within with :has(input:focus-visible) to make focus visible only during keyboard navigation ↓
CodyHouse retweeted
It's time for a change @codywebhouse ↓
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.
This created a funnel that severely impacted our revenue.
But this isn't goodbye!
@romano_cla and I have agreed on a new plan.
We're creating a new component library that stands out with:
- Superior design and coding
- High customization via CSS variables
- No framework dependencies—simply copy/paste into your project
- Pure CSS
- Vanilla JS modules
Looking Ahead:
No ETA yet, but if you've previously purchased our library or do so in the coming weeks, you'll receive the new components at no additional cost. The existing components and framework will always remain available for download.
We believe in building a better CodyHouse. Stay tuned!
CodyHouse retweeted
Conditional CSS using inline variables ↓
ALT Conditional CSS using inline variables
CodyHouse retweeted
💥 Introducing Nucleo v4 – A new era in icon management begins!
nucleoapp.com/
CodyHouse retweeted
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.
CodyHouse retweeted
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/javas…
ALT JavaScript quick tips - append element to an array
✂️ You can now generate VS Code snippets compatible with your CodyFrame configurations:
codyhouse.co/vs-code-snippet…
CodyHouse retweeted
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
ALT Comparing dates in JavaScript using the Date object
CodyHouse retweeted
✍️ I've published a new article on the @codywebhouse blog where I share some tips on handling JavaScript events and keeping them organised with the handleEvent method
codyhouse.co/blog/post/handl…
ALT Handle events in JavaScript
✨ Updated component #106 — Boxed Hero
New vs. old in the video
codyhouse.co/ds/components/a…
CodyHouse retweeted
🎉 I have started a new series of tutorials on the @codywebhouse 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/overv…
ALT example of using the insertAdjacentHTML method
🚀 Launching a new project!
Meet @_imagifly, an app that simplifies AI image generation with customizable prompt libraries.
And yes, it's designed with Codyframe CSS and our components. 👌
