Bi-Weekly Frontend News

Collective #95

Inspirational Website of the Week

Collective95_rsq

RSQ does not only help sell shit online since 1977 but they also have a brilliantly designed website with some cool effects and a great natural language questionnaire in the Join Us section.

Get inspired

Myth

Collective95_myth

Myth, a fantastic preprocessor for CSS, will let you write modern CSS without having to worry about browser support or even current spec approval statuses. It's like a polyfill for CSS.

Check it out

SpinKit

Collective95_spinkit

A great collection of beautifully designed loading indicators animated with CSS by Tobias Ahlin.

Check it out

JavaScript Promises

Collective95_promises

Jake Archibald explains what JavaScript Promises are and why they are so extremely useful, i.e. for async success/failure handling.

Read it
Advertisement

Free Font: Kari

Collective95_kari

Kari is an elegant and beautiful typeface designed by Javier Rivero.

Get it

The science behind fonts (and how they make you feel)

Collective95_fontsfeelings

An insightful article by Mikael Cho on how typographic choices impact the readers disposition and the scientific research behind it.

Read it

Application Layout with CSS3 Flexible Box Module

Collective95_flexiblebox

Simon Speich shows how to implement a fluid fullscreen application layout using CSS flexbox.

Check it out

Switchery

Collective95_Switchery

Switchery by Alexander Petkov lets you turn your default HTML checkbox inputs into beautiful and easy to customize iOS 7 style switches.

Check it out

Really Simple Responsive HTML Email Template

Collective95_emailtemplate

A simple, but extremely useful responsive HTML email template by Lee Munroe.

Get it

Line Menu Icon... That Is A Menu

Collective95_linemenuicon

Chris Coyier shows how to make an animated menu that transforms from a menu icon into a full menu.

Check it out

The Runtime Performance Checklist

Collective95_runtimechecklist

Paul Lewis explains the importance of not only making sites load fast but providing good performance while using the site as well. He dissects seven runtime performance problems and gives some tips on how to fix them.

Read it

Project Hubs: A Home Base for Design Projects

Collective95_hubs

Brad Frost writes about project hubs, a website where all the key design and development materials can be accessed by a project team to avoid the usual managing mess over emails and revisions of a project.

Check it out

A Moment to Breathe

Collective95_momentbreathe

Nick Cox shares his experience and insights on how to reach a better work-life balance with improved sleep habits and meditation.

Read it

Christmas Gifs

Collective95_christmasgifts

What would be Christmas without Christmas Gif(t)s? Merry Giffing with these artsy masterpieces! :)

Check it out

Merry Christmallax

Collective95_christmallax

And Merry Scrolling with this beautifully made Christmas site by Petr Tichy and Jason Mitsios (design).

Check it out

NTH-TEST

Collective95_nthchildtest

If you are not a natural-born understander of nth-child and nth-of-type you should definitely check out this awesome test site by Paul Maloney.

Check it out

Free Font: Merry Scriptmas

Collective95_merryscriptmas

Nico Inosanto designed Merry Scriptmas, a very elegant Christmas font that will come in handy for your Christmas designs.

Get it

Free Font: Hallo Sans

Collective95_halloSans

Hallo Sans is a clean and sophisticated typeface designed by Fredrik Staurland.

Get it

Zepto Builder

Collective95_zeptobuilder

If you are using Zepto.js, you'll definitely find this builder very useful. It will let you generate a custom version of Zepto that just includes the modules you need.

Check it out

Free Font: Hungarumlaut Infinity

Collective95_infinity

This spacy pictogram-dingbat font was created for the branding identity of the 'To the infinity and beyond' exhibition. It was designed by Adam Katyi and you can get is for a Tweet.

Get it

Flat Responsive Showcase (PSD)

Collective95_showcasetemplate

A great showcase PSD by Pixeden with smart layers that let you insert your project screenshots with ease.

Get it

Flat Holiday Icons (PDF, PNG, AI)

Collective95_flatholiday

Some sweet holiday freebies by Cat Lo including a set of super-cute icons and free holiday cards.

Get it