Bi-Weekly Frontend News

Collective #111

Inspirational Website of the Week: Active Theory

Collective111_activetheory

A truly inspirational digital experience. The website of Active Theory makes use of some unusual shapes and interesting scrolling and hover effects. Our pick this week.

Get inspired

Post Flat Design

Collective111_postflat

Wells Riley points out the over-simplification in UI design that happened due to the flat design trend and suggests a less strict approach that embraces the reintroduction of skeuomorphic styles and depth where sensible.

Read it

Advanced animation path

Collective111_advancedanimationpaths

A great tutorial by Oleg Solomka on how to animate SVG paths and animate along them.

Check it out

The Z-Axis: Designing for the Future

Collective111_z-axis

Wren Lanier explains how exploring a new dimension, the z-axis, in layout thinking can solve design problems in this A List Apart article.

Read it

GitHub Cheat Sheet

Collective111_githubcheatsheet

A compilation of all the hidden and not hidden features of Git and GitHub by Tim Green.

Check it out
Advertisement

How to Use steps() in CSS Animations

Collective111_stepsanimations

An excellent article by Joni Trythall on understanding and using steps() in CSS Animations with some great demos.

Check it out

CSS and SVG Masks

Collective111_csssvgmasks

See which masking technique has most browser support in this great overview by yoksel.

Check it out

280 Vector Line Icons Pack (EPS)

Collective111_vectorlineicons

An absolutely stunning free icon pack with lots of fresh vector line icons designed by Jonas Nullens for PixelBuddha.

Get it

Picker

Collective111_picker

An easy-to-use and customizable color picker by suffick.

Check it out

Really Good Emails

Collective111_reallygoodemails

An inspiring collection of really good email designs by Matthew Smith.

Check it out

Treed

Collective111_treed

Treed is an extensible tree editor with VIM inspired keyboard navigation and drag and drop functionality. Made by Jared Forsyth.

Check it out

Building The Web App For Unicef's Tap Campaign: A Case Study

Collective111_unicef

A great case study on how the challenging web app, Tap, Unicef's latest campaign, was made. By Nick Jonas and Francis Villanueva.

Check it out

Creating Style Guides

Collective111_styleguides

A very insightful article on how to build and maintain style guides by Susan Robertson on A List Apart.

Read it

Awesome kit

Collective111_awesomekit

A free set of 26 AI wireframe templates for iOS with two custom brushes designed by George Vasyagin.

Get it

Cognitive Lode

Collective111_coglode

Understand the latest behavioral economics & consumer psychology research in a easy-to-understand and simple manner.

Check it out

Colorful Ficons Icons 42+ (PSD)

Collective111_ficons

A set of delicious flat-style icons by Alexander Kutuzov.

Get it

Chicks & Types

Collective111_chicksandtypes

"It's all love" - Cosimo Lorenzo Pancini celebrates his favorite typefaces with the versatile beauty of ladies.

Check it out

Torpedo

Collective111_torpedo

Torpedo is a useful, new file sharing app that let's you share files, passwords, and more with self-destructing private links.

Check it out

Raising The Bar

Collective111_rtb

Raising the Bar is a non-profit initiative aimed at turning educational content into a part of the pop-culture.

Get inspired

Papercraft

Collective111_papercraft

Papercraft by Brent Jackson is a creative, hand-coded experimental type made with SVG and inspired by folded paper.

Check it out

Responsive Email Patterns

Collective111_responsiveemailpatterns

Published already some time ago, this is a really useful resource of patterns and modules for responsive emails.

Check it out