Weekly Frontend News

Collective #75

Inspirational Website of the Week


Usually we're not big fans of sound effects on websites but HELLOHIKIMORI's website is just out of this world. Very interesting effects happen as the site elements build up in front of you. Dive in and enjoy.

Get inspired



Wrap your app screenshots into a device mockup using this great tool by FileSquare.

Check it out

Animated line drawing in SVG


Jake Archibald explains how to smoothily animate an SVG line drawing.

Check it out

The "Other" Interface: Atomic Design With Sass


An interesting article by Robin Rendle on improving our current best practices of project organization based on the principles of atomic design introduced by Brad Frost.

Read it

Responsive Pricing Table (PSD, HTML, CSS)


A clean and elegant pricing table over at WeGraphics.net.

Get it



TidyTime.js by Aaron Lumsden takes any regular time and changes it into a more human friendly expression.

Check it out



A great plugin (jQuery or Zepto) for the classic sliding views by Cloud Four.

Check it out

DevTools: Working with CSS Preprocessors


Learn how to live-edit your preprocessor source files in the Chrome DevTools.

Read it



Definitely a great example for using skeuomorphism: Skeuocard by Kenneth Keiter progressively enhances credit card inputs to provide a skeuomorphic interface.

Check it out

Perspective App Screen Mock-Up (PSD)


A fantastic mobile app screen mockup in perspective by Pixeden.

Get it

Free WordPress Theme: Empo


An elegant and responsive WordPress theme by Anariel Design which comes with a detailed documentation and some customization options. Download it from WordPress.org.

Check it out



A Ruby library by LayerVault that opens up the PSD format and allows you to easily work with Photoshop documents.

Check it out

Creating a 3D Game With Three.js and WebGL


In this tutorial Nikhil Suresh shows you how to get into 3D game development with Three.js and WebGL.

Check it out

The classList API


Derek Johnson writes about the classList API and shows you what you can do with it.

Read it

Music Player (PSD)


A slick music player concept by Atique with a free PSD.

Get it

Free Font: PHANTOM


An elegant uppercase display typeface designed by Frank Hemmekam.

Get it

Sign in form (PSD)


A PSD freebie of an elegant sign in form by Faure Benjamin.

Get it

PW Small Icons (ttf)


A beautiful sketched icon font by Peax Webdesign.

Get it

Free Font: Look Up


Filiz Sahin did it again: Look Up is a playful and unique font that will give your project a special touch.

Get it

Free Font: Parley


Parley is an interesting geometric font by Filipe Rolim.

Get it



Haven't you always wanted to include one of those fancy ASCII drawings into your website's source? Now you can find some great inspiration on WelcomeMat.co created by Zac Halbert.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.