Collective #128
Inspirational Website of the Week: Volkshotel Amsterdam Centre
![Collective128_volks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_volks.png?x86293)
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
![Collective128_parallax](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_parallax.png?x86293)
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
![Collective128_nestingsvgs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_nestingsvgs.png?x86293)
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
![Collective128_jsfacetrackingdemo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_jsfacetrackingdemo.png?x86293)
Konrad Dzwinel's cool face tracking demo that will create a GIF of your recording.
Check it outMondrian
![Collective128_mondrian](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_mondrian.png?x86293)
Mondrian is a vector font designed by Tano Veron and inspired by the art of Piet Mondrian.
Get itSweet Sugar Text Effect in Photoshop
![Collective128_Sugar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_Sugar.jpg?x86293)
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
![Collective128_aprilzero](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_aprilzero.png?x86293)
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
![Collective128_lightmaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_lightmaps.png?x86293)
Another gem by Keith Clark that shows the power of CSS blend modes for creating colored lightmaps.
Check it outFree Retro Car Icons Set
![Collective128_retrocar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_retrocar.png?x86293)
Two beautiful freebies by talented designer Vitaliy including motor cycles and retro cars vectors.
Get itShrthnd
![Collective128_shrthnd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_shrthnd.png?x86293)
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
![Collective128_animatefn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_animatefn.png?x86293)
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
![Collective128_jekyll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_jekyll.png?x86293)
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
![Collective128_brig](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_brig.png?x86293)
Filipe Rolim designed this beautiful uppercase display font and you can download it for free on Fontm.com.
Get itDigital trip
![Collective128_digitaltrip](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_digitaltrip.png?x86293)
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
![Collective128_filereader](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_filereader.png?x86293)
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
![Collective128_enduringCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_enduringCSS.png?x86293)
An article by Ben Frain on his approach of writing CSS for enduring web projects.
Check it outFree Font: Hans Kendrick
![Collective128_FontHansKendrick](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_FontHansKendrick.png?x86293)
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
![Collective128_angular](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective128_angular.png?x86293)
A starting point for AngularJS development teams to provide consistency through good practices. A style guide by John Papa.
Check it out