Bi-Weekly Frontend News

Collective #112

Inspirational Website of the Week: Studio Songes

Collective112_studiosonges

The creative navigation experience and extravagant style of Studio Songes made it our pick this week.

Get inspired

Understanding CSS Timing Functions

Collective112_timingfunctions

Stephen Greig will teach you everything you need to know about CSS timing functions in this excellent article over on Smashing Magazine.

Read it

shine.js

Collective112_Shine

A great library for creating beautiful shadow effects with dynamic light source positions.

Check it out

Understanding Vector Shapes in Illustrator

Collective112_vectorshapes

A complete, in-depth tutorial by Matt D. Smith that will help you understand and master vector shapes in Adobe Illustrator.

Read it
Advertisement

VLEX

Collective112_vlex

VLEX is a great script for overcoming SVG shortcomings regarding layout responsiveness.

Check it out

Free Font: Polar Vertex

Collective112_polarvertex

Katharine Howard designed this dreamy geometric display typeface and you can get it for a tweet.

Get it

Web Components and you – dangers to avoid

Collective112_webcomponents

Christian Heilmann summarizes some dangers that might mess up Web Components and encourages developers to get involved defining them.

Read it

CSS Vocabulary

Collective112_cssvocabulary

What's a block and what's a selector? This page by Ville Vanninen will help you learn the basic terms of CSS and understand the vocabulary visually.

Check it out

Wikipedia concept

Collective112_wikipedia

A fantastic Wikipedia design concept by Salomon Aurélien with an additional prototype preview by Vinny Fonseca.

Check it out

PourOver

Collective112_pourover

PourOver is a powerful JavaScript library that allows for fast filtering and sorting of very large item collections.

Check it out

Improve the payment experience with animations

Collective112_animationspaymentexperience

Michaël Villar from Stripe shows how the payment experience can be enhanced with some really nice animations.

Read it

Google I/O 2014

Collective112_googleio

The beautifully creative and interactive website of this year's Google I/O event.

Check it out

Champicons (AI)

Collective112_Champions

A lovely set of champion icons by Emanuel Serbanoiu.

Get it

Jeet Grid System

Collective112_jeet

No more needlessly nesting elements and no more rigid twelve column rules: Jeet is an human-understandable grid system by MojoTech.

Check it out

Trianglify

Collective112_trianglify

Trianglify by Quinn Rohlf is a JavaScript library for generating colorful triangle meshes.

Check it out

Juggle

Collective112_juggle

A lovely juggle animation pen by Noah Blon.

Check it out

Are Magazine Apps Dead? A State of the Art Roundtable

Collective112_magappsdead

A very interesting read with opinions of great magazine makers on the current (grim-looking) state of digital magazine apps for tablets.

Read it

12 Little-Known CSS Facts

Collective112_12cssfacts

An interesting compilation of some little-known, yet useful CSS facts by Louis Lazaris.

Check it out

Free Font: Adria Slab

Collective112_AdriaSlab

Adria Slab is a clean and elegant slab serif typeface and you can get the regular style for free. Designed by Marcus Sterz.

Get it

Prototypo

Collective112_prototypo

A promising looking font creation project that is currently being developed in the open. A successful crowdfunding campaign is making the development of the first version possible.

Check it out