Bi-Weekly Frontend News

Collective #124

Inspirational Website of the Week: Aprilzero

Collective124_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

Collective124_csssvgclipping

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

Collective124_cssmess

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

Watch it
Advertisement

How to Create Your Own HTML Elements With Web Components

Collective124_howtocreatewebcomponents

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

Collective124_angularbestpractices

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

Check it out

DropKick.js 2.0

Collective124_dropkickjs

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

Collective124_flexresponsiveequalheights

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

Check it out

Mazwai

Collective124_mazwai

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

Collective124_CSSColorguard

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

Check it out

GifLinks

Collective124_GifLinks

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

Check it out

Smart Fixed Navigation

Collective124_smartfixednavigation

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

Collective124_5examplesreact

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

Check it out

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

Collective124_pixelvicon

80 really pixel-perfect icons made by Mohammad Amiri.

Get it

Making a SVG HTML Burger Button

Collective124_svgburgerbutton

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

Check it out

Optimising for 60fps everywhere

Collective124_60fps.js

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

Read it

elq.js

Collective124_elq.js

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

Collective124_CSSselect

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

Check it out

PodStarUI (PSD)

Collective124_podstarui

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

Get it

JavaScript must-watch videos

Collective124_jsmustwatch

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

Check it out

Please JS

Collective124_pleasejs

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

Collective124_silentlips

Vincent Labonne designed this hypnotic experimental typeface.

Get it