Collective #159

Inspirational Website of the Week: Melanie Daveid

Melanie Daveid's portfolio has a beautiful layout with a lovely color scheme. The little effect details fit in perfectly. Our pick this week.

Get inspired

Using Flexbox today

Chris Wright shows some practical and really useful examples for Flexbox layouts.

Read it

Motion sensing using the doppler effect

An absolutely mind-blowing application of the Doppler effect to implement a motion sensor on a website using just the microphone. Make sure to put your volume/mic up to the max when trying the hands-free scrolling. Made by Daniel Rapp.

Check it out

Apple Watch Dials

Learn how to create a Apple Watch like activity dials using CSS in this tutorial by Donovan Hutchinson.

Check it out

Animation Timeline in Chrome DevTools - coming soon

A little sneak peek into what's coming to Chrome DevTools by Paul Irish.

Watch it

Contact Form

An easy to customize contact form with clean design by Sebastiano Guerriero from CodyHouse.

Check it out

Hello I'm V

Valentin Marmonier's stunning WebGL site experiment.View it on github

Check it out

Forcing Description Text In a Newsletter

Osvaldas Valutis shows how to add a custom description to a newsletter email.

Check it out

CSS Sans

CSS Sans is an interesting project where the letters are made with CSS only.

Check it out

Bidding farewell to Google Code

Read about the shutting down of Google Code and how to migrate code hosted there.

Check it out

Inlining critical CSS for first-time visits

Learn how to inline critical CSS in this practical guide by Jeremy Keith.

Read it

Detecting injected content from third-parties on your site

Paul Kinlan shows how to detect injected content on a site that's not on HTTPS.

Check it out

Push Notifications on the Open Web

As of Chrome version 42, the Push API and Notification API are available to developers and Matt Gaunt shows how to support push messaging in your web app.

Read it