Inspirational Website of the Week

Collective22_17

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

Collective22_12

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

Collective22_16

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

Get it

Ninja Power: Open-Source HTML5 Toolset

Collective22_01

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

Read it
Advertisement

Free Font: Nexa

Collective22_02

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

Get it

Coding A Responsive Resume in HTML5/CSS3

Collective22_03

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

Read it

Listicons: Arrows & Bullets Webfont

Collective22_04

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

Collective22_10

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

Collective22_05

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

Collective22_06

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

Collective22_07

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

Read it

Bookletsworld

Collective22_08

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

Game-Icons.net: Free Icons for Your Games

Collective22_09

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

Collective22_11

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

Read it

Responsive Design Test

Collective22_13

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

Collective22_14

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

Collective22_15

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

Collective22_18

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 Hired.im

Collective22_19

Hired.im 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

Collective22_20

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

Read it

forkit.js

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

Read it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.