Claudia RomanoinCodyHouseCreate your design system, part 5: IconsIn this article, we’ll take a look at how to include icons in your design system, with some additional CSS techniques to customize them…Sep 5, 20181Sep 5, 20181
Claudia RomanoinNucleoCreate 2-state, SVG-powered animated iconsWe just released the Icon Transition Generator, an online tool that generates SVG-powered icon transitions. The tool accepts two SVG icons…Aug 21, 20182Aug 21, 20182
Claudia RomanoinCodyHouseLine-height Crop — a simple CSS formula to remove top space from your textIt’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value. In…Aug 6, 20188Aug 6, 20188
Claudia RomanoinCodyHouseCreate your design system, part 2: Grid & LayoutChoosing how to handle layouts and content positioning is probably one of the first decision you’re going to make when building a design…Jul 25, 20185Jul 25, 20185
Claudia RomanoinNucleoThe guide to integrating and styling icon systems — inline SVG and icon componentsThere are different options when it comes to integrating icons in a design system. Each option has its pros and cons. Although there’s no…Jun 28, 20183Jun 28, 20183
Claudia RomanoinCodyHouseThe making of the new CodyHouse websiteAfter almost a year of silence, here we are back on track with CodyHouse!Mar 20, 20187Mar 20, 20187
Claudia RomanoinNucleoCustom Checkbox and Radio Buttons using NucleoAbout a week ago, we released two new Nucleo categories: interactive icons and animated loops!Nov 15, 2017Nov 15, 2017