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·38 likes·283 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...DiscussDesign
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·69 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·14 likes·549 readsUX
Ariel Rodriguezarielrodriguez.hashnode.dev·Mar 18, 2024Creating Scalable Color Palettes: A CSS color-mix() AdventureIntroducing Color Palettes A well-curated color palette can be fundamental to your frontend aesthetic. It can set the tone for your website, influences the users mood, and reinforces branding. Typically, designers or developers select a color palette...Discuss·11 likes·28 readsCSS
sidsid707.hashnode.dev·Mar 16, 2024Thoughts on Frontend Architecture and Design SystemsI've developed some strong, but weakly held, opinions about React and SPA's after working with them for about 4-5 years. When it comes to making a design system, the best option would be to use Web Components instead of React components. This way you...Discuss·72 readsFrontend Development
jahirul islamdevjahirulislam.hashnode.dev·Mar 5, 2024Design System - A Case Study.You might have studied, learned, or used a design system at some point in your coding career. But what role do design systems play in our projects? Why should we even bother to create or use them? In this article, you'll learn what design systems are...DiscussDesign Systems
Leonardo Rafael Wehrmeisterleonardorafael.hashnode.dev·Feb 28, 2024Design Systems for 2024A design system is a collection of reusable components and guidelines that form the foundation for user interfaces (UI) across various digital products within an organization. It essentially acts as a single source of truth for all things related to ...Discuss·3 likesDesign
Evgeny Khoroshilovdesigntokens.hashnode.dev·Feb 26, 2024How to build AWSM docs with Storybook and AstroIntroduction In the dynamic realm of UI development, a well-documented design system is the key to success. Welcome to the AWSM Docs - a slingshot approach to get your Design System documentation website up and running in no time. In this short artic...DiscussStorybook