Collective #60

View All

jQuery 2.0 * WireKit * shame.css * Flexbox * CSS Editor * FlexNav * PSDs * Free Fonts * Icons * Sly

Collective 60

Inspirational Website of the Week

Collective60_PaperPaintWOTW

Paper & Paint redefines scrolling effects but adding subtle movements to images. A smooth experience with a great design.

Get inspired

jQuery 2.0 Released

Collective60_jquery

The arrival of jQuery 2.0 is an epic milestone: reduced size, no more support for IE6/7/8, custom builds for even smaller files and more.

Read it

WireKit: iPhone App Wireframing Kit

Collective60_wirekit

Adam Whitcroft created this excellent wireframe kit with the most common UI elements from an iPhone 5.

Get it

shame.css

Harry Roberts suggests to separate nasty, hacky, quick-fix CSS from all the well-defined CSS rules and add it to a shame.css that can then be worked on and cleaned. Just brilliant!

Read it
Advertisement

Free Font: Bamq

Collective60_bamq

A beautiful and unique typeface design by Gulay Inceoglu inspired by the modern minimalist architecture.

Get it

Flexy Boxes

Collective60_flexyboxes

Flexy Boxes is a very useful flexbox playground and code generator by Pete Boere.

Check it out

List of Pseudo-Elements to Style Form Controls

Collective60_pseudo

A great compilation of the pseudo-elements to style form controls by TJ VanToll.

Read it

Verlet-JS

Collective60_verletjs

Verlet-JS a simple Verlet integration physics engine written in JavaScript by Sub Protocol. Check out the examples to see it in action.

Check it out

The Tragedy of Perfectionism

Collective60_sushi

A very inspiring read by Magnus Schifter-Holm about the fabric of perfectionism. If you are interested in entrepreneurial philosophy you'll definitely like this article.

Read it

bluePen CSS Editor

Collective60_BluePen

With bluePen you can edit your website's CSS online in real time and save your modifications.

Check it out

Pure CSS3 breadcrumb navigation

Collective60_breadcrumb

A great walkthrough on The Code Player of a pure CSS3 breadcrumb navigation.

Check it out

Animating flexboxes: the lowdown

Collective60_animatingflexboxes

Chris Mills plays around with flexboxes, animations and transitions and shares his insights in this tutorial.

Check it out

Wired 1.0

Collective60_wired

Wired is a wireframe kit for sketch app including a .png and .eps kit for everyone else. Created by Mark Collins.

Get it

Vexel - Redraw any image with pure CSS!

Collective60_Vexel

Did you know that you can create quite impressive pixel re-creations of any image just with CSS? Try this fun tool and see how.

Check it out

FlexNav - Flexible, Device Agnostic Navigation

Collective60_flexnav

FlexNav is a jQuery Plugin for responsive menus that makes using complex site navigation easy.

Check it out

flatApples (PSD)

Collective60_flatapples

Some nice, flat Apple devices for your mockups by Stoyan Daskaloff.

Get it

Preventing the Performance Hit from Custom Fonts

Collective60_Webfonts

A round up of Chris Coyier on how to optimize performance when it comes to loading web fonts.

Read it

Eldorado mini free

Collective60_eldorado

Eldorado mini is a free version of Eldorado icons and includes 40×40 sized pixel-perfect PNGs.

Get it

Sly: Scrolling Library

Collective60_Sly

Sly is a JavaScript library for one-directional scrolling with item based navigation support. It depends on jQuery 1.7+ and is developed by Darsain.

Check it out

LayoutIt!

Collective60_Layoutit

With LayoutIt! and its drag & drop interface builder you can create your front-end code simple and quickly with Bootstrap.

Try it

Slate Collection of Stylized Apple Product PSDs

Collective60_slatepsds

Another great collection of useful Apple product templates for your mockups by Bright Bright Great.

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