Collective #69

View All

Flippant.js * Free Icons * Fontastic * Sass & Compass Buttons * Element Query Solutions * SVG Workflow * Progression.js

Collective 69

Inspirational Website of the Week

Collective69_toolofna

Great typography, interesting layouts and subtle effects can be found on the website of "Tool of North America". Our pick this week.

Get inspired

Progression.js

Collective69_progression

A very useful jQuery plugin that gives users real time hints and progress updates as they complete forms. Made by Aaron Lumsden.

Check it out

Adapting To A Responsive Design (Case Study)

Collective69_adaptrwd

Matt Gibson from Cyber-Duck gives some interesting insights on why they abandoned a separate mobile website and reviews their process of creating a new responsive design in this case study on Smashing Magazine.

Read it

Working around a lack of element queries

Collective69_lackelementqueries

An insightful article on some tentatives for solving the problem with media queries being relative to the browser window size and not to the element itself. A great discussion with some additional ideas follows.

Read it
Advertisement

Flippant.js

Collective69_flippant

Flippant.js by Christian Metts is a small library for flipping elements in 3D. It has no dependencies and it's easy to customize.

Check it out

Fontastic

Collective69_fontastic

If you are working with icon fonts then Fontastic will help you with a better workflow: an intuitive and beautifully designed interface will make all the steps for generating your custom icon font super easy.

Check it out

Sass & Compass Buttons

Collective69_buttons

Buttons by Alex Wolfe is a CSS button library built with Sass and Compass that you can easily customize.

Check it out

Add Narration to Your Slide Deck With HTML5 Audio

Collective69_narration

Kevin Lamping explains how to add your voice to your slide deck with HTML5 audio.

Check it out

Code Problems

Collective69_problems

A great collection of common code problems solved in JavaScript. It was created by Blake Embrey and you can contribute.

Check it out

Instant Server

Collective69_instantserver

If you need a virtual private server instantly for some quick testing then this is definitely the most uncomplicated option.

Check it out

Mini Mail Application (PSD)

Collective69_minimailapp

A pixel-perfect mini mail application mockup by Ionut Zamfir on PremiumPixels.

Get it

Phoria 3D

Collective69_phoria

Phoria.js by Kevin Roast is a JavaScript library for simple 3D graphics on a canvas 2D renderer that does not use WebGL.

Check it out

200 Foodie Pack: A Free Set Of Food Icons

Collective69_foodicons

Some really nice food icons by Freepik featured by Smashing Magazine. The icons come in the formats PNG, AI and EPS.

Get it

Vectory mini free (PNG)

Collective69_Icons

Vectory mini by Icojam is a free version of Vectory icons and includes 40×40 sized PNGs.

Get it

Flat Browsers Set (PSD)

Collective69_flatbrowsersset

A set of flat browsers including Chrome, Safari and Firefox by Pixeden.

Get it

SVG Workflow for Designers

Collective69_svgworkflow

Dan Mall explains how to create an efficient workflow for SVG as a designer.

Read it

Free Font: Track type

Collective69_trackstype

Tracks type is an all caps font inspired by railway tracks. It was designed by Gumpita Rahayu.

Get it

Frontend Development Bookmarks

Collective69_febookmarks

A great and useful list of frontend development resources that were collected over time by Dimi Navrotskyy. You can contribute as well and a website is planned.

Check it out

CSS Typography Cheat Sheet

Collective69_typography

Some tips and insights around CSS typography by Sven Read.

Read it

Free website PSD: GoodInc.

Collective69_goodinc

A beautiful, flat travel website blog design by Blaz Robar.

Get it

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.