Howardhowardphung.hashnode.dev·Jul 6, 2024Adding Variants, Sizes, Controls, Styles and Default Arguments to the Story - [My Notes on Storybook]Let's continue with the Button stories we have from the previous article. If you're new to my blog. Please check it out to make sure we're on the same page. Adding Variants There are a lot of flavors of buttons in the world. For our purposes, we’re g...Discuss·1 likeStorybook
Threeaidthreeaid.hashnode.dev·Jun 27, 2024Ultimate Guide to Building Effective Design SystemsDesign systems provide a structured approach to developing digital products, essential for creating efficient, consistent, and scalable solutions. Originally, only tech giants embraced design systems. However, as competition grew, so did the need for...Discuss·10 likesDesign Systems
Jay Vigillababbledotlog.jayvigilla.com·Jun 24, 2024"Mise en Place" for Front End EfficiencyIt’s 2:30 pm on a Friday as I get off the bus in San Francisco’s Mission District. I get off at Mission and 16th because I like to walk past all the taquerias before work. I was a restaurant line cook, with a knife roll slung over my shoulder, a focu...DiscussDesign Systems
Jordan Brennanjordanbrennan.hashnode.dev·Jun 15, 2024When Should I Use a Web Component?The biggest tech companies with the biggest websites are using Web Components and yet very few frontend engineers know how to build them and even fewer know when. I think it's because developers aren't sure where Web Components can fit in the crowded...Discuss·1 like·116 readsWeb Components
Maria Siewierskauxpin.hashnode.dev·May 15, 2024[Webinar] “Removing Friction from Design System Workflows”Join us May 29th for a webinar about simplifying design system collaboration between designers and developers. Find out more about unified workflows that help enterprise companies handle visual inconsistencies, eliminate rework, and boost collaborati...Discusswebinar
Corey O'Donnellblog.codebycorey.com·Apr 19, 2024What is a Design System and Why Is It Important for Software Engineering?Design systems are essential tools for software engineers as they provide a structured framework for maintaining consistency and coherence in product design. By offering clear guidelines and standards, design systems streamline the development proces...Discuss·1 likeDesign
Monday Eseese-monday.hashnode.dev·Apr 12, 2024Taking your Frontend Development skill to the next level with Design SystemsIntroduction Have you ever worked on a project, and after further review, your styling seems misaligned or inconsistent in some way? Or are you looking for styling guidelines for your next solo project? - That's where design systems come to the rescu...Discuss·39 likes·348 readsvisual consistency
Emmanuel Godwin HOUENOUgodwinmanu.hashnode.dev·Apr 10, 2024Understanding the Difference Between Design System and System DesignIn the world of software development and design, two terms are often discussed: Design System and System Design. While they may sound similar, they actually represent distinct concepts, each playing a pivotal role in the creation of digital applicati...Discuss·1 likeDesign
Jordan Brennanjordanbrennan.hashnode.dev·Apr 8, 2024Web Component Styles Are (mostly) Encapsulated Without Shadow DOMShadow DOM is often thought of as the one and only way to create scoped styles for a Web Component. It's not. Prefixed Tags Scope Styles Web Components, i.e. Custom Elements, require a prefixed tag. For example, a "foo" Custom Element would be define...Discuss·1 like·142 readsCSS
Salma SabryforKlivvrblog.klivvr.com·Mar 28, 2024Klivvr Revamp: Putting the Fun in FundsWe’re thrilled to unveil the new Klivvr! In today's ever growing industry of digital transactions, we believe in making your financial journey as smooth and seamless as possible. We faced our fair share of technical challenges along the way, but with...Discuss·15 likes·808 readsDesignUX