Collective #119
Inspirational Website of the Week: VOTD.tv
![Collective119_votd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_votd.png?x72856)
Eye-catching logo animations and some smooth hover effects make the website of VOTD interesting to explore.
Get inspiredwebcompat.com
![Collective119_webcompat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_webcompat.png?x72856)
Webcompat is a collborative platform to report bugs and web compatibility issues from any website across the web. Read more about the project in the Mozilla Hacks article Introducing webcompat.com
Check it outThe Guide to Wireframing
![Collective119_wireframing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_wireframing.png?x72856)
A free ebook that will teach you everything you need to know about wireframing. Written by Chris Bank from UXPin.
Get itTesting Responsive Images
![Collective119_picture](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_picture.png?x72856)
Read how you can help test and file bugs for the new <picture> element in Chrome Canary.
Read itSally Blocks (PSD)
![Collective119_Sally](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_Sally.png?x72856)
Sally Blocks is an amazing set of ready-to-use elements and components for simple and fast web design prototyping.
Get itSketch Tutorial: Colorful switch
![Collective119_colorfulswitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_colorfulswitch.png?x72856)
A step-by-step Sketch tutorial by Sebastien Gabriel that will get you started for real.
Read itKeyboard Shortcuts for Pagination
![Collective119_keyboardpagination](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_keyboardpagination.png?x72856)
Learn how to make it easy to navigate between pages thought pagination keyboard shortcuts in this great tutorial by Osvaldas Valutis.
Check it outPSD Viewing & Diffing
![Collective119_psdgithub](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_psdgithub.png?x72856)
Image viewing and diffing on Github has now support for PSD files.
Check it outHands On The Sigmund Freud Typeface: Making A Font For Your Shrink
![Collective119_freud](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_freud.jpg?x72856)
An insightful and stunning introduction to creating handwriting fonts by Harald Geisler.
Read itHow To Create Typography Illustrations the Easy Way
![Collective119_typographyIllustrations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_typographyIllustrations.png?x72856)
Learn how to create a trendy hand lettering style quote illustration with a smart and easy technique. A tutorial by Chris Spooner.
Read itMy design process of the "Digital Adaptation" book illustrations & layout
![Collective119_digitaladaptation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_digitaladaptation.png?x72856)
Read about Veerle Pieters' interesting design process for the layout and illustrations of one of Smashing Magazine's new books.
Check it outWrite less, achieve meh?
![Collective119_writeless](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_writeless.png?x72856)
An interesting article by Christian Heilman on how the web needs more sensible brick creation rather than apparently perfect solutions.
Read itSwift Cheat Sheet
![Collective119_swift](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_swift.png?x72856)
A short guide by Grant Timmerman to using Apple's new programming language, Swift.
Check it outInkTattoo (PSD)
![Collective119_inktatoo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_inktatoo.png?x72856)
A creative tattoo studio website PSD template by The Uncreative.
Get itFree Font: REN
![Collective119_ren](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_ren.png?x72856)
A stylish and unique retro typeface with four weights by Andreas Leonidou.
Get itbeeplay.js
![Collective119_beeplay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_beeplay.png?x72856)
Daijiro Wachi created this fantastic little gem that let's you write a song in JavaScript.
Check it outA Light Year
![Collective119_lightyear](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_lightyear.png?x72856)
See how far light travels in a year on this beautiful website by Debra Ohayon.
Check it outFunction Space
![Collective119_functionspace](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_functionspace1.png?x72856)
Function Space is a fantastic social learning network for all things science. You can learn anything from Quantum Physics to Computational Complexity.
Check it outJSNice
![Collective119_jsnice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_jsnice.png?x72856)
JSNice is a new kind of statistical de-obfuscation and de-minification engine for JavaScript. Given a script, JSNice automatically suggests likely identifier names and types.
Check it outChapp
![Collective119_chapp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/06/Collective119_chapp.png?x72856)
Chapp is a discussion platform built by the people at smashLAB. Public Channels let you chat with the entire Chapp community. Private Channels allow for safe and secure discussions with friends.
Check it out