Collective #48
Inspirational Website of the Week
![Collective48_handytest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_handytest.jpg?x86293)
The Handytest by FINN.no is our pick this week. The interactive test is based on an interesting navigation and it is beautifully designed.
Get inspiredParsley.js
![Collective48_parsley](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_parsley.jpg?x86293)
With the Parsley.js library you can easily validate forms with JavaScript. It's light-weight and highly configurable.
Get itSneak Peek Into The Future: Selectors, Level 4
![Collective48_selectors4](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_selectors4.jpg?x86293)
Andrzej Mazur gives us an overview of some future CSS goodness in this Smashing Magazine article.
Read itThe pro's guide to CSS layouts
![Collective48_layouts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_layouts.jpg?x86293)
Peter Gasston gives us an overview of some future layout techniques that will make creating websites for all kinds of devices much easier and smarter.
Read itTop Drawer
![Collective48_topdrawer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_topdrawer.jpg?x86293)
Jordan Moore shows how to create a smooth revealing menu using CSS3.
Check it outRetina for web workflow
![Collective48_retina](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_retina.jpg?x86293)
Michiel de Graaf explains how to manage and simplify the extra work that comes with creating websites for retina displays.
Read itcss-animations.js
A library that uses the CSS DOM API to access CSS3 keyframe animations, enabling you to control them in your JavaScript.
Check it outQuick Tip: Store Data in the Browser with IndexedDB
![Collective48_indexeddb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_indexeddb.jpg?x86293)
Learn how to store data in the browser using IndexedDB from this tutorial by Martin Angelov.
Check it outWebcamSwiper
![Collective48_webcamswiper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_webcamswiper.jpg?x86293)
An experiment to control a photo carousel using getUserMedia to watch for swipes left and right with a hand.
Check it outCss-only Lavalamp-like Fancy Menu Effect
![Collective48_lavalamp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_lavalamp.jpg?x86293)
Learn how to create a stylish looking lavalamp menu in this tutorial by Paulina Hetman.
Check it outUnderstand the Favicon
![Collective48_favicon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_favicon.jpg?x86293)
Jonathan T. Neal shares what he learned about the favicon in this in-depth article.
Read itFree Font: Higher
![Collective48_higher](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_higher.jpg?x86293)
Higher is an interesting display font created by Marisa Passos.
Get itSetting Up a Local WordPress Testing Environment
![Collective48_wptest](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_wptest.jpg?x86293)
A detailed tutorial on how to set up WordPress for local testing by Matej Latin for Tutorialzine.
Read itYour logo is still an imageā¦ and so is mine!
Harry Roberts shares his thoughts and insight on which markup is better for a logo.
Read itResponsive Navigation Menu
![Collective48_responsivemenu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_responsivemenu.jpg?x86293)
Nick La shows us a great technique on how to create a responsive navigation menu without any JavaScript.
Check it outResponsive Boilerplate Framework
![Collective48_responsivebp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_responsivebp.jpg?x86293)
If you want to start your responsive project then this might be an interesting framework for you: an elegant & minimalistic CSS3 grid system, made with only one container and 12 columns.
Check it outThe Future of OOCSS: A Proposal
A great article by Philip Walton with some interesting suggestions for OOCSS.
Read itCreating 3D worlds with HTML and CSS
![Collective48_worlds](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_worlds.jpg?x86293)
Keith Clark pushes the possibilities of CSS by creating a realistic 3D environment using CSS 3D transforms.
Check it outTiny Monsters
![Collective48_monsters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_monsters.jpg?x86293)
A really nice little 2D game by Ivan Kuckir written in JavaScript. Your job is to cut small parts from a polygon without touching the tiny monsters inside.
Check it outTypography for designers
![Collective48_typodesigners](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_typodesigners.jpg?x86293)
Find great font resources on this collection site, or simply get inspired.
Check it outSlot machine with jQuery and CSS 3D transforms
![Collective48_slotmachine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_slotmachine.jpg?x86293)
Gregor Adams shows us his updated version of a jQuery slot machine, this time in 3D.
Check it out10 Blurred Backgrounds
![Collective48_blurbg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/01/Collective48_blurbg.jpg?x86293)
A set of free, high-resolution blurred backgrounds (1920x1200px) by Shantha Abeyrathne.
Get it