A weekly collection of design and development goodies - issue #36, featuring Animated SVG Hero Slider, Pure CSS Liquid Progress Bars, Animated Cube Slider, Flat Login Form, All Devices in SVG and more.

• Animated SVG Hero Slider via CodyHouse

  

  A full page slider, with animated SVG elements used as transition effects.

* 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.

• Pure CSS Liquid Progress Bars by Rafael González

  See the Pen Pure CSS Progress by Rafael González (@rgg) on CodePen.

• Blobs Button by Nikolay Talanov

  See the Pen Blobs button by Nikolay Talanov (@suez) on CodePen.

• Animated Cube Slider by Alberto Hartzet

  See the Pen Animated cube slider by Alberto Hartzet (@hrtzt) on CodePen.

• Flat Login Form by Andy Tran

  See the Pen Flat Login Form by Andy Tran (@andytran) on CodePen.

• Particle Island by Sascha Sigl

  See the Pen Particle Island by Sascha Sigl (@SaschaSigl) on CodePen.

• All Devices in SVG by Chris Gannon

  See the Pen All Devices in SVG by Chris Gannon (@chrisgannon) on CodePen.

• Let's Load Stuff by Tom Hewitt

  See the Pen Let's load stuff by Tom Hewitt (@tomchewitt) on CodePen.

• Fixed Table Header by Nikhil Krishnan

  See the Pen Fixed table header by Nikhil Krishnan (@nikhil8krishnan) on CodePen.

• Browser Detection by Brandon Kennedy

  See the Pen Browser Detection by brandon kennedy (@brandonkennedy) on CodePen.

• Peeky Password by Luke Jacksonn

  See the Pen Peeky Password by lukejacksonn (@lukejacksonn) on CodePen.

• Hexagon Loader by Tiffany Stoik

  See the Pen Hexagon Loader by Tiffany Stoik (@tstoik) on CodePen.