Bi-Weekly Frontend News

Collective #60

Inspirational Website of the Week

Collective60_PaperPaintWOTW

Paper & Paint redefines scrolling effects but adding subtle movements to images. A smooth experience with a great design.

Get inspired

jQuery 2.0 Released

Collective60_jquery

The arrival of jQuery 2.0 is an epic milestone: reduced size, no more support for IE6/7/8, custom builds for even smaller files and more.

Read it

WireKit: iPhone App Wireframing Kit

Collective60_wirekit

Adam Whitcroft created this excellent wireframe kit with the most common UI elements from an iPhone 5.

Get it

shame.css

Harry Roberts suggests to separate nasty, hacky, quick-fix CSS from all the well-defined CSS rules and add it to a shame.css that can then be worked on and cleaned. Just brilliant!

Read it
Advertisement

Free Font: Bamq

Collective60_bamq

A beautiful and unique typeface design by Gulay Inceoglu inspired by the modern minimalist architecture.

Get it

Flexy Boxes

Collective60_flexyboxes

Flexy Boxes is a very useful flexbox playground and code generator by Pete Boere.

Check it out

List of Pseudo-Elements to Style Form Controls

Collective60_pseudo

A great compilation of the pseudo-elements to style form controls by TJ VanToll.

Read it

Verlet-JS

Collective60_verletjs

Verlet-JS a simple Verlet integration physics engine written in JavaScript by Sub Protocol. Check out the examples to see it in action.

Check it out

The Tragedy of Perfectionism

Collective60_sushi

A very inspiring read by Magnus Schifter-Holm about the fabric of perfectionism. If you are interested in entrepreneurial philosophy you'll definitely like this article.

Read it

bluePen CSS Editor

Collective60_BluePen

With bluePen you can edit your website's CSS online in real time and save your modifications.

Check it out

Pure CSS3 breadcrumb navigation

Collective60_breadcrumb

A great walkthrough on The Code Player of a pure CSS3 breadcrumb navigation.

Check it out

Animating flexboxes: the lowdown

Collective60_animatingflexboxes

Chris Mills plays around with flexboxes, animations and transitions and shares his insights in this tutorial.

Check it out

Wired 1.0

Collective60_wired

Wired is a wireframe kit for sketch app including a .png and .eps kit for everyone else. Created by Mark Collins.

Get it

Vexel - Redraw any image with pure CSS!

Collective60_Vexel

Did you know that you can create quite impressive pixel re-creations of any image just with CSS? Try this fun tool and see how.

Check it out

FlexNav - Flexible, Device Agnostic Navigation

Collective60_flexnav

FlexNav is a jQuery Plugin for responsive menus that makes using complex site navigation easy.

Check it out

flatApples (PSD)

Collective60_flatapples

Some nice, flat Apple devices for your mockups by Stoyan Daskaloff.

Get it

Preventing the Performance Hit from Custom Fonts

Collective60_Webfonts

A round up of Chris Coyier on how to optimize performance when it comes to loading web fonts.

Read it

Eldorado mini free

Collective60_eldorado

Eldorado mini is a free version of Eldorado icons and includes 40×40 sized pixel-perfect PNGs.

Get it

Sly: Scrolling Library

Collective60_Sly

Sly is a JavaScript library for one-directional scrolling with item based navigation support. It depends on jQuery 1.7+ and is developed by Darsain.

Check it out

LayoutIt!

Collective60_Layoutit

With LayoutIt! and its drag & drop interface builder you can create your front-end code simple and quickly with Bootstrap.

Try it

Slate Collection of Stylized Apple Product PSDs

Collective60_slatepsds

Another great collection of useful Apple product templates for your mockups by Bright Bright Great.

Get it