Bi-Weekly Frontend News

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 inspired

Say 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 it

This Is Responsive


"This Is Responsive" is a great collection of patterns, resources and news for creating responsive web experiences.

Check it out

Fresco 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 out

Flick 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 out

Free Font: Kelson


Bruno Mello designed this exquisite font family and Armasen is offering it for free including three styles.

Get it

Boot snipp


Boot snipp is a library of free design elements and code snippets for the Twitter Bootstrap HTML/CSS/JS framework.

Check it out

Simple 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 it

FoldScroll: 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 out

matches.js: Pattern Matching for JavaScript

Matches.js brings the power and expressiveness of pattern matching to Javascript.

Check it out

Free 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 it

App Starter Skin (PSD)


A pixel-perfect app starter skin PSD by Daryl Ginn.

Get it

Apple iPhone 5 Vectorized Mockup


A great mockup of the new iPhone 5 in PSD format by Thom.

Get it

jQuery 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 out Online Editor for reveal.js


Now you can create and share animated presentations on the web with, the online editor for the popular reveal.js HTML presentation framework.

Try it

Free 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 it

Free Font: Mood Type (EPS)


Mood Type is a beautiful display font project by Filiz Sahin, free for personal and commercial use.

Get it

Minimalist Calendar Widget (PSD)


A fresh resource by Pixels Daily: a simple, pixel-perfect calendar widget design ready for customization.

Get it

pdf.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 it

Classic 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