I made a Codepen

Posted July 7, 2014 in Links, Projects


See the Pen prIFw by Lara Schenck (@laras126) on CodePen.

A notlaura.com realign is officially underway (didn’t I just do one?). Don’t expect anything too soon, but the above is a little preview. Plus I’ve been listening to Codepen Radio lately and, well, time to make a pen!

In addition to typography and gridding, I’ve been learning to do more with SVG and JS animations. I recently discovered Velocity.js – so awesome. There’s a great tutorial about the UI kit on Smashing Magazine, and a nice walk through on CSS-Tricks. I’m still learning, so don’t judge the above too harshly!

SVG-wise, the Pen above just uses images but I used SVG sprites with Grunt on a recent WP development project for Greenpoint Pictures (with PNG fallbacks to boot!), and will certainly be using them in the realign.

Comments

What do you think? Do you have any questions, thoughts, or related links to share? Did I make a mistake in my post?

  • Hey notlaura! Cool animation! Have just tried the link to smashingmag - and you might be missing an http:// off the front of that URL, so it's tryna go to https://notlaura.com/made-codepen/www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/ - thanks for the awesome collection of thoughts though!

    Compose a Reply

    • Ah, right you are! Fixed, and thanks for reading!

      Compose a Reply

Submit a Comment