Collective #8

View All

3D Experiment * CSS Selectors * PSDs * Free Icons * Simple Cookies * Responsive Viewport Units * CSS Variables

Collective 8

PSD Buttons

Collective8_01

Alessio Atzeni gives us a beautifully clean set of of UI Buttons in this free PSD.

Get it

CreateJS Suite

Collective8_02

CreateJS is a super-suite of useful libraries and tools for creating interactive, HTML5 based web content. As they are modular, the libraries can work independently from each other. You can also mix them and use them as needed. Check out the featured projects to see some of them in action.

Try it

Mobile-First Responsive Web Design

Collective8_03

In this HTML5 Rocks tutorial, Brad Frost shows us step-by-step how to create a responsive website which is designed with the mobile-first strategy.

Read it

Beercamp: An Experiment With CSS 3D

Collective8_04

Tom Giannattasio, this year’s Beercamp website organizer, shares some amazing techniques and insights of the 3D experience that pushes the boundaries of what can be done with modern web technologies such as SVG and CSS 3D transforms. Make sure to see the website in action: http://2012.beercamp.com/

Read it
Advertisement

CSS Selectors

Collective8_05

If you need a complete reference of CSS Selectors then this is the right site. It's a great overview with links to live examples and visual indication for browser support.

Check it out

Let’s Talk about Semantics

Collective8_06

Mike Robinson explains the importance and of semantics in HTML and how to employ HTML5 for writing meaningful markup without getting lost in the confusion that surrounds it.

Read it

Tracking Scroll Depth

Collective8_07

If you have a website you might have wondered how far down users scroll to see the "below-the-fold" content. Rob Flaherty from Ravelrumba explains how to use jQuery Scroll Depth to record and report scroll events to Google Analytics in order to see the scroll percentage.

Try it

heatmap.js

Collective8_08

Create heatmaps of a website with this JavaScript library that employs HTML5 canvas.

Get it

PageSlide

Collective8_09

Have you ever wondered how to slide the whole website and reveal a sidebar panel a lá Path? With this jQuery Plugin you can simply do that and create a really nice effect for showing optional content. Don't forget to check out the responsive demo.

Get it

Responsive Viewport Units

Collective8_10

The new CSS3 values and units vh, vw, and vmin are arriving and it's time to meet these cool kids. David Storey introduces them and shows us how to use them in a responsive example.

Read it

Refactoring >14,000 lines of CSS into Sass

Collective8_11

How do you turn a CSS mess into slick high-performance CSS? You use SASS! Eugene Fedorenko will show you how he did it at Beanstalk and what the advantages over "handcrafted" CSS are.

Read it

10 High-Quality Photography Icons

Collective8_14

Iconshock has designed this amazingly detailed icon set for the readers of the Vandelay Design blog. The set includes 10 high-quality photography-related PNG icons.

Get it

About CSS Variables

Collective8_12

Now that the CSS Variables Module Level 1 is an actual Working Draft of the W3C, you might be interested in how CSS Variables work. This is a short overview with a couple of examples.

Read it

How to use CSS to hide links without href?

A very interesting question on Stackoverflow about an interesting little problem with even more interesting answers. It will help you undertstand more about CSS Selectors.

Read it

200 Free Icons

Collective8_13

Inventicons gives us this fabolous icon set for free. It includes many useful UI icons and is free for personal and commerical use.

Get it

Alphageometry - Decorative Typeface

Collective8_16

This is not a font in the classical sense but letters in vector format that you can use to create beautiful decorative illustrations.

Get it

cookie.js

Have you ever worked with Cookies in JavaScript on your website and find it too messy? This small and independent JavaScript library will help you with setting, getting and removing cookies in the most simple way. It has some very useful methods, accepts several paramteres and allows chaining.

Get it

Premium Pixels Icon Set

Collective8_15

Matt Gentile did it again: a super-slick icon set, including the Photoshop custom shape file.

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