Responsive Images: What's the problem, and how do we fix it?

A great overview of the "responsive images problem" and the proposed solutions by Matt Wilcox.

Read it

Inspirational Website of the Week

Collective16_23

Healing Stories is this week's inspirational pick because it tells a wonderful story in a beautifully interactive way.

Check it out

Building Books with CSS3

Collective16_13

Nellie McKesson introduces the CSS3 Paged Media Module and shows how to create print-ready paged book layouts with it.

Read it

Icon Deposit CSS3 UI Kit (PSD+CSS)

Collective16_17

Matt Gentile shares this beautiful UI Kit with us. It includes the PSDs and the ready-to-use markup with a pixel-perfect design.

Read it

Responsive Images With WordPress’ Featured Images

Collective16_05

This is a very helpful and extensive article by Rachel McCollin on how to make Wordpress handle responsive (featured) images.

Read it
Advertisement

Portfolio Basics for Web Design Students: About Me Pages

Collective16_03

On her website "A Student's Guide to Web Design", a wonderful resource for learning and preparing web design students for the design industry, Janna Hagan explains the concept and purpose of the About page and how important it is.

Read it

fc.tape: jQuery widget for sprite animations

Collective16_04

With fc.tape you can animate a background image (sprite) consisting of picture frames like an old-time movie projector tape.

Check it out

Free Font: 47

Collective16_21

Hendrick Rolandez created this vintage style font with a unique touch. He offers the bold & italic version for free.

Get it

Supercharge Twitter Bootstrap

Collective16_01

If you use Twitter Bootstrap, this will come in very handy for you: NetDNA hosts all Bootstrap objects on their superfast CDN servers allowing you to save bandwidth and time.

Use it

Free Ecology Vector Icon Set

Collective16_06

A charming free vector icon set by Jasmina Stanojevic for Noupe.

Get it

Annotator: JavaScript library for making websites annotatable

Collective16_07

If you didn't know about it already: Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable. Annotations can have comments, tags, users and more.

Check it out

Rekapi: A keyframe animation library for JavaScript

Collective16_08

Rekapi is a helpful library for making beautiful <canvas> and DOM animations, like graph animations, and it allows you to export your DOM animations to CSS3 @keyframes.

Try it

Balloons.IO: Free & ready to go web chat room

Collective16_09

Balloons.IO is a free and ready-to-go web chat room. It’s built with the help of node.JS, Express, Socket.IO and Redis and it uses easy-OAuth for authentication with Twitter.

Check it out

Koloria Free Iconset (PNG)

Collective16_10

From the maker of the epic Quartz Icon Pack, Andy Gongea, comes another pixel-perfect free icon set of more than 160 gorgous icons.

Get it

Syte: Personal site with social integrations

Collective16_11

Rodrigo Neri developed Syte: a really simple but powerful packaged personal site that has social integrations like Tumblr, Twitter, Github, Dribbble and Instagram.

Check it out

Compressing Multiple CSS Files with PHP

Another useful resource by Paulund: A PHP snippet which will combine mutliple CSS files and remove all comments and spaces, reducing the size of the file and thereby reducing loading times.

Read it

List/Grid View Switcher with jQuery

Collective16_14

Learn how to build a list/grid view switcher with jQuery in this tutorial by Jake Rocheleau for Vandelay Design.

Read it

Dummy: Rapid Prototyping and QA

Collective16_15

Dummy is a simple PHP-based toolkit that will make rapid prototyping a breeze: You can insert randomly generated strings of placeholder text in commonly needed lengths and formats (e.g., headline, teaser, paragraph) and request different sizes and aspect ratios of images on the fly, and more.

Check it out

Free File Type Icons (PNG)

Collective16_16

The Gentle icon set consists of 20 file type icons of 128 x 128 pixels and in PNG format.

Get it

Free PSD Template: Gastronymous

Collective16_18

Gastronymous is a free PSD template meant for websites related to food and/or the food industry.

Read it

Free Galaxy S3 Template (PSD+PNG)

Collective16_19

Eryk Pastwa shares this beautiful vector shape based Galaxy S3 template with us on Dribbble.

Get it

Animated CSS3/SVG Loading Bars

Collective16_20

Learn how to use CSS animations and SVG to create a loading bar in this tutorial by Johnny Simpso.

Read it

3D Buttons with CSS

Collective16_02

Brandon Pierce shows you how to create some awesome minimal circular 3D buttons with CSS in this CSS-Tricks tutorial.

Read it

Vicons Free Glyph Icon Set (PSD)

Collective16_12

Victor Erixo shares this really cute icon set with us. It contains some useful glyph icons.

Get it

Free Font: Acorn

Collective16_22

If you are searching for a free, clean and simple sans-serif hand drawn typeface, you'll love Acorn by William Suckling.

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