PinnedThe Pyramid Design Token Structure: The Best Way to Format, Organize, and Name Your Design TokensWhat are design tokens? Design tokens are a common language and design decisions that form a system — in the form of UI characteristics. This might include things like colors, spacing, typography, radii, even animation. They are the structure and manifestation of your brand, and of your visual language. Why are design tokens important? Design tokens are invaluable for…UX Design7 min readUX Design7 min read
Mar 20Transform Your Presentations from Boring to Amazing: 5 Syntax Tools for Pretty Code Snippets and Source CodeIf you’ve ever had to give a presentation or put together a deck that includes source code, you know how difficult it is to format, style and colorize the text. These tools make your life easy and elevate your presentations from boring to amazing. Carbon Carbon allows you to create and…Code3 min readCode3 min read
Feb 17, 2021Top 5 Chrome Extensions Every UX Engineer NeedsAs a UX Designer and Engineer, I’m constantly looking for ways to make my workflows more efficient, and that includes using Chrome extensions. Here’s a list of the top 5 Chrome extensions you need in your life if you are a UX Designer or Engineer. CSS Peeper 🎨 CSS Peeper is probably my…UX Design4 min readUX Design4 min read
Aug 4, 2020The New SASS Module System: Out with @import, In with @useIn October of 2019 Sass announced their new module system, which primarily addressed the switch from using @import to @use instead. Let’s dive into what this means and how you should be using this new way to structure your SCSS files. Note: The new Sass modules and what is outlined…Sass5 min readSass5 min read
Jul 31, 2020Member-onlyHow to Structure SCSS in an Angular AppIf you’re a lover of SCSS, you’ll definitely want to make sure to use it in your Angular applications. Luckily the Angular CLI does all the setup for you! Let’s first walk through the file changes that the Angular CLI handles for us and how you can modify existing projects…Angular7 min readAngular7 min read
Feb 26, 2020Quick Guide to Angular Schematics: How I Built My First SchematicAs a lover of SCSS, structure and organization, I’m always finding myself adding the full SCSS folder structure to my front end dev projects. The lazy developer in me (aka efficient developer) wanted one command line I could enter in my terminal that would scaffold it all out for me…Angular8 min readAngular8 min read
