Collective #67
Inspirational Website of the Week
![Collective67_WSoTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_WSoTW.png?x97002)
Diesel Black Gold has a very interesting 3D menu and some creative effects. Our pick this week.
Get inspiredVidery: Curated Videos For Web Designers
![Collective67_videry](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_videry.png?x97002)
A great and inspiring collection of hand-picked videos for web designers to learn and get inspired.
Check it outPopular UIs: Free PSDs of Popular Web Interfaces
![Collective67_popularuis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_popularuis.png?x97002)
Popular UIs is a growing collection of popular web UIs reproduced in Photoshop for educational purposes.
Check it outUnsplash
![Collective67_unsplash](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_unsplash.png?x97002)
Get free, hi-resolution photos for your website from Unsplash. The collection is updated every ten days.
Check it outNext Generation Web Layout: National Geographic Forest Giant
![Collective67_ng](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_ng.jpg?x97002)
Christopher Gammon takes you behind the scenes of the "National Geographic: Forest Giant" experiment that gives us a glimpse of the future of web layouts using CSS shaders.
Read itForecast Font
![Collective67_forecastfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_forecastfont.png?x97002)
Talented Ali Sisk made Forecast Font, a web-font for creating multi-layered, multi-colored weather icons.
Get itDesigning for Breakpoints
![Collective67_breakpoints](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_breakpoints.png?x97002)
A great excerpt from Stephen Hay's new book "Responsive Design Workflow" where he writes about designing with major breakpoints in mind.
Read itPortal CSS
![Collective67_portalcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_portalcss.png?x97002)
A great tutorial where Donovan Hutchinson shows you how to create and animate a Portal-inspired scene using only CSS.
Check it outCikonss - Pure CSS Responsive Icons
![Collective67_cikonss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_cikonss.png?x97002)
An interesting set of responsive, IE-friendly CSS-only icons by Milana Cap.
Get itAngularJS Learning
![Collective67_angularjslearning](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_angularjslearning.png?x97002)
A useful collection of links to blog posts, articles, videos and more for getting started with and learning AngularJS by Jeff Cunningham.
Check it outClown Car Technique: Solving Adaptive Images In Responsive Web Design
![Collective67_clowncar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_clowncar.png?x97002)
Learn more about Estelle Weyl's technique for serving adaptive images in responsive web designs using media queries within SVG.
Read itHorizontal Portfolio Layout with CSS3 Animations and jQuery
![Collective67_horizontalportfolio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_horizontalportfolio.png?x97002)
In her latest tutorial, Sara Soueidan will teach you how to create a beautiful horizontal portfolio layout with cool hover effects.
Check it outFree Font: Attentica 4F Ultra Light
![Collective67_fontattentica](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_fontattentica.png?x97002)
A slick and elegant font designed by Sergiy Tkachenko.
Get itFree Flat Icon Set (PSD)
![Collective67_freeflaticonset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_freeflaticonset.png?x97002)
A stunning and creative take on flat icon design by Barry Mccalvey.
Get itCSS: reset or normalize?
![Collective67_normalizereset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_normalizereset.png?x97002)
Oli Studholme dives into the topic of CSS normalisation, what its advantages are and how it's different from CSS resetting.
Read itHTC One and Galaxy S4 (PSD)
![Collective67_galaxys4](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_galaxys4.png?x97002)
Some lovely smartphone mockups by Bluroon in PSD format.
Get itAvenir: A Free Coming Soon HTML Template
![Collective67_avenire](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_avenire.jpg?x97002)
An elegant and modern "Coming Soon" template by Nathan Brown for WeGraphics.
Get itFree iPhone Mockup (PSD)
![Collective67_iphonemockup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_iphonemockup.png?x97002)
A beautiful "Hand with iPhone" mockup by Joe Mortell for your next project.
Get itCase Study: Inside World Wide Maze
![Collective67_wwm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_wwm.png?x97002)
Peek behind the scenes of World Wide Maze, a game that uses great HTML5 features.
Read iteasel.ly: Create and share visual ideas online
![Collective67_easelly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_easelly.png?x97002)
An interesting site where you can create and share your visual ideas.
Check it outGoogle Visual Assets Guidelines
![Collective67_googleguidelines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_googleguidelines.png?x97002)
Take a look at part 1 of the visual summary of the guidelines of Google's visual assets.
Check it outUnicode Character Table
![Collective67_unicode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_unicode.png?x97002)
A fantastic reference for unicode characters, all in one page with useful info on range, languages and more.
Check it outTextual Motion Blur
![Collective67_blur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_blur.jpg?x97002)
A great demo by Ross McMillan where text is blurred on scroll. Use Chrome or Firefox to see the effect (not mobile).
Check it outFree Font: Tenso Regular
![Collective67_fonttenso](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective67_fonttenso.png?x97002)
From the foundry that brought you epic fonts like Museo comes yet another beautifully crafted typeface: Tenso. Get the regular style for free.
Get it