about
Martin HofmannI’m a Front-end Developer specializing in building components and documentation for design sytems. I’ve contributed to 10+ design systems and my skillset includes JS, HTML, SCSS/CSS, Ruby on Rails, React and Vue. My background in visual design combined with my knowledge of asset creation enables me to become a bridge between design and engineering.
portfolio
CSS Box Model VisualizerA quick way to visualize and share CSS box model examples. Adjust the inputs in the control panel to customize margin, padding, border…
blog
Motorcycons – An Icon Font for the Powersports IndustryA core concept of selling automotive, motorcycle and powersports parts online is fitment. Mapping parts to vehicles. While working in the…
blog
Batch – My Open Source Flexbox Grid SystemLike many other Front-End Developers I’ve been using Bourbon and Neat in a lot of my projects recently. Bourbon’s mixin library and Neat’s…
blog
The Brady BEMRecently while explaining BEM (Box, Element, Modifier) methodology, it occurred to me that the perfect visual example was the Brady Bunch…
blog
SVG Illustration Animation ExperimentMy favorite toy as a child was the Fisher-Price motorcycle model number 356. I was obsessed with pushing it all around the house. Over…
blog
Automating a Sass Color Palette Reference PageSass variables are great for defining colors in large projects. By following the common pattern of including them in a _variables.scss…
blog
Version Control VisualizationIf you’re new to version control it can be a little overwhelming to wrap your head around. Coming from a visual design background I like to…
blog
May The Source Be With YouResponsive design and progressive enhancement are undeniably the new standards in web design. But the challenge of adapting a design for…
blog
The Basics of Managing Multiple Ruby VersionsEvery project can have it’s own Gem dependencies and version requirements making switching between Ruby projects difficult especially for…
portfolio
Louisville Vintage Motorworks Logo DesignLogo design for Louisville Vintage Motorworks motorcycle club.
portfolio
Cheap Cycle Parts Product DesignCheapCycleParts.com Product Design When the CEO of CheapCycleParts.com was ready to take his website to the next level I was brought on as…
portfolio
Snowball Fight GameQuantum Communications Snowball Fight Game Holiday Card Game designed, illustrated and coded for Quantum Communications.
portfolio
Last Minute Shopper GameQuantum Communications Last Minute Shopper Game Holiday Card Game designed, illustrated and coded for Quantum Communications.
portfolio
Craft Shine Logo & LabelsCraft Shine Logo & Label Designs Logo design for Craft Shine. Louisville's Original Moonshine.
portfolio
ReGift-O-Matic GameBarnes-Jewish Hospital ReGift-O-Matic Game Holiday Card Game designed, illustrated and coded for Barnes-Jewish Hospital.
