Collective #67
Inspirational Website of the Week
Diesel Black Gold has a very interesting 3D menu and some creative effects. Our pick this week.
Get inspiredVidery: Curated Videos For Web Designers
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
Popular UIs is a growing collection of popular web UIs reproduced in Photoshop for educational purposes.
Check it outUnsplash
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
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
Talented Ali Sisk made Forecast Font, a web-font for creating multi-layered, multi-colored weather icons.
Get itDesigning for Breakpoints
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
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
An interesting set of responsive, IE-friendly CSS-only icons by Milana Cap.
Get itAngularJS Learning
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
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
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
A slick and elegant font designed by Sergiy Tkachenko.
Get itFree Flat Icon Set (PSD)
A stunning and creative take on flat icon design by Barry Mccalvey.
Get itCSS: reset or normalize?
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)
Some lovely smartphone mockups by Bluroon in PSD format.
Get itAvenir: A Free Coming Soon HTML Template
An elegant and modern "Coming Soon" template by Nathan Brown for WeGraphics.
Get itFree iPhone Mockup (PSD)
A beautiful "Hand with iPhone" mockup by Joe Mortell for your next project.
Get itCase Study: Inside World Wide Maze
Peek behind the scenes of World Wide Maze, a game that uses great HTML5 features.
Read iteasel.ly: Create and share visual ideas online
An interesting site where you can create and share your visual ideas.
Check it outGoogle Visual Assets Guidelines
Take a look at part 1 of the visual summary of the guidelines of Google's visual assets.
Check it outUnicode Character Table
A fantastic reference for unicode characters, all in one page with useful info on range, languages and more.
Check it outTextual Motion Blur
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
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