Another dose of creative and useful plugins. Catch them! :)
Sliding header layout – create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.
Wobbly Slideshow Effect – the slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths.
CSS Animations – 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.
Textured Text – all the current techniques for creating image or texture filled text and show you how to apply them.
Multi-Element Selection – Just click + hold (300ms) & move over the checkboxes to select/deselect them
Section Separators – a collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.
Circular Navigation – new approach to navigation.
Google Nexus Website Menu – a sidebar menu as seen on the Google Nexus 7 page
Web Audio Stylophone – recreating the classic miniature synthesizer with the Web Audio API
For today that’s all. Remember to visit our blog next week for more useful resources. If you cannot wait until Wednesday, read our next article about 10 Best Websites on Monday. Hasta pronto!