Collective #128

View All

Pure CSS parallax scrolling * Making of Aprilzero * Shrthnd * element.animate() * Blog With Jekyll And GitHub Pages * Digital trip * AngularJS Style Guide

Collective_128

Inspirational Website of the Week: Volkshotel Amsterdam Centre

Collective128_volks

Our pick this week is a uniquely designed hotel website with a clever use of details and effects that fit the subject perfectly.

Get inspired

Pure CSS parallax scrolling websites

Collective128_parallax

A brilliant CSS-only technique by Keith Clark for parallax scrolling on a website using 3D transforms.

Check it out

Understanding SVG Coordinate Systems & Transformations (Part 3) – Establishing New Viewports

Collective128_nestingsvgs

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 it
Advertisement

JavaScript Face Tracking Demo

Collective128_jsfacetrackingdemo

Konrad Dzwinel's cool face tracking demo that will create a GIF of your recording.

Check it out

Mondrian

Collective128_mondrian

Mondrian is a vector font designed by Tano Veron and inspired by the art of Piet Mondrian.

Get it

Sweet Sugar Text Effect in Photoshop

Collective128_Sugar

A very nice and detailed Photoshop tutorial by John Shaver from Design Panoply how to create a really creative sugar text effect.

Check it out

The Making of Aprilzero: Part 2

Collective128_aprilzero

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 out

Coloured lightmaps with CSS blend modes

Collective128_lightmaps

Another gem by Keith Clark that shows the power of CSS blend modes for creating colored lightmaps.

Check it out

Shrthnd

Collective128_shrthnd

Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets. Made by Volume7.

Check it out

Experimenting with the element.animate() function

Collective128_animatefn

Christofer Vilander experiments with the interesting the element.animate() function that was included in Chrome 36.

Check it out

Build A Blog With Jekyll And GitHub Pages

Collective128_jekyll

A fantastic tutorial by Barry Clark on how to build a static blog with Jekyll and host it on GitHub Pages.

Check it out

Free Font: BRIG

Collective128_brig

Filipe Rolim designed this beautiful uppercase display font and you can download it for free on Fontm.com.

Get it

Digital trip

Collective128_digitaltrip

An amazing Google Chrome Experiment game that showcases some modern web tech wizardry with three.js and headtrackr.

Check it out

Building A Line-by-Line File Reader Using HTML5 and JavaScript

Collective128_filereader

Learn how to use the HTML5 File API to build a file reader in this great tutorial by Matthew Meyers.

Check it out

Enduring CSS: writing style sheets for rapidly changing, long-lived projects

Collective128_enduringCSS

An article by Ben Frain on his approach of writing CSS for enduring web projects.

Check it out

Free Font: Hans Kendrick

Collective128_FontHansKendrick

Hans Kendrick 3.0 is a geometric grotesk typeface in regular and bold weights. It was designed by Alfredo Marco Pradil

Get it

AngularJS Style Guide

Collective128_angular

A starting point for AngularJS development teams to provide consistency through good practices. A style guide by John Papa.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.