Bi-Weekly Frontend News

Collective #80

Inspirational Website of the Week

Collective80_websiteoftheweek

A really nice and creative way to meet a design agency. Our pick this week.

Get inspired

Flat And Thin Are In

Collective80_flatthin

Adrian Taylor dives into the story of flat design, how it evolved and how to make the new trend work for your next design.

Read it

animo.js

Collective80_animojs

Animo.js is a really useful tool for managing CSS animations. It allows to control the time and sequence of firing animations and more. Made by Daniel Raftery.

Check it out
Advertisement

favico.js

Collective80_favicon

Create a favicon that moves with animated badges, images or videos.

Check it out

Perimeter.js

Collective80_perimeter

Perimeter.js is a very interesting script that will creates an invisible perimeter around a target element and monitor mouse breaches.

Check it out

HelloRun

Collective80_hellorun

HelloRun is a fantastic HTML5 game by HelloEnjoy.

Check it out

UIbox

Collective80_uibox

UIbox is a curated HTML, CSS, JS UI component library.

Check it out

Brainy Icons

collective80_brainy

Brainy Icons Free is a set of 36 hand-drawn free education icons. The icons are available as AI, EPS, PSD and PNG. Made by Hand Drawn Goods.

Check it out

The iOS Design Cheat Sheet

Collective80_ioscheatsheet

A really great and useful collection of all the important dimensions of icons and commonly used elements for iOS 7. Made by Ivo Mynttinen.

Check it out

Getting Started With HTML5 Game Development

Collective80_html5games

Learn how to get started with HTML5 game development from this guide by Austin Hallock and Robert Nyman.

Check it out

Free Font: Corduroy Slab

Collective80_corduroy

Corduroy Slab is a charismatic dipslay slab font face by Ryan Welch.

Get it

Teach, Don't Tell

Collective80_teachdonttell

Steve Losh gives some great advice on how to write a technical documentation properly.

Read it

Free Font: Born

Collective80_born

Born is a very elegant and sophisticated humanist typeface by Carlos de Toro.

Get it

It's Flat! (SVG)

Collective80_itsflat

A great freebie by MediaLoot: a set of 48 free vector icons, created in Photoshop using vector shapes only.

Get it

Android Devices (AI)

Collective80_androiddevices

A set of Android devices by Ian Mintz.

Get it

Mobiles Wall

Collective80_mobileswall

A great spot to find some beautiful high-quality mobile wallpapers.

Check it out

Jumpstarting WebGL

Collective80_jumpstartingwebgl

A creative presentation by Christian Ostman on WebGL (in WebGL).

Check it out

Piatto – A Free Flat Style Landing Page (PSD)

Collective80_piatto

A free flat style landing page as PSD by Nathan Brown for WeGraphics.

Get it

Cheat Sheet for Favicon Sizes and Types

Collective80_faviconcheatsheet

A very useful cheat sheet including all the favicon sizes and types. Complied by Audrey Roy.

Check it out

Spacedeck

Collective80_spacedeck

Spacedeck is a fantastic platform for visual collaboration - from developing ideas and concepts to sharing work with clients, Spacedeck will provide all the tools needed.

Check it out

Web Performance 2.0

Collective80_webperformance2

Gorka Molero points out how performance has been overlooked when creating responsive websites.

Read it

Skill Swap!

Collective80_skillsswap

With Skillswap you can find people with the skill you need and in return, you can offer your skills.

Check it out

Gusto Email Template (PSD)

Collective80_gusto

A really nice email template by PSD Freebies.

Get it