Bi-Weekly Frontend News

Collective #22

Inspirational Website of the Week


35mm Design by Steve Scavo is our website pick of the week for its bold design and innovative effects.

Get inspired

Responsive Design’s Dirty Little Secret


A great article by John Albin Wilkins about how fluid grids cause some unpleasant side-effects: rounding errors. Why they happen and what can we do about it? Read this interesting write-up and the valuable discussion that follows.

Read it

Sneekpeekit: Sketch Sheets


Sneekpeekit offers some great mobile, tablet, browser and wireframe sketch sheets for the quick design ideas.

Get it

Ninja Power: Open-Source HTML5 Toolset


A great article on Ars Technica about three developers behind a new app framework and animation tool explaining their creation.

Read it

Free Font: Nexa


Fontfabric type foundry offers two styles (light & bold) of this elegant font for free.

Get it

Coding A Responsive Resume in HTML5/CSS3


Jake Rocheleau shows us how to code a responsive single-page resume layout in this tutorial on Hongkiat

Read it

Listicons: Arrows & Bullets Webfont


A modern set of 52 mini arrows and bullet points by MediaLoot for you next project. Includes a practical @font-face kit.

Get it

Responsive Web Design is Your Responsibility


Teylor Feliz talks about RWD and gives some tips on how to start creating websites that are responsive.

Read it

Images account for 63% of page weight


In this recent Tweet, Paul Irish points our some interesting stats about the page weight of a website. Accounting for 63%, images are the biggest concern, making whining about the amount of JS "a bit silly" and demanding for vector-based solutions when going Retina.

Check it out

tacionJS: Mobile Real-time Presentations


A jQuery Mobile framework for creating real-time presentations.

Check it out

php.js - PHP VM with JavaScript

Interesting library that reads PHP code and transforms it into JavaScript which can be run in the PHP VM of this library, giving the same results as the PHP.

Try it

How can a programmer learn to design websites that don't suck


Vasco Pinho shares his thoughts and experience on how to start designing nicer websites as a programmer.

Read it



Create your own e-booklet with this online tool which works with a mobile first approach, making the booklets look great on mobile devices.

Try it Free Icons for Your Games


With almost 900 vector icons, this free set will come in incredibly handy for anybody designing a game. They are licensed under CC BY 3.0 and you can download them all at once.

Get them

Sublime Text 2: Package Control and Livereload


Read this summary of how to use a full-featured package manager with Sublime Text 2.

Read it

Responsive Design Test


Want to quickly test your website in different browser sizes (mobile) and have a handy overview? Then you'll like this online tool that let's you load any website into differently sized viewports/devices (from 240 to 1024 pixel) and test their responsiveness.

Try it

Free Font: Of Concrete


Of Concrete is a grunge font face with a stylized shadow and dirt particles. This is an excellent font for gig poster designs.

Get it

Social Media Buttons


A beautiful set of CSS3 coded, responsive-ready and scalable social media buttons by Todd Motto.

Get them

Step by step from jQuery to Backbone

Kim Joar Bekkelund shares this great guide on how to transition from jQuery to Backbone.js.

Read it

Eric Meyer on the past, present and future of CSS


An inspiring .net interview with Eric Meyer, co-founder of An Event Apart, where he talks to Tom May about how he helped make CSS what it is today, and where it's going in the future.

Read it

Job Board

Collective22_19 is a new job board where you can find and list jobs for web designers and web developers. But it's not like any other job board: you will actually support a volunteer organization that teaches future designers and developers. Amber Weinberg and Paul Maloney are the brilliant minds behind this platform.

Check it out

Think Vertical: The Influence of Mobile Design on Orientation


Read how mobile web design has influenced our thinking about orientation when designing modern websites.

Read it


Hakim El Hattab shares his latest experiment with us: an animated ribbon which reveals a curtain of additional content.

Read it