A weekly collection of design and development goodies - issue #39, featuring Responsive Sidebar Navigation, Creating Material Design Ripple Effects with SVG, randomColor, flipgrid.js, Minigrid, Hover.css, Sequence.js, Chocolat.js and more.

• Responsive Sidebar Navigation via CodyHouse

  

  An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.

• Creating Material Design Ripple Effects with SVG via Codrops

  

  An in-depth tutorial on how to build the ripple effect outlined under Google Material Design's Radial Action specification and combine it with the powers of SVG and GreenSock.

• randomColor by David Merfield

  

  A color generator for JavaScript.

• flipgrid.js by Eric Leong

  

  A simple, content-focused photo gallery inspired by Microsoft's Metro interface and CSS 3D transitions.

• Minigrid: Minimal 2kb zero dependency cascading grid layout by Henrique Alves

  

• Hover.css v2 by Ian Lunn

  

  A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

• Sequence.js - The responsive CSS animation framework by Ian Lunn

  

• 2015 Subtraction.com Design Tools Survey | The Tools Designers Are Using Today

  

• Chocolat.js: Responsive jQuery Lightbox Plugin by Nicolas Turlais

  

* We have now embedded pens via CodePen so you can explore them on this page. Click the relevant link/button to view HTML, CSS, JS codes or click 'Edit on CODEPEN' link to go to the CodePen site.

• Context-Shifting in UX Patterns by Sarah Drasner

  See the Pen Context-Shifting in UX Patterns by Sarah Drasner (@sdras) on CodePen.

• CSS-only Numbers Cube Counter by Gregor Adams

  See the Pen numbers cube counter by Gregor Adams (@pixelass) on CodePen.

• CSS Hover Effect - People by Marco Barría

  See the Pen People by Marco Barría (@fixcl) on CodePen.

• CSS-only Color Dots Loader By Pawel Kuna

  See the Pen Color Dots Loader by Pawe� Kuna (@codecalm) on CodePen.

• Switch Button by Nicolas Lanthemann

  See the Pen Switch Button by Nicolas Lanthemann (@vanderlanth) on CodePen.

• Interactive SVG Toast by Chris Gannon

  See the Pen Interactive SVG Toast by Chris Gannon (@chrisgannon) on CodePen.