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

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here