Collective #12
Creative Free Fonts
Cosmo Path Type by Filiz Sahin
Creative Free Fonts
Navia Type by 21LAB
Creative Free Fonts
Stroke Free Font by The Kinetic
Responsive Images and Web Standards at the Turning Point
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 itInspirational Website of the Week
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 lookCreating a Mobile Web Application with Meta Tags
Learn about meta tags and how they can be used to turn a website into a webapp.
Read itjQuery Verbose Calendar
This calendar is not just another jQuery calendar. It's a very different approach to showing and using dates.
Check it outPresenteer.js
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 itFreebie Button Pack (PSD)
A really lovely button pack by Zan from Nine to Five.
Get itWeather Forecast Webapp
Learn how to use Geolocation and Yahoo’s APIs to build a simple weather webapp.
Read itKeep your CSS selectors short
Harry Roberts writes about how to make CSS selectors as dev-friendly as possible by keeping them short.
Read itscreenfull.js
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 itSASS vs. LESS
Chris Coyier explains how and why SASS is his preferred choice when it comes to CSS preprocessor languages.
Read itThe EU Cookie Law – what to do now
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 itCSS Image Replacement for Retina Display Devices
Learn about CSS Image Replacement Techniques and how to apply them in you mobile website project.
Read itCookie Control
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 itjQuery Knob
A slick downward compatible, touchable, jQuery dial.
Get itThe Story of Send
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 outHTML Shell
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 itHTML5 adaptive images: end of round one
More about the responsive images solution proposal and the differences between <picture> and srcset.
Read itTwitter Bootstrap Button Generator
If you are using Twitter Bootstrap you will love this little generator that let's you create the markup for a custom button.
Try itComplexify
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 itWorld Map & Pin (PSD)
Thom van der Weerd designed this beautiful freebie for Premium Pixels.
Try it