Bi-Weekly Frontend News

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 inspired

Videry: Curated Videos For Web Designers


A great and inspiring collection of hand-picked videos for web designers to learn and get inspired.

Check it out

Popular 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 out



Get free, hi-resolution photos for your website from Unsplash. The collection is updated every ten days.

Check it out

Next 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 it

Forecast Font


Talented Ali Sisk made Forecast Font, a web-font for creating multi-layered, multi-colored weather icons.

Get it

Designing 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 it

Portal CSS


A great tutorial where Donovan Hutchinson shows you how to create and animate a Portal-inspired scene using only CSS.

Check it out

Cikonss - Pure CSS Responsive Icons


An interesting set of responsive, IE-friendly CSS-only icons by Milana Cap.

Get it

AngularJS 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 out

Clown 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 it

Horizontal 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 out

Free Font: Attentica 4F Ultra Light


A slick and elegant font designed by Sergiy Tkachenko.

Get it

Free Flat Icon Set (PSD)


A stunning and creative take on flat icon design by Barry Mccalvey.

Get it

CSS: 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 it

HTC One and Galaxy S4 (PSD)


Some lovely smartphone mockups by Bluroon in PSD format.

Get it

Avenir: A Free Coming Soon HTML Template


An elegant and modern "Coming Soon" template by Nathan Brown for WeGraphics.

Get it

Free iPhone Mockup (PSD)


A beautiful "Hand with iPhone" mockup by Joe Mortell for your next project.

Get it

Case Study: Inside World Wide Maze


Peek behind the scenes of World Wide Maze, a game that uses great HTML5 features.

Read it Create and share visual ideas online


An interesting site where you can create and share your visual ideas.

Check it out

Google Visual Assets Guidelines


Take a look at part 1 of the visual summary of the guidelines of Google's visual assets.

Check it out

Unicode Character Table


A fantastic reference for unicode characters, all in one page with useful info on range, languages and more.

Check it out

Textual 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 out

Free 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