Collective #11
Interactive CSS Selectors
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
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 itInspirational Website of the Week
Ines Maria Gamler's website purepleasuredesign.com has a beautiful mixture of interesting typographic elements, shapes, color and textures.
Check it outZnikomit Free Font
A really beautiful and elegant free font with many OpenType features by Grzegorz Luk.
Get itJQV Map: jQuery Vector Maps
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 itFixed Table of Contents Drop-Down Menu
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 itFixie.js
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 itHTML5 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 itCurtain.js
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 itFreebies Gallery
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 outSay No to Faux Bold
Alan Stearns explains in this "A List Apart" article what "fake" bold is and how to avoid using it in your website.
Read itExpert subsets for CSS in 123
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 itFaye: Simple pub/sub messaging for the web
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 itHow To Build A Real-Time Commenting System
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 itWhich responsive images solution should you use?
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 itStatik: A Free Bold Style Font Kit
WeGraphics offers a great free font: Statik is a bold font face with a hint of static via radio transmission.
Get itJavaScript Canvas Image Conversion
David Walsh explains how to convert an image to canvas and vice versa using a couple of lines of JavaScript.
Read itFree Event Flyer Template (PSD)
Sam Ridgway gives us a free event flyer template that is print ready, with bleeds and which comes with easy to edit layers.
Get it41 Social Media Icons (PNG)
Premiumpixels offers us an amazing set of 41 social networking icons in both 16px and 32px by Prekesh Chavda.
Get itMultilevel CSS3 Menu
In this tutorial by Andrey Prikaznov you will learn how to code a MS Office-style CSS3 multilevel menu.
Read it