Collective #193

Inspirational Website of the Week: Wove
A fantastic interactive design for a brilliant concept. Our pick this week.
Get inspired
FilterBlend
A new playground for experimenting with CSS background-blend-mode and filter properties. Made by Ilya Shubin.
Check it out
CSS Image Effects #5: Lomography
A great tutorial on how to achieve a Lomo like effect on images using CSS filters and blend modes. By Una Kravets.
Check it out
Recipes for Randomness in JavaScript
Dudley Storey will show you how to achieve different types of randomness in JavaScript.
Check it out
From Pages to Patterns: An Exercise for Everyone
Learn about naming things functionality and future-proof in this article by Charlotte Jackson.
Read it
DevTools Challenger
A very practical and fun guide to the Firefox DevTools.
Check it out
Flexbox For Interfaces All The Way: Tracks Case Study
Learn a lot of practical tips about flexbox in this great case study by Dennis Gaebel.
Read it
Do We Actually Need Specificity In CSS?
A serious question with an interesting outlook on how we could live without CSS specificity. By Philip Walton.
Read it
The design process of the CarenZorgt web site
A very insightful article on the workflow of a recent project by Veerle Pieters.
Read it
Awesome Stock Resources
A collection of links to free stock photography, video and Illustration websites. By Tony Phipps.
Check it out
roll.js
A useful little JavaScript library that helps you keep track of position, scrolling, and pagination. By William Ngan.
Check it out
Free Font: Buth
Pere Esquerrà designed this creative display font and offers it for free.
Get it
deepart.io
Deepart.io will paint your photo in the style of a given artist with the power of an algorithm based on convolutional neural networks. Made by ?ukasz Kidzi?ski and Micha? Warcho?.
Check it out
Discover The Story Of Motoring: An Interactive History
A scrolling tour through the history of cars.
Check it out
Google Web Font inspiration in HTML & CSS
Some great Google Web Font inspiration put together by Tobias Ahlin.
Check it out
How To Animate An Element Along An SVG Path
Vlad Georgescu shows how to animate an SVG along a predefined path using Snap.svg.
Check it out
Applying Flexbox to the Video Player
Laura Kalbag shows the advantages of using flexbox for styling the video player element.
Read it
Quick[select] jQuery Plugin
A jQuery plugin for quick selection of common options in select boxes. Made by Will Stone.
Check it out
Free Font: Magnolia Display
A playfully designed display font made by Kenji Enos and available for free.
Get it
jQuery Tips Everyone Should Know
A collection of basic tips and tricks to help up your jQuery game. By Matt Smith.
Check it out