Weekly Frontend News

Collective #112

From our sponsor:Get started with Mailchimp today.

Inspirational Website of the Week: Studio Songes


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

Get inspired

Understanding CSS Timing Functions


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

Read it



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

Check it out

Understanding Vector Shapes in Illustrator


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

Read it



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

Check it out

Free Font: Polar Vertex


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


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

Read it

CSS Vocabulary


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


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

Check it out



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


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

Read it

Google I/O 2014


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

Check it out

Champicons (AI)


A lovely set of champion icons by Emanuel Serbanoiu.

Get it

Jeet Grid System


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 by Quinn Rohlf is a JavaScript library for generating colorful triangle meshes.

Check it out



A lovely juggle animation pen by Noah Blon.

Check it out

Are Magazine Apps Dead? A State of the Art Roundtable


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


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

Check it out

Free Font: Adria Slab


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



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

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.