Name Your Colors!
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
Explains how to apply Atomic Design methodology to structure reusable components in React and React Native applications for scalable UI development.
Explains parametric design in web development: using adjustable inputs to dynamically modify visual elements like button styles.
A guide to using Tamagui, a UI kit and optimizing compiler for building cross-platform design systems in React Native and React Native Web.
A developer proposes using a facade pattern to wrap third-party UI library components, explaining the benefits for flexibility and maintainability.
Explains how to use CSS Variables for global project settings and component-scoped styles to improve CSS maintainability and prototyping.
Andy Bell introduces CUBE CSS, a new methodology replacing C-BEUT, focusing on composition and simplicity in scalable CSS.
A static design tool tip: using an "Annotation" component as a sticky note to provide context for design elements.
A guide to customizing Google's Material Design system using theming capabilities for color, typography, and shape on the web.
Author announces joining Google as a Developer Advocate for Material Design, focusing on design systems, web tech, and community engagement.
A post-conference FAQ about an Angular Connect talk on automating UI development by generating Sketch symbols from Angular components.
A personal review of the author's favorite podcast episodes from 2017, focusing on tech, design systems, and open source.
The author shares their favorite books of 2017, focusing on design systems, web performance, and user experience.
Explores common reasons why design systems fail, focusing on organizational support, investment, and adoption challenges.
A guide on using Sass maps to programmatically generate utility classes for colors, improving maintainability and scalability in CSS.
A case study on Typi, a Sass library for creating maintainable web typography by focusing on typesetting principles.
A personal list of the author's favorite and most impactful web development and design conference talks from 2016.
A developer shares key lessons from three years of building pattern libraries and design systems, focusing on team collaboration and decision-making.
A comprehensive list of style guides and pattern libraries for web design and development, explaining the differences between them.