Bi-Weekly Frontend News

Collective #113

Inspirational Website of the Week: Aquatilis Expedition

Collective113_aquatilis

The website of the Aquatilis Expedition is a beautifully designed experience that transmits the excitement and feel of this amazing scientific journey. Check out Tim Holman's pen of the background particles.

Get inspired

CSS True Titles

Collective113_cssmasking

A very interesting CSS experiment by Tyler Gaw of a title sequence à la True Detective using CSS masking.

Check it out

Sorting

Collective113_sorting

An amazing project for visualizing and comparing sorting algorithms. This is simply fantastic for understanding the workings of sorting algorithms.

Check it out

Isomer

Collective113_isomer

Isomer by Jordan Scales is an easy-to-use graphics library for drawing isometric scenes.

Check it out
Advertisement

Captain Icon (EPS, PSD, PNG, SVG, Web Font)

Collective113_capicon

Captain Icon is a huge set of thoughtfully designed vector icons by Mario del Valle.

Get it

Inline SVG vs Icon Fonts

Collective113_svgiconfonts

Chris Coyier compares using inline SVG to using icon fonts and concludes that SVG is a winner if older browsers don't need to be supported.

Check it out

Everyone Deserves Great Design

Collective113_everyonedeservesgreatdesign

Ehsan Noursalehi writes about a new mindset for product designers and how to make products that matter.

Read it

Project Parfait

Collective113_parfait

Project Parfait is a new beta service by Adobe that allows you to extract everything you need from PSD comps for further coding.

Check it out

Politespace

Collective113_politespace

Politespace by Filament Group let's you add spaces to numeric form values to increase readability, for example, when asking for credit card or phone numbers.

Check it out

Hutt

Collective113_hutt

Hutt is a dead-simple instant video chat in the browser. You just have to share the link and others can join.

Check it out

Rethinking Mobile Tutorials: Which Patterns Really Work?

Collective113_mobiletutorials

Theresa Neil and Rich Malley will show you how to improve tutorial patterns with the help of game design principles.

Read it

Free Font: Anke

Collective113_anke

Anke Sans is an elegant geometric typeface designed by Noe Araujo.

Get it

seen.js

Collective113_seenjs

Seen.js is a really cool library that renders 3D scenes into SVG or HTML5 Canvas.

Check it out

Triangles

Collective113_triangles

Maks Surguy created this interesting triangle background generator with many useful options.

Check it out

Free Font: JollyGood

Collective113_Jolly

Another alternative to Comic Sans? Kemie Guaida does a great job in designing this fun and playful typeface with a free basic version.

Get it

Project Naptha

Collective113_naptha

Project Naptha is a browser extension that lets you highlight, copy, and translate text from any image.

Check it out

Feather (PSD, CSH, SVG, Webfont)

Collective113_Feather

Feather is a set of 130 carefully crafted icon by Cole Bemis. This new version of the vector icons is now avaliable for free.

Get it

Graphic Designer Icon Pack (AI)

Collective113_gdiconpack

Some stylish icons with nicely-dropping flat shadows by Antonio Di Nardo.

Get it