Collective #60
Inspirational Website of the Week
![Collective60_PaperPaintWOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_PaperPaintWOTW.jpg?x25555)
Paper & Paint redefines scrolling effects but adding subtle movements to images. A smooth experience with a great design.
Get inspiredjQuery 2.0 Released
![Collective60_jquery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_jquery.jpg?x25555)
The arrival of jQuery 2.0 is an epic milestone: reduced size, no more support for IE6/7/8, custom builds for even smaller files and more.
Read itWireKit: iPhone App Wireframing Kit
![Collective60_wirekit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_wirekit.jpg?x25555)
Adam Whitcroft created this excellent wireframe kit with the most common UI elements from an iPhone 5.
Get itshame.css
Harry Roberts suggests to separate nasty, hacky, quick-fix CSS from all the well-defined CSS rules and add it to a shame.css that can then be worked on and cleaned. Just brilliant!
Read itFree Font: Bamq
![Collective60_bamq](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_bamq.jpg?x25555)
A beautiful and unique typeface design by Gulay Inceoglu inspired by the modern minimalist architecture.
Get itFlexy Boxes
![Collective60_flexyboxes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_flexyboxes.jpg?x25555)
Flexy Boxes is a very useful flexbox playground and code generator by Pete Boere.
Check it outList of Pseudo-Elements to Style Form Controls
![Collective60_pseudo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_pseudo.jpg?x25555)
A great compilation of the pseudo-elements to style form controls by TJ VanToll.
Read itVerlet-JS
![Collective60_verletjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_verletjs.jpg?x25555)
Verlet-JS a simple Verlet integration physics engine written in JavaScript by Sub Protocol. Check out the examples to see it in action.
Check it outThe Tragedy of Perfectionism
![Collective60_sushi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_sushi1.jpg?x25555)
A very inspiring read by Magnus Schifter-Holm about the fabric of perfectionism. If you are interested in entrepreneurial philosophy you'll definitely like this article.
Read itbluePen CSS Editor
![Collective60_BluePen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_BluePen.jpg?x25555)
With bluePen you can edit your website's CSS online in real time and save your modifications.
Check it outPure CSS3 breadcrumb navigation
![Collective60_breadcrumb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_breadcrumb.jpg?x25555)
A great walkthrough on The Code Player of a pure CSS3 breadcrumb navigation.
Check it outAnimating flexboxes: the lowdown
![Collective60_animatingflexboxes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_animatingflexboxes.jpg?x25555)
Chris Mills plays around with flexboxes, animations and transitions and shares his insights in this tutorial.
Check it outWired 1.0
![Collective60_wired](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_wired.jpg?x25555)
Wired is a wireframe kit for sketch app including a .png and .eps kit for everyone else. Created by Mark Collins.
Get itVexel - Redraw any image with pure CSS!
![Collective60_Vexel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_Vexel.jpg?x25555)
Did you know that you can create quite impressive pixel re-creations of any image just with CSS? Try this fun tool and see how.
Check it outFlexNav - Flexible, Device Agnostic Navigation
![Collective60_flexnav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_flexnav.jpg?x25555)
FlexNav is a jQuery Plugin for responsive menus that makes using complex site navigation easy.
Check it outflatApples (PSD)
![Collective60_flatapples](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_flatapples.jpg?x25555)
Some nice, flat Apple devices for your mockups by Stoyan Daskaloff.
Get itPreventing the Performance Hit from Custom Fonts
![Collective60_Webfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_Webfonts.jpg?x25555)
A round up of Chris Coyier on how to optimize performance when it comes to loading web fonts.
Read itEldorado mini free
![Collective60_eldorado](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_eldorado.jpg?x25555)
Eldorado mini is a free version of Eldorado icons and includes 40×40 sized pixel-perfect PNGs.
Get itSly: Scrolling Library
![Collective60_Sly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_Sly.jpg?x25555)
Sly is a JavaScript library for one-directional scrolling with item based navigation support. It depends on jQuery 1.7+ and is developed by Darsain.
Check it outLayoutIt!
![Collective60_Layoutit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_Layoutit.jpg?x25555)
With LayoutIt! and its drag & drop interface builder you can create your front-end code simple and quickly with Bootstrap.
Try itSlate Collection of Stylized Apple Product PSDs
![Collective60_slatepsds](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective60_slatepsds.jpg?x25555)
Another great collection of useful Apple product templates for your mockups by Bright Bright Great.
Get it