Collective #128
Inspirational Website of the Week: Volkshotel Amsterdam Centre
Our pick this week is a uniquely designed hotel website with a clever use of details and effects that fit the subject perfectly.
Get inspiredPure CSS parallax scrolling websites
A brilliant CSS-only technique by Keith Clark for parallax scrolling on a website using 3D transforms.
Check it outUnderstanding SVG Coordinate Systems & Transformations (Part 3) – Establishing New Viewports
The third and final tutorial in an awesome series of SVG articles by Sara Soueidan that will help you become an expert at using SVG.
Read itJavaScript Face Tracking Demo
Konrad Dzwinel's cool face tracking demo that will create a GIF of your recording.
Check it outMondrian
Mondrian is a vector font designed by Tano Veron and inspired by the art of Piet Mondrian.
Get itSweet Sugar Text Effect in Photoshop
A very nice and detailed Photoshop tutorial by John Shaver from Design Panoply how to create a really creative sugar text effect.
Check it outThe Making of Aprilzero: Part 2
If you have seen the awesome website Aprilzero by Anand Sharma that we picked as WOTW in issue 124 then you'll love this two-part making of. You can read the first part here: The Making of Aprilzero
Check it outColoured lightmaps with CSS blend modes
Another gem by Keith Clark that shows the power of CSS blend modes for creating colored lightmaps.
Check it outFree Retro Car Icons Set
Two beautiful freebies by talented designer Vitaliy including motor cycles and retro cars vectors.
Get itShrthnd
Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets. Made by Volume7.
Check it outExperimenting with the element.animate() function
Christofer Vilander experiments with the interesting the element.animate() function that was included in Chrome 36.
Check it outBuild A Blog With Jekyll And GitHub Pages
A fantastic tutorial by Barry Clark on how to build a static blog with Jekyll and host it on GitHub Pages.
Check it outFree Font: BRIG
Filipe Rolim designed this beautiful uppercase display font and you can download it for free on Fontm.com.
Get itDigital trip
An amazing Google Chrome Experiment game that showcases some modern web tech wizardry with three.js and headtrackr.
Check it outBuilding A Line-by-Line File Reader Using HTML5 and JavaScript
Learn how to use the HTML5 File API to build a file reader in this great tutorial by Matthew Meyers.
Check it outEnduring CSS: writing style sheets for rapidly changing, long-lived projects
An article by Ben Frain on his approach of writing CSS for enduring web projects.
Check it outFree Font: Hans Kendrick
Hans Kendrick 3.0 is a geometric grotesk typeface in regular and bold weights. It was designed by Alfredo Marco Pradil
Get itAngularJS Style Guide
A starting point for AngularJS development teams to provide consistency through good practices. A style guide by John Papa.
Check it out