Collective #11

View All

CSS Selectors demystified * Vendor Tokens? * Free Fonts * Social Media Icons * Flyer Template * jQuery Vector Maps

Collective 11
Sign up for our newsletter

Interactive CSS Selectors

Collective11_14

Ben Howdle from Two Step Media will help you understand CSS Selectors in an interactive way. Choose a selector on the left and you'll instantly see the affected elements on the right.

Read it

‘Vendor Tokens’ Offer Another Way Out of the CSS Prefix Mess

Collective11_06

There is a big discussion going on about whether vendor prefixes are harmful of helpful. Despire their original purpose they are being used all over and many issues are arising from that. Scott Gilbertson from Webmonkey explains Eric Meyer's new proposal for ending the mess.

Read it

Inspirational Website of the Week

Collective11_12

Ines Maria Gamler's website purepleasuredesign.com has a beautiful mixture of interesting typographic elements, shapes, color and textures.

Check it out

Znikomit Free Font

Collective11_18

A really beautiful and elegant free font with many Open­Type features by Grzegorz Luk.

Get it

JQV Map: jQuery Vector Maps

Collective11_15

JQVMap is a really cool jQuery plugin that renders Vector Maps using Scalable Vector Graphics (SVG) for modern browsers. Via VML it provides legacy support for older browsers.

Get it
Advertisement

Fixed Table of Contents Drop-Down Menu

Collective11_09

Louis Lazaris from Impressive Webs is sharing this useful fixed drop-down menu with a table of contents. It is a jQuery plugin and it comes in really handy for making it easy to navigate a page that has a lot of content.

Read it

Fixie.js

Collective11_10

If you design and develop websites, you know how laborsome it can be to add placeholder text. Fixie.js will help you. It is an open source tool that automatically adds filler content to HTML documents.

Read it

HTML5 Audio — The State of Play

In this follow-up article about HTML5 audio, Mark Boas explains how the <audio> element and the associated API developed further and what can be done with it.

Read it

Curtain.js

Collective11_03

This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

Try it

Freebies Gallery

Collective11_19

Freebies Gallery is a really useful site where you can download free design resources like PSDs, vector graphics, icons, templates and many more.

Check it out

Say No to Faux Bold

Collective11_04

Alan Stearns explains in this "A List Apart" article what "fake" bold is and how to avoid using it in your website.

Read it

Expert subsets for CSS in 123

Collective11_05

The future of typography on the web is an exciting one and Elliot Jay Stocks will show you what beautiful things you can do. After his first article about ligatures he digs deeper into the new font-variant property.

Read it

Faye: Simple pub/sub messaging for the web

Collective11_07

If you are searching for a publish-subscribe messaging system for Node.js or Ruby, this just might be a great solution for you.

Read it

How To Build A Real-Time Commenting System

Collective11_08

Phil Leggetter will show you how to "convert a basic blog commenting system into a real-time engaging experience where you’ll see a comment made in one browser window "magically" appear in a second window".

Read it

Which responsive images solution should you use?

Collective11_11

There are many techniques out there to help you with the "responsive image issue". Chris Coyier put together this great guide that will help you choose the right technique for your needs.

Read it

Statik: A Free Bold Style Font Kit

Collective11_13

WeGraphics offers a great free font: Statik is a bold font face with a hint of static via radio transmission.

Get it

JavaScript Canvas Image Conversion

Collective11_16

David Walsh explains how to convert an image to canvas and vice versa using a couple of lines of JavaScript.

Read it

Free Event Flyer Template (PSD)

Collective11_17

Sam Ridgway gives us a free event flyer template that is print ready, with bleeds and which comes with easy to edit layers.

Get it

41 Social Media Icons (PNG)

Collective11_01

Premiumpixels offers us an amazing set of 41 social networking icons in both 16px and 32px by Prekesh Chavda.

Get it

Multilevel CSS3 Menu

Collective11_02

In this tutorial by Andrey Prikaznov you will learn how to code a MS Office-style CSS3 multilevel menu.

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.