Bi-Weekly Frontend News

Collective #65

Inspirational Website of the Week


Find and Form won our hearts this week because of their really nice hover effects, the clean typography and simplicity.

Get inspired

Picksum Ipsum - Movie Lorem Ipsum Text Generator Alternative


A fresh new dummy text generator with lines from some of the hardest Hollywood legends. Made by Creare.

Check it out


A super-useful collection of screen specifications of the most popular devices and monitors currently on the market. Made by Type/Code.

Check it out

CSS Tube Map


The CSS Tube Map is an absolutely fantastic HTML5/CSS/JS replica of the London Underground network diagram. It was created by talented John Galantini.

Check it out



Oskari Groenroos created this jQuery plugin for replacing select elements with a nicely styled control element.

Check it out

Color Swatches


A great jQuery plugin by Max Mackie that turns a single div into a lovely color palette. On hover, the HEX color code shows.

Check it out

Css Tv: Css News


If you'd like to browse through the latest blog articles related to CSS, then you'll find Css Tv interesting.

Check it out



Tim Holman's next stroke of genius: Fizzy-Cam. It uses WebGL with three.js, custom WebGL shaders, WebRTC and headtrackr.

Check it out

Reactive CSS Transitions


A wonderful pen by Yogev Ahuvia: each block reacts to its neighbors by transforming its border-radius and color.

Check it out

Free Font: Rispa


A really beautiful and interesting display typeface by Konrad Bednarski. You can download a free test version with basic glyphs.

Get it

Beat Petite


Beat Petite by Stuart Memo is a sample-free drum machine made with the Web Audio API.

Check it out

Easy Responsive Tabs to Accordion


Samson Onna created this jQuery plugin for responsive tabs which will adapt to any screensize and change to an accordion when needed.

Check it out

Pure CSS3 Lightsaber Checkboxes


These are definitely the most creative and geeky checkboxes you'll come across these days: lightsaber checkboxes! Made by Nicholas Cerminara from

Check it out

Thin Stroke Icons (PSD)


A lovely set of thin stroke icons by Victor Erixon.

Get it

Clipping Magic


Clipping Magic is a really useful tool for removing backgrounds and clipping images. If you need a quick clip, this will definitely be interesting to you.

Check it out



Anchorify.js by William Durand is a dead simple jQuery plugin for automatically creating anchored headings in your HTML documents. It guarantees uniqueness of the anchor names, and is able to reuse existing IDs.

Check it out

Free Font: MNSTR


An impact-full display typeface for posters and headlines by Roman Shchyukin.

Get it

Free Weather Vector Icons (AI, EPS)


A set of fine and creative weather icons designed by Simon Lockyer.

Check it out

Cosmo mini free (PNG)


A very nice icon set by Icojam. It's a free version of Cosmo icons and it includes a large set of PNGs.

Get it

Designing CSS Layouts With Flexbox Is As Easy As Pie


In this Smashing Magazine article David Storey explains how to easily use flexbox for solving once complicated centering problems. Flexbox FTW!

Read it

Infinite: A Design Blog Template HTML/CSS


A small and sweet HTML/CSS template for a design blog. Featuring a clean layout based on jQuery Masonry and infinite scroll. Created by Nathan Brown.

Get it



Kosmos by John Judnich allows you to explore a computer-generated 3D universe from your browser. This virtual universe is extremely vast, containing trillions of stars, planets, and moons to explore. Note that this needs extensive WebGL support and might not work well or at all on Windows machine browsers. Please read the system requirements.

Check it out

Free Font: Volantene Script


Volantene Script by by Catharsis Fonts (Christian Thalmann) is a fully equipped display typeface inspired by the fine penmanship of Lady Talisa Maegyr-Stark. It comes with an extensive character set and OpenType features like ligatures and contextual alternates.

Get it

Minimal Outline Icons (PSD)


A delicate icon set by Martin Maričák for Premium Pixels. The download includes the icons at 64px and 32px sizes, along with the original PSD.

Get it

Free Font: Qubu Light


Dieter Hofrichter designed another stunning new typeface and offers the light style for free.

Get it