Bi-Weekly Frontend News

Collective #67

Inspirational Website of the Week

Collective67_WSoTW

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

Collective67_videry

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

Collective67_popularuis

Popular UIs is a growing collection of popular web UIs reproduced in Photoshop for educational purposes.

Check it out
Advertisement

Unsplash

Collective67_unsplash

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

Collective67_ng

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

Collective67_forecastfont

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

Get it

Designing for Breakpoints

Collective67_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

Collective67_portalcss

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

Collective67_cikonss

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

Get it

AngularJS Learning

Collective67_angularjslearning

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

Collective67_clowncar

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

Collective67_horizontalportfolio

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

Collective67_fontattentica

A slick and elegant font designed by Sergiy Tkachenko.

Get it

Free Flat Icon Set (PSD)

Collective67_freeflaticonset

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

Get it

CSS: reset or normalize?

Collective67_normalizereset

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)

Collective67_galaxys4

Some lovely smartphone mockups by Bluroon in PSD format.

Get it

Avenir: A Free Coming Soon HTML Template

Collective67_avenire

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

Get it

Free iPhone Mockup (PSD)

Collective67_iphonemockup

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

Get it

Case Study: Inside World Wide Maze

Collective67_wwm

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

Read it

easel.ly: Create and share visual ideas online

Collective67_easelly

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

Check it out

Google Visual Assets Guidelines

Collective67_googleguidelines

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

Check it out

Unicode Character Table

Collective67_unicode

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

Check it out

Textual Motion Blur

Collective67_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

Collective67_fonttenso

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