Collective #4

View All

Free Icons * Responsive Web Design * jQuery Scroll Path * Date Picker * Clever tricks with CSS * Typography

Collective 4

jQuery Scroll Path

Collective4_04

Joel Besada created an amazing plugin which you can use to define custom scroll paths to achieve stunning scroll effects.

Get it

Responsive Navigation Menu

Collective4_01

Learn how to create a stylish and responsive navigation menu in this tutorial.

Check it out

Camera jQuery Slideshow

Collective4_13

This responsive slideshow uses a light version of jQuery mobile, making it possible to navigate the slides by swiping. It comes with some beautiful transitions and skins and it can be used in fullscreen, too.

Check it out
Advertisement

Responsive Web Design: Missing the Point

Collective4_02

Another great article by Brad Frost where he's setting the misconception about responsive web design straight: responsiveness is not some hip new feature - it's a necessity for creating cross-device functioning web sites and optimal user experiences.

Read it

Free Icons from Dribbble

FreeIconsDribbble_01

Glyph UI Icon Set by Matt Gentile

Free Icons from Dribbble

FreeIconsDribbble_02

50 Free Delicious Berries Icons by Oliviu Stoian

Free Icons from Dribbble

FreeIconsDribbble_04

350 Free vector web icons (Freebie) by Brankic1979

Free Icons from Dribbble

FreeIconsDribbble_05

Max Mini Icon by Ashung Hung

Free Icons from Dribbble

FreeIconsDribbble_08

Free Calendar Icons by Gerardo Diaz

Free Icons from Dribbble

FreeIconsDribbble_10

Free Button & Icon Exploration by Ryan Le Roux

Free Icons from Dribbble

FreeIconsDribbble_12

FREEBIE - Vector Icon 3 Pack by Caleb Amesbury

Wookmark jQuery Plugin

Collective4_03

If you've visited wookmark.com already, you probably know their dynamic grid layout. Now the folks of Wookmark have released a free jQuery plugin that does exactly that.

Check it out

Kalendae: JavaScript Date Picker

Collective4_05

This framework independent date picker comes with many great features. It uses moment.js to parse the dates and it's easily customizable.

Check it out

Moment.js

Collective4_07

Moment.js is a lightweight JavaScript date library for parsing, manipulating, and formatting dates. It makes it super-easy to calculate with and display dates even in multiple languages.

Get it

Retro Triangular Pattern Design

Collective4_14

Another great tutorial by Chris Spooner. Learn how to create a cool retro pattern in Illustrator.

Check it out

tQuery: three.js + jQuery

tQuery is an extension to the JavaScript 3D library three.js, making it easy to share and build stuff using three.js.

Check it out

Pure CSS Clickable Events

Collective4_08

Ryan Collins shows us how to simulate a click event on an element using only CSS. With a combination of :active an :hover a clicked element will expand and stay expanded until we move out with the mouse. That's just super-clever!

Check it out

Respect Thy Typography

Collective4_09

In this Smashing Magazine article, Espen Brunborg takes us on a journey and tells us how good typography is not just making letters look fancy but understanding and paying some respect to the long evolution behind the typefaces we're using today.

Read it

Using "Infinite" Transition Delays

Collective4_10

Joel Besada explains how one can maintain CSS style states using super long transition delays. You wouldn't believe what you can do with that amazing trick!

Check it out

Create a Responsive Web Design with Media Queries

Collective4_11

Learn from Chris Spooner how to use media queries to create a responsive web design.

Check it out

Inception Explained

Collective4_12

Scroll this uncredibly creative website to understand the underlying logic of the movie "Inception". A wonderful creation by Matt Dempsey that will blow your socks off!

Dive in

For a Future-Friendly Web

Brad Frost encourages us in his article to realize how important it is to move forward and become more future friendly when creating content for the rapidly changing web.

Read 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.