Collective #124

View All

Clipping in CSS and SVG * CSS is a Mess * DropKick.js 2.0 * Mazwai * CSS Colorguard * GifLinks * elq.js


Inspirational Website of the Week: Aprilzero


Anand Sharma's own data visualized in a fantastic way. Enjoy smooth animations and interesting effects on this extraordinary website.

Get inspired

Clipping in CSS and SVG: The clip-path Property and <clipPath> Element


Another insightful article by Sara Soueidan on SVG, this time about the clip-path property and the clipPath element.

Check it out

CSS is a Mess


Jonathan Snook talks about the messiness of CSS and how we can avoid mistakes and organize large projects better.

Watch it

How to Create Your Own HTML Elements With Web Components


Kezz Bracey shows how to create your own HTML elements with the exciting new Web Components.

Read it

Best Practices for Building Angular.js Apps


Learn some really interesting best practices for building Angular.js apps in this article by Jeff Dickey.

Check it out

DropKick.js 2.0


Version 2.0 of the great JavaScript plugin for creating beautiful, graceful, and painless custom drop-downs. Made by Robert DeLuca.

Check it out

Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback


A great solution for reaching equal height columns using flexbox with a JS fallback. By Osvaldas Valutis.

Check it out



A great stock video site with free HD videos that you can use in your projects. All videos are licensed under the CC 3.0 license.

Check it out

CSS Colorguard


CSS Colorguard helps detect similar colors in your CSS project for a more consistent color use. Made by Alex Sexton.

Check it out



Christmas is coming early this year with GIFLINKS! YES! By brilliant (and evil) Tim Holman :)

Check it out

Smart Fixed Navigation


A smart navigation that will be where it's needed when scrolling down a page.

Check it out

5 Practical Examples For Learning The React Framework


Some useful learning examples for Facebook's React framework. By Martin Angelov.

Check it out

Pixelvicon Icon Set (PSD, PNG, SVG, Webfont)


80 really pixel-perfect icons made by Mohammad Amiri.

Get it

Making a SVG HTML Burger Button


Learn how to make a nicely animated hamburger icon in this tutorial by Kyle Henwood.

Check it out

Optimising for 60fps everywhere


Understand and learn how to optimize web sites and applications for efficient rendering. An article on the GoSquared Engineering Blog.

Read it



A really useful library by Art Lawry for detecting element-queries in your CSS, and implementing them in JavaScript.

Check it out

CSS only custom-styled select


A CSS-only way to style the closed state of the native select element by Todd Parker.

Check it out

PodStarUI (PSD)


A beautiful freebie by PixelBuddha: a one-page template with a podcast theme.

Get it

JavaScript must-watch videos


A useful list of must-watch videos about JavaScript. Collected by Sergey Bolshchikov.

Check it out

Please JS


Please.js by Jordan Checkman uses the HSV color space to create random pleasing colors to make your projects beautiful.

Check it out

Free Font: Silent Lips


Vincent Labonne designed this hypnotic experimental typeface.

Get it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.