Collective #5

View All

Free Fonts * Managing High Resolution * 3D Awesomeness * CSS Regions * CSS3 and SVG

Collective 5

Hammer.js

Collective5_01

Eight Media gives us a JavaScript library for multi-touch gestures which allows for an easy implementation of touch events in your website.

Get it

jQuery Retina Plugin

Collective5_02

Tyler Craft created a jQuery plugin that will swap out an image source for one that is sized for retina displays.

Check it out

sigma.js

Collective5_03

sigma.js, by Alexis Jacomy, is an open-source light-weight JavaScript library for drawing graphs, using the HTML canvas element. It is highly customizable and it comes with a lot of options.

Get it

How To Add Text Gradients With CSS

Collective5_04

In this tutorial you will learn a lot about CSS gradients and the background-clip property and how you can apply them to text.

Read it
Advertisement

Behance: Free Fonts

FreeFontBehance_01

Drebeden by Serge Shi

Behance: Free Fonts

FreeFontBehance_02

Valentina typeface by Pedro Arilla

Behance: Free Fonts

FreeFontBehance_03

Sablon Type by Filiz Sahin

Behance: Free Fonts

FreeFontBehance_04

Paper Johnny by Stefanie Koerner

Behance: Free Fonts

FreeFontBehance_05

Barata Display by Enrique Arellano

Behance: Free Fonts

FreeFontBehance_06

Inner City by Jacopo Severitano

Behance: Free Fonts

FreeFontBehance_07

Chrome Light by Artem Sukhinin

CSS3D Clouds

Collective5_06

Jaume Sánchez coded up this awesome experiment: 3d-like clouds with CSS3 3D Transforms and a bit of JavaScript.

Check it out

Foresight.js

Collective5_07

Foresight.js can be used to request a suitable image size (think retina enabled devices) and it determines if the network connection speed can handle higher resolution images. It modifies context image requests, but the server does the image resizing.

Get it

Ready or Not, Here Comes HD Web Design

Collective5_09

This is a great read about the high-resolution future of the web and what it means for web designers and web developers.

Read it

7 Facts and Myths of HTML5

Collective5_10

With all the HTML5 hype, some myths have established around the fifth version of the web language. Learn some interesting facts and common misconceptions about HTML5 from this article.

Read it

CSS3 Generator

Collective5_11

Pascal von Seth gives us this great CSS3 generator with all kinds of properties and options to create CSS3 styles.

Try it

Gaussian Blur and CSS3/SVG

Collective5_12

A really great round-up of blur methods and examples for text and images using SVG and CSS3 by Jamy Golden.

Read it

firstImpression.js

Rob Flaherty gives us this very simple, light-weight, pure JavaScript library for detecting if a visitor to a website is a new visitor.

Get it

Timeline

Collective5_13

A superb timeline tool that let's you create intuitive and easy-to-use timelines. You can use data from different media sources like Twitter and Youtube.

Get it

SVG animations, CSS Animations, CSS Transitions

Collective5_14

An interesting article about combining different animation models and how they work out together (or don't).

Read it

Rainbow Syntax Highlighter

Collective5_15

Rainbow is a light-weight code syntax highlighting library in JavaScript. It's easy to use, extendable and themeable.

Get it

Minimum Paragraph Widths in Fluid Layouts

Collective5_05

Gustav Andersson shows and explains how to tackle a common text flow problem with a great little technique.

Read it

CSS Regions

Collective5_16

There is some hardcore stuff you can do with with CSS Regions. Check out these amazing experiments of clipping, bending and slicing content, and more. Beware, Chrome only!

Check it out

codestre.am

Collective5_17

This is something for geeks and it's really awesome: stream and/or record your terminal, with just one command.

Check it out

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