Bi-Weekly Frontend News

Collective #3

Code Pad

Code-Pad

Code Pad is a new platform for developers to share and save code snippets. If you want to get in now, you'll have to request an invite.

Check it out

UIKit: Modern UI components

UIKit

Some really helpful UI components for many kind of web applications. Very easy to use and to style.

Check it out

Hagin: Free Font from Fontfabric

Hagin-Font

Beautiful "old school" style serif font from Fontfabric.

Get it

Sequence: The jQuery Slider Plugin with Infinite Style

SequenceJS

Ian Lunn developed this open source jQuery slider plugin that let's you take control over the CSS3 transitions for the slides making it easy to build a unique slider. It can be used in responsive layouts and it has support for touch devices.

Check it out

Musings on Preprocessing

Musings-on-Preprocessing

Chris Coyier shares his helpful thoughts and experiences on SASS. A must-read in-depth article followed by a great discussion.

Read it
Advertisement

WebGL Fundamentals

WebGL-Fundamentals

Curious about WebGL? This article by Gregg Tavares will give you a really great introduction into the topic and demystify the 2D API...yes, 2D!

Read it

CSS Ribbon Menu

CSS-Ribbon-Menu

In this tutorial, Jack Moore will show you how to create a slick CSS ribbon menu using transitions and pseudo-elements.

Check it out

turn.js

turnJS

This jQuery plugin makes it possible to create smooth book-like page transitions. It's a lightweight plugin and it uses hardware acceleration and works on tablets and smartphones.

Check it out

bear css

Bear-css

Bear css will generate a CSS template based on your provided markup and the HTML elements used. You can upload your HTML and bear css will create a CSS file for you that you can download.

Check it out

Zocial CSS social buttons

Zocial

These CSS buttons are delicious. Sam Collins shares his set of 42 CSS3 font-face vector icon buttons that are easiliy editable and have a beautiful style.

Get them

Better Background Images For Responsive Web Design

BetterBackgroundImages

An interesting article by Elliot Jay Stocks about the problems of the CSS background-size property and how to solve them.

Read it

Glisse.js

GlisseJS

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer with great CSS3 image transitions.

Check it out

CSS3 Pseudo-Classes and HTML5 Forms

CSS3-Pseudo-Classes-and-HTML5-Forms

Peter Gasston will teach you some nifty things about forms and how to make use of some great features of CSS3 and HTML5.

Read it

Free Font: Metropolis 1920

Metropolis

An absolutely sexy art deco style font by Josip Kelava.

Get it

Developing Game Audio with the Web Audio API

Another superb tutorial by HTML5 Rocks: Boris Smus will show you how to use the Web Audio API for game audio development.

Read it

Morris.js

MorrisJS

Morris.js is a lightweight library that uses jQuery and Raphaël to make stunning graphs easily.

Check it out