SVG Illustration Animation Experiment

My favorite toy as a child was the Fisher-Price motorcycle model number 356. I was obsessed with pushing it all around the house. Over curves of furniture and folds in blankets. I’ve had it sitting on the window sill above my computer for years so when I decided to create an animation demo it was the perfect subject matter. My self-assigned task was to create a vector illustration that’s broken into elements to be displayed on a responsive web page as SVGs and animated with CSS using jQuery.

Continue reading SVG Illustration Animation Experiment

Automating a Sass Color Palette Reference Page

Sass variables are great for defining colors in large projects. By following the common pattern of including them in a “_variables.scss” partial it makes it easier for developers to manage. It’s also helpful to include an index page for displaying the color names and values as a reference for the team and the client.

  • Red : #c50000
  • Blue : #005dc5
  • Green : #009c1a
  • Orange : #e57400

Continue reading Automating a Sass Color Palette Reference Page