Bi-Weekly Frontend News

Collective 70

Inspirational Website of the Week

Collective70_moresleep

Moresleep is our inspirational website of the week because of the minimal color scheme and slick effects.

Get inspired

Aristochart

Collective70_aristochart

Aristochart is an open source, highly customizable and flexible line charting library for canvas created by Adrian Cooney.

Check it out

Media Queries Are Not The Answer: Element Query Polyfill

Collective70_elementquery

Tyson Matanich has written a proof-of-concept polyfill for element queries, the possibly better long-term solution alternative to media queries.

Read it

Style Guide Boilerplate

Collective70_styleguidebp

A very useful boilerplate for style guides with five different parts that will help you maintain consistency in your next project. Created by Brett Jankord.

Check it out

Free iOS 7 icons in vector

Collective70_ios7icons

An amazing free set of 240 iOS 7 icons made by VisualPharm.

Get it
Advertisement

Mobile Web Problems and How to Avoid Them

Collective70_mobilewebproblems

Brad Frost gives some interesting insights on the most common mobile web problems collected over two years on "WTF Mobile Web".

Read it

HTML5 Genetic Algorithm 2D Car Thingy

Collective70_cars

A great demonstration of the power of genetic algorithms: this program uses a simple genetic algorithm to evolve random two-wheeled shapes into cars over generations. Written by Rafael Matsunaga using Box2D and Canvas.

Check it out

Mastering CSS Layout with Flexbox

Collective70_skechingcss

Some great practical examples of flexbox layouts by Sean Fioritto from his upcoming book "Sketching with CSS".

Read it

Contrailz

Collective70_contrailz

An interesting visualization of flight paths over some large cities of the world.

Check it out

Face to GIF

Collective70_Gif

Face to GIF is a fantastic little webapp that lets you record yourself and created infinitely looping GIFs.

Check it out

CSS Shredder

Collective70_cssshredder

Johnny Simpson shows you how to create a fun CSS shredder with 3D transforms, animations and the clip property.

Check it out

Chance

Collective70_chance

Chance by Victor Quinn can generate random numbers, characters, strings, names, addresses, dice, and pretty much anything else. Very useful for creating some diversity while writing automated tests.

Check it out

Free Font: Quirky Nots

Collective70_quirky

Quirky Nots is a fun and beautiful font designed by Amit Jakhu.

Get it

Tactile Design Kit

Collective70_tacticaldesignkit

The tactile design kit is a printable, interactive web design kit created to facilitate client conversation and brainstorming during the discovery and design phase.

Get it

Free Font: Foresee

Collective70_foresee

Foresee is a unique typeface for your next creative project by Arnaud Le Roux.

Get it

Free Font: Hanoi Typeface

Collective70_hanoi

Hanoi Sleek by Alex Dale is a sharp display font with a unique touch.

Get it

Promo – Flat Style Landing Page (PSD)

Collective70_promo

Promo is a clean and flat landing page PSD template by Nathan Brown for WeGraphics.

Get it

Cross-hatching GLSL shader

Collective70_shader

An interesting cross-hatching GLSL shader made by Jaume Sanchez using three.js.

Check it out

yass.js: Yet Another SrcSet implementation

Collective70_yass

Yass.js is a light-weight, mobile-first standalone srcset implementation by J. Tangelder.

Check it out

Using SVG for sprites – a cautionary tale

Collective70_svgsprrites

Adrian Osmond shares some insights on how SVG sprites can create more jank than PNG ones.

Read it

FROONT: Visual responsive web design

Collective70_froont

A promising looking visual editor with a drag and drop interface for creating responsive websites.

Check it out

35+ Real Estate Logos ( Ai, Eps)

Collective70_realestatelogos

A great set of free real estate logo templates by blugraphic.

Get it

Display PSD Theme

Collective70_displaypsdtheme

A clean and minimal PSD website template with four different pages designed by Michael Reimer.

Get it

Minimal UI Kit (PSD)

Collective70_minimaluikit

A very nice UI kit that was inspired by Google+. For your next minimal design project.

Get it

PivotTable.js

Collective70_pivottable

PivotTable.js is a jQuery Pivot table library with drag and drop functionality. Made by Nicolas Kruchten at Datacratic.

Check it out

Long shadow design

Collective70_longshadowdesign

Read about an interesting new trend: long shadow design. Flatty, make way for this new kid on the block! An article by Jeff Escalante.

Read it