Bi-Weekly Frontend News

Collective #52

Inspirational Website of the Week

Collective52_futureinsightslive

The Future Insights Live conference website has a very beautiful and balanced color scheme, excellent typography and some really nice effects.

Get inspired

Anima.js

Collective52_animajs

Have you ever wanted to time and control CSS animations in a simpler and better way? Then this light-weight and powerful JavaScript library might be the right thing for you.

Check it out

jsdb.io - The Database of JavaScript Libraries

Collective52_jsdb

JSDB is a collection of the most popular JavaScript libraries with ratings and some GitHub stats.

Check it out

Fancy Input

Collective52_fancyinput

Fancy Input makes typing characters real fun. Yair Even-Or created this awesome jQuery plugin that let's you add some unique effects to typing in an input or textarea.

Check it out

typeahead.js

Collective52_typeahead

Inspired by Twitter's autocomplete search functionality, typeahead.js is a fast autocomplete library with many useful features.

Check it out

Simple Frontend Boilerplate

Cody Lindley created a frontend boilerplate which serves as a starting point to develop websites or small web applications without forcing a specific MV* framework or module dependency loader.

Get it
Advertisement

200 Free Glyphs (PSD)

Collective52_200icons

A set of useful and delicate glyphs for your next design by Joel Siddall.

Get it

Free Font: Foro Rounded

Collective52_fororounded

Foro Rounded is the softer sister of the succesful Foro family and Hoftype offers the beautiful light style for free.

Get it

Using Flexbox: Mixing Old and New for the Best Browser Support

Collective52_flexbox

Chris Coyier shows which syntax to use in order to achieve the best browser support for using flexbox for order-controlled grids.

Read it

A Complete Guide for Building HTML5 Games

Collective52_games

Learn all the important things you need to know for building HTML5 games from this in depth-article by David Rousset for WebAppers.

Read it

Pillow UI (PSD)

Collective52_pillowui

A pixel-perfect UI kit with a great color scheme by MediaLoot.

Get it

Dos and don'ts of cross-platform mobile design

Collective52_mobiledesign

In this .net Magazine article, Justin Ferrell explains the fundamental differences between the user expectations of today's most popular mobile platforms, and illustrates how developers can build cross-platform applications without neglecting the user experience.

Read it

Making an accessible dialog box

Nicholas C. Zakas shows how to make dialogs easily accessible both by screen readers and those who use only a keyboard.

Read it

Free Font: Corbert Regular

Collective52_corbert

Jonathan Hill designed this geometric sans serif typeface influenced by Bauhaus and the early modernist era. The regular and italic weights are available as freeware.

Get it

Front-End CSS Frameworks

Collective52_frameworks

A collection of best front-end frameworks for faster and easier web development.

Read it

Redacted: A Font for Web and Desktop

Collective52_redacted

Based on BLOKK, the wireframe font we featured before, Christian Naths created Redacted which also comes with script versions in two weights: bold and regular.

Check it out

Coding a Horizontal Navigation Bar with jQuery Dropdown Menus

Collective52_horizontalnav

A tutorial by Jake Rocheleau on how to create a stylish horizontal navigation bar.

Check it out

Magazine design principles applied to web design

Collective52_magazine

Cameron Chapman shows how to apply some great design techniques from print design to web design.

Read it

Experimental CSS3 Only Image Slider with 3D Transforms

Collective52_imageslider

Learn how to create a CSS only image slider from this tutorial by Johnny Simpson.

Check it out

Web Speech API Demonstration

Collective52_webspeechapi

This powerful Web Speech API demo shows how speech can be used for more than just simple voice commands. Make sure to read this article about it on the Chrome Blog.

Check it out

Improving CSS text decorations

Collective52_csssvg

See how you can use some great CSS properties and techniques for decorating and beautifying text.

Read it

Free Font: Sanchez Slab

Collective52_sanchez

Sánchez is a stunning typeface designed by Daniel Hernández. It bears a strong resemblance to the iconic Rockwell and you can download the regular and italic styles for free.

Get it

Free Font: Vaccine

Collective52_Vaccine

Vaccine from ParaType is an exquisite and unique slab serif font family with a mixture of the usual and one-sided serif. The regular style is free.

Get it

Apptastico (PSD)

Collective52_apptastico

This freebie by Christoffer O. Jensen is a super-clean and neatly crafted website design.

Get it