Collective #29
Inspirational Website of the Week
This week we've picked the stunning design of St. Louis Design Week 2012. It has a beautiful color scheme and typography, smart interactions and some lovely animations.
Get inspiredSay Yo to Yeoman
Jonathan Creamer shows us how to get started with Yeoman, a new set of tools, libraries and workflow for rapid webapp development. Yeoman was developed by Paul Irish, Addy Osmani, Sindre Sorhus, Mickael Daniel, Eric Bidelman, and the Yeoman Community.
Read itThis Is Responsive
"This Is Responsive" is a great collection of patterns, resources and news for creating responsive web experiences.
Check it outFresco Responsive Lightbox
Finally a new lightbox! Nick Stakenburg created Fresco, a truly responsive lightbox that can be used to create stunning overlays that work great at any screen size, in all browsers on every device. Fresco comes with fullscreen zoom, retina-ready skins, YouTube and Vimeo integration for HTML5 video and a powerful Javascript API.
Check it outFlick Scrolling
Simon Lüthi introduces a better touch scrolling concept: When scrolling content on a touch-screen, instead of letting momentum stop the scrolling, you can decide exactly where it should stop, i.e. point where you flicked it.
Check it outFree Font: Kelson
Bruno Mello designed this exquisite font family and Armasen is offering it for free including three styles.
Get itBoot snipp
Boot snipp is a library of free design elements and code snippets for the Twitter Bootstrap HTML/CSS/JS framework.
Check it outSimple AJAX Note Taking App
Martin Angelov shows you how to create a simple and beautiful app with PHP and jQuery that lets users write notes.
Read itFoldScroll: Experimental CSS 3D Scroll Behavior
Don't you love all those new cool stuff that can be done with 3D Transforms? This is yet another awesome experiment involving some interesting 3D folding made by Justin Windle.
Check it outmatches.js: Pattern Matching for JavaScript
Matches.js brings the power and expressiveness of pattern matching to Javascript.
Check it outFree Grunge Flag Textures
This set includes 10 grunge textured flags in JPG. Included are Great Britain, Brazil, Italy, Soviet Union, Japan, USA, Mexico, Australia, Canada and France.
Get itApp Starter Skin (PSD)
A pixel-perfect app starter skin PSD by Daryl Ginn.
Get itApple iPhone 5 Vectorized Mockup
A great mockup of the new iPhone 5 in PSD format by Thom.
Get itjQuery Stick ‘em: Make Content Sticky on Scroll, to a Point
Trevor Davis from Viget introduces jQuery Stickem, a plugin that makes items sticky as you scroll, to a point.
Check it outrvl.io: Online Editor for reveal.js
Now you can create and share animated presentations on the web with rvl.io, the online editor for the popular reveal.js HTML presentation framework.
Try itFree Font: Albatross
Twelve Twenty offers this gorgeous display font for free (pay with a Tweet). Great for headings, with a regular and a bold version, available in TTF.
Get itFree Font: Mood Type (EPS)
Mood Type is a beautiful display font project by Filiz Sahin, free for personal and commercial use.
Get itMinimalist Calendar Widget (PSD)
A fresh resource by Pixels Daily: a simple, pixel-perfect calendar widget design ready for customization.
Get itpdf.js: PDF Reader in JavaScript
pdf.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance.
Try itClassic Digg-Style Radio Buttons with CSS and jQuery
A tutorial on how to create some slick Digg-style custom radio buttons with CSS and jQuery.
Read it