Collective #12

View All

Creative Fonts * Standards for Responsive Images * Mobile Web Apps * Calendars and Presentations * CSS and Preprocessing * Cookie Law * PSDs

Collective 12

Creative Free Fonts

Collective12_Font01

Cosmo Path Type by Filiz Sahin

Creative Free Fonts

Collective12_Font02

Navia Type by 21LAB

Creative Free Fonts

Collective12_Font03

Stroke Free Font by The Kinetic

Responsive Images and Web Standards at the Turning Point

Collective12_12

A solution on how responsive images can be put into practice is currently being discussed with the WHATWG and like Mat Marquis puts it "[t]he markup pattern that gets selected stands to have a tremendous influence on how developers build websites in the future. Not just responsive or adaptive websites, either. All websites."

Read it

Inspirational Website of the Week

Collective12_17

The Urban Gap Web Agency will surprise you with all the animations and effects of the beautiful infographics when you scroll the page of the Urban 12 May Challenge.

Take a look

Creating a Mobile Web Application with Meta Tags

Collective12_03

Learn about meta tags and how they can be used to turn a website into a webapp.

Read it

jQuery Verbose Calendar

Collective12_04

This calendar is not just another jQuery calendar. It's a very different approach to showing and using dates.

Check it out

Presenteer.js

Collective12_02

If you like Impress.js then you'll enjoy Presenteer.js. It's a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks.

Try it

Freebie Button Pack (PSD)

Collective12_18

A really lovely button pack by Zan from Nine to Five.

Get it
Advertisement

Weather Forecast Webapp

Collective12_10

Learn how to use Geolocation and Yahoo’s APIs to build a simple weather webapp.

Read it

Keep your CSS selectors short

Collective12_05

Harry Roberts writes about how to make CSS selectors as dev-friendly as possible by keeping them short.

Read it

screenfull.js

Collective12_01

A simple wrapper for cross-browser usage of the JavaScript Fullscreen API which lets you show a page or any element in fullscreen. The wrapper is useful for overcoming browser implementation differences.

Get it

SASS vs. LESS

Collective12_06

Chris Coyier explains how and why SASS is his preferred choice when it comes to CSS preprocessor languages.

Read it

The EU Cookie Law – what to do now

Collective12_07

Read this short guide that will help you understand what you have to do on your website in order to comply to the new EU Cookie Law.

Read it

CSS Image Replacement for Retina Display Devices

Collective12_08

Learn about CSS Image Replacement Techniques and how to apply them in you mobile website project.

Read it

Cookie Control

Collective12_09

Cookie Control enables you to comply with UK and EU law on cookies by obtaining a user's explicit consent for the use of cookies on their computer. There are several plugins available (Wordpress, Drupal, Magento) and you can customize it to your needs.

Get it

jQuery Knob

Collective12_11

A slick downward compatible, touchable, jQuery dial.

Get it

The Story of Send

Collective12_14

Ever wondered what happens when you click the "Send" button in Gmail? Well, now you can take this visually stunning journey and understand what happens to your message.

Check it out

HTML Shell

Collective12_15

HTML Shell is a custom boilerplate HTML5 markup generator. No more time wasted in copy pasting all those lines, now you can simply configure and generate it.

Try it

HTML5 adaptive images: end of round one

Collective12_16

More about the responsive images solution proposal and the differences between <picture> and srcset.

Read it

Twitter Bootstrap Button Generator

Collective12_13

If you are using Twitter Bootstrap you will love this little generator that let's you create the markup for a custom button.

Try it

Complexify

Dan Palmer created this jQuery plugin that checks password sensibly, with an improved way of indicating password strength. It calculates a rating for the password based on how difficult it would be to brute-force it.

Get it

World Map & Pin (PSD)

Collective12_19

Thom van der Weerd designed this beautiful freebie for Premium Pixels.

Try 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