Jordan Brennanjordanbrennan.hashnode.dev·Sep 13, 2023Global CSS and Design SystemsI've seen many design systems bend over backward to ensure styles don't leak in or out of components. Such efforts and limitations are unnecessary and are a misunderstanding of the expectations for design systems. UI Elements Do Not Live In a Vacuum ...Discuss·55 readsDesign Systems
Karan Balajiblog.karanbalaji.com·Sep 9, 2023Day 2/100 in #100DaysOfDesign: Demystifying Design Systems at EvolveUX Conference By Morgan GueganInsightful Talk by Morgan Guegan: Creative Director at Evolving Web with a Legacy at Meta, Element.ai For Index: https://github.com/karanbalaji/100daysofdesign (Why) - An Introduction to why I attended the EvolveUX Conference ✍️ I attended the Evolve...Discuss·30 readsUX
Nicolas Brouardblog.brdnicolas.com·Sep 8, 2023Mastering Atomic Design: Building an Efficient Design SystemDemystifying Atomic Design Atomic design works with levels : Atoms: These serve as the elemental building blocks, encompassing elements such as buttons, input fields, and icons. Molecules: Molecules combine atoms to give rise to more intricate co...DiscussReact
Michael Edwardairdward.hashnode.dev·Aug 28, 2023Mirrorful: The Design Framework for your projectMirrorful is a custom UI library that helps developers reduce development time by over unimaginable margins. It is lightweight and easy to use, supports direct integration into various code formats, and is library-agnostic. It is beneficial for engin...Discuss·5 likesDesign
Javier Aguilarblog.itsjavi.com·Aug 26, 2023StoryLite 0.6.0 releasedThe addon system has been completely rewritten, so now you can also provide your own or turn off default ones. The UI also looks much better, especially on mobile. The styles have been reworked so the look and feel are more similar to StoryBook's UI....DiscussStorybook
Jeremy Waltonjeremywalton.hashnode.dev·Aug 17, 2023Should you style HTML Elements directly?Over the last year and a half, I have been developing a Design System for RoleModel Software. This has required a high level of collaboration between me (a full-stack developer who primarily enjoys front-end work) and our design team (specifically ou...Discuss·6 likes·34 readsHTML
Javier Aguilarblog.itsjavi.com·Aug 11, 2023Introducing StoryLite ⚡️, a lightweight alternative to StoryBookAs developers we understand the importance of efficiently testing and showcasing our components, that's why some months ago I embarked on a journey to create StoryLite, a lightweight (~36KB) and user-friendly alternative to Storybook, with built-in s...Discuss·4 likes·2.1K readsWebDevStorybook
Raif Shareefraif.hashnode.dev·Jul 19, 2023Building a landing page hero with Vue-Chakra-UI design systemI just finished a short course on "how to use a design system in code" by Design System University [2]. This post is for documenting what I've learned and putting it into practice. We'll go over putting together a super simple landing page header sec...Discuss·29 readsDesign Systems
Miral Sutharmiralsuthar.hashnode.dev·Jul 14, 2023Create better reusable components for your Tailwind design systemIn this tutorial, we're going to build a reusable component using Tailwind CSS for a custom design system. To begin with, we'll need a basic Vite.js setup with React, TypeScript, and TailwindCSS or you can also use Nextjs setup. We need to install a ...Discuss·1 like·31 readsTailwind CSS
Chirayu Kishor Sakarkarchirayusakarkar.hashnode.dev·Jul 11, 2023All insights about spatial design✨What is spatial design? Spatial design refers to the creation of user experiences that utilize eye tracking and hand gestures in a physical space. It involves designing interactions that consider the user's movements and natural body actions. Here we...Discuss·59 readsUIUX