A weekly collection of design and development goodies - issue #38, featuring Squeezebox Portfolio Template, HTML Color Codes, wallop JS library, Parrot Hover Animation, Yoshi's Island, Recreating Weave GIF In Pure CSS and more.

• Squeezebox Portfolio Template via CodyHouse

  

  An intro block that slides out to uncover a gallery of portfolio items.

• HTML Color Codes by Dixon & Moe

  

  A powerful set of free online color tools. Browse millions of colors, harmonies and combinations using intuitive color picker, color charts, tutorials and resources.

• wallop by Pedro Duarte

  

  A minimal JavaScript library for showing & hiding things.

• The Simplest Way To Center Elements Vertically And Horizontally via Tutorialzine

  

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

• Parrot Hover Animation by Martijn

  See the Pen Parrot Hover Animation by Martijn (@MartijnBrands) on CodePen.

• Out Of The Blue by Gerard Ferrandez

  See the Pen out of the blue by Gerard Ferrandez (@ge1doot) on CodePen.

• Yoshi's Island by Gerard Ferrandez

  See the Pen Yoshi's Island by Gerard Ferrandez (@ge1doot) on CodePen.

• Lock Screen by Mohan Khadka

  See the Pen Lock Screen by Mohan Khadka (@khadkamhn) on CodePen.

  Lock screen is based on HTML, jQuery and CSS that simulate hybrid app design.

• Bouncing Text by Steve Robertson

  See the Pen Bouncing text by Steve Robertson (@SteveJRobertson) on CodePen.

• Download Progress Interaction by Bhakti Al Akbar

  See the Pen Download Progress Interaction by Bhakti Al Akbar (@balapa) on CodePen.

  Inspired a dribbble shot by Valentine Boyev

• Minion in Pure CSS By Rachel

  See the Pen Minion in Pure CSS by Rachel (@rachel_web) on CodePen.

• Recreating Some Weave GIF In Pure CSS by Gregor Adams

  See the Pen recreating some weave-gif in pure CSS by Gregor Adams (@pixelass) on CodePen.

• Movie Card Interactive UI With Pure CSS3 Animation Rating by Reece McDonald

  See the Pen Movie Card Interactive UI With Pure CSS3 Animation Rating by Reece McDonald (@CubiDesigns) on CodePen.