Bi-Weekly Frontend News

Collective #51

Inspirational Website of the Week

Collective51_wotw

Jiouhe Consultancy offers a very interesting scrolling experience. Not the straight scrolling you are used to.

Get inspired

Flat Pixels

Collective51_FlatPixels

A superb essay by Sacha Greif about flat design and skeuomorphism. You'll definitely understand the ongoing debate about these two styles after reading it.

Read it

300 Million Users and Move to WebKit

Collective51_operawebkit

Big and exciting news from Opera: the 300 million user strong browser will be using WebKit as its rendering engine and V8 as its JavaScript engine.

Read it

Dark Patterns Library

Collective51_darkpatterns

Harry Brignull created DarkPatterns.org. Dark Patterns are user interfaces that are intended to trick people. The purpose of the site is to spread awareness, and to name and shame sites that use Dark Patterns.

Check it out
Advertisement

color.hailpixel.com

Collective51_hailpixels

A different kind of color picker where you can explore hex colors in an intuitive way.

Check it out

PeerJS: Peer-to-peer data in the browser

Collective51_peer

PeerJS provides a complete, configurable, and easy-to-use peer-to-peer data API built on top of WebRTC.

Check it out

infogr.am: Interactive Infographics

Collective51_infogram

With infogr.am you can easily create beautiful looking and interactive infographics.

Check it out

Free Font: Salt & Foam

Collective51_saltfont

Salt and Foam is a free typeface that was inspired by surfing, created by Anna Karatcheva.

Get it

Build a Street Fighter Demo with CSS Animations and JavaScript

Collective51_streetfighter

David Walsh shows you how to use animated PNG sprites with the steps() property of CSS animations for building a rad Street Fighter demo.

Check it out

Responsive Typography

Collective51_resptypo

Responsive Typography by Marko Dugonjić is an interesting proof of concept on how face detection can be used to adjust the font size for any given reading distance.

Try it

WebKit is the jQuery of Browser Engines

Read what John Resig thinks about the switch of Opera to WebKit and why he believes that WebKit is like the jQuery of browser engines.

Read it

Setting Weights And Styles With The @font-face Declaration

Collective51_fontface

Laura Franz gives some useful tips and explains some great techniques on how to deal with @font-face weights and styles in this Smashing Magazine article.

Read it

Free Font: PROMESH

Collective51_promesh

Paul Reis created this exquisite athletic font that comes in mesh, regular and stitch style.

Get it

Free Icons: Sunday Market (PSD)

Collective51_icons

Some stylish and beautiful free icons by Ezhi Stolz.

Get it

Discourse

Collective51_discourse

Discourse is a new, free discussion platform with an intuitive concept and some great features.

Check it out

threesixty jQuery Plugin

Collective51_threesixty

With this jQuery plugin you can easily create draggable 360 views from a set of images.

Check it out

Cinnamon.js

Collective51_cinnamon

This script allows your website visitors to find links, images, and other content by their synonyms, using the browser’s built-in search.

Try it

Comix I/O

Collective51_cmx

An awesome library for building xkcd-style comic strips using HTML.

Try it

UI Elements

Collective51_UiElements

This site provides UI designers with a place where they can download hundreds of free (yet high quality) UI elements.

Check it out

Building Twitter Bootstrap

Collective51_Bootstrap

Mark Otto gives us some insight on how Twitter Bootstrap came into existence and how parallel development and collaboration across teams made it become the powerful tool it is today.

Read it

The progress element

Collective51_progress

Learn about the interesting progress element from Ian Devlin in this great article by Ian Devlin for HTML5Doctor.

Read it