Collective #179

Inspirational Website of the Week: Quant Agency
A clean and fresh site with some interesting design details and interactions. Our pick this week.
Get inspired
What The FlexBox?!
A simple, free 20 video course that will help you master CSS Flexbox by Wes Bos.
Check it out
Stop pushing the web forward
A reasonable call for not moving the web forward for a while so that we can learn and understand the current features for a more meaningful vision of the web.
Read it
Pageload Perf Audits with DevTools Filmstrip in Chrome
Paul Irish shows how to use the Chrome DevTools and Filmstrip to diagnose slow page loading of several big websites.
Watch it
Tookapic: 365 project
With tookapic's 365 project you can capture your life by taking one photo a day for 365 days. Tookapic is also a great resource for high quality stock photos.
Check it out
minigrid
A minimal grid layout with no dependencies by Henrique Alves.
Check it out
How To Create a Text Portrait Effect in Photoshop
A master class by Chris Spooner on how to create an awesome text portrait effect in Photoshop.
Read it
Spatial Interfaces
An excellent article on spatial interfaces by Pasquale D’Silva.
Read it
CSS vs. SVG: Graphical Text Effects
The first article of a series of posts exploring techniques for creating graphical effects using CSS and SVG by Sara Soueidan.
Read it
Designing Flexible, Maintainable Pie Charts With CSS and SVG
An excerpt form Lea Verou's latest book, CSS Secrets, where she explains several methods for generating pie charts.
Read it
Free Font: Vibrey
A very creative font design that is based on vibration, made by Sasha B. Perelman.
Get it
Advanced CSS filters
Vincent De Oliveira explores some advanced CSS filter techniques.
Check it out
Constructing CSS Quantity Queries On The Fly
Drew Minns shows how to use quantityqueries.com for constructing custom quantity queries in CSS.
Read it
Free Font: Ikra Slab
A beautiful slab serif font designed by Sergey Godovalov.
Get it
The Web We Have to Save
A must-read article by author and blogger Hossein Derakhshan on how we have to save the web from becoming a linear and passive TV-internet.
Read it
Monobrand iOS UI Kit (Free Sample)
A free sample from the beautifully designed Monobrand UI for creating iOS app designs.
Get it
How The Next Web Redesign Puts Content First
The team at ZURB analyzed The New Web's latest redesign with their design team to figure out the thinking behind their design decisions.
Read it
A Visual Introduction to Machine Learning
An excellent visual introduction to Machine Learning by R2D3.
Check it out