Collective #55
Inspirational Website of the Week
![Collective55_skybox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_skybox.jpg?x86293)
Skybox has some smooth sliding transitions and interesting hover effects, combined with a unqiue layout and typography. Definitely our pick this week.
Get inspiredBrowserdiet: How to lose weight (in the browser)
![Collective55_webdiet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_webdiet.jpg?x86293)
A superb front-end performance guide put together by real experts who work on large sites.
Read itDesigning A Better Mobile Checkout Process
![Collective55_mobilecheckout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_mobilecheckout.jpg?x86293)
A great article by Derek Nelson on how to optimize the mobile checkout process for a better user experience.
Read itSwipe Touch Slider
![Collective55_swipe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_swipe.jpg?x86293)
Swipe.js is responsive image slider with touch support developed by Brad Birdsall.
Check it outCss-only Alternative to the Select Element
![Collective55_selectcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_selectcss.jpg?x86293)
Learn how to create a slick select-like drop-down list with CSS only in this tutorial by Paulina Hetman.
Check it outThe Era of Symbol Fonts
![Collective55_iconfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_iconfonts.jpg?x86293)
Brian Suda gives a great overview of symbol fonts and how they help to improve perfomance and how to use them in an optimal way.
Read itOverAPI.com - Collecting all the cheat sheets
![Collective55_overapi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_overapi.jpg?x86293)
At OverAPI you can find an extensive collection of cheat sheets you'll definitely find useful as a web developer.
Check it outThe Clambake for Emails & Retina Images
![Collective55_clambake](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_clambake.jpg?x86293)
With the Clambake by Aaron Kahlhamer for ZURB you can add retina-ready graphics, like your logo, to a responsive email.
Check it outLet's Build a Lightweight Blog System – Part 1
![Collective55_blogsystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_blogsystem.jpg?x86293)
Start learning how to create a light-weight blog system with PHP and CSS3 in this tutorial by Martin Angelov.
Read itCanvas Query
![Collective55_jquerycanvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_jquerycanvas.jpg?x86293)
Canvas Query is a wrapper library for HTML5 canvas which allows it to be used with jQuery-like syntax. It also offers a lot of commonly used image manipulation methods mainly convenient for game developers.
Check it outTimepiece Rounded
![Collective55_clock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_clock.jpg?x86293)
An interesting OpenType font displaying time, like 17:23:25, as an analogue Clock.
Check it outiPhone and iPad (PSD)
![Collective55_iphoneipad](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_iphoneipad.jpg?x86293)
A great looking iPhone and iPad template by Agence Me.
Get itFree Sketched Icon Fonts
![Collective55_sketchedicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_sketchedicons.jpg?x86293)
Peax shares three amazing sets of hand-drawn sketched icon fonts. Check them out: font 1, font 2 and font 3
Get themiOS 6 switch style checkboxes with pure CSS
![Collective55_switches](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_switches.jpg?x86293)
Some great looking CSS-only iOS switches by Lea Verou.
Check it outPixi Renderer
![Collective55_pixijs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_pixijs.jpg?x86293)
Pixi.js is a fast HTML5 2D renderer engine that uses WebGL with a canvas fallback that enables it to work across all modern browsers both, desktop and mobile.
Check it outCSS3 text-shadow effects
![Collective55_textshadow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_textshadow.jpg?x86293)
Jorge Epuñan created some fantastic text-shadow effects on Codepen.
Check it outShadow DOM 201 - CSS and Styling
![Collective55_shadowdom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_shadowdom.jpg?x86293)
Learn more about the Shadow DOM and what you can do regarding CSS and styling from this article by Eric Bidelman.
Read itFree Font: Shinto
![Collective55_shinto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_shinto.jpg?x86293)
A fresh new display font from Golden Black.
Read itMove a Cube With Your Head or Head-Tracking With WebGL
![Collective55_head3d](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_head3d.jpg?x86293)
Experiment with headtrackr.js and three.js, and learn how to do head tracking in WebGL in this article by Jerome Etienne.
Read itiPhone 5 Template + (PSD)
![Collective55_iphonetemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_iphonetemplate.jpg?x86293)
A pixel-perfect and improved iPhone 5 template by Dash.
Get itSocial Media Image Maker
![Collective55_socialimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_socialimages.jpg?x86293)
A great place to resize and retouch your social media images.
Check it outMinimal Apple Product Templates
![Collective55_apple](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/03/Collective55_apple.jpg?x86293)
Some really nice, flat apple product templates by WeGraphics for your next mockup.
Get it