Collective #192
![Collective192_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_WOTW.png?x86293)
Inspirational Website of the Week: Deux Huit Huit
Great typography with smooth effects and smart details made us pick Deux Huit Huit for this week's website inspiration.
Get inspired![Collective192_creativetypographysvg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_creativetypographysvg.png?x86293)
Creative Typography with SVG
An great presentation by Brenna O'Brian on SVG typography.
Check it out![Collective192_kloc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_kloc.png?x86293)
atvImg
This lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3D parallax icons. Made by Drew Wilson.
Check it out![Collective192_segment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_segment1.png?x86293)
Segment
Segment is a small zero-dependency JavaScript library for drawing and animating SVG path strokes. Made by lmgonzalves.
Check it out![Collective192_cssgram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_cssgram.png?x86293)
CSSGram
A tiny library for recreating Instagram filters with CSS filters and blend modes. Made by Una Kravets.
Check it out![Collective192_animatedintrosection](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_animatedintrosection.png?x86293)
Animated Intro Section
A collection of creative animated intro effects made by Claudia Romano from Cody House.
Check it out![Collective192_svgpathbuilder](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_svgpathbuilder.png?x86293)
SVG Path Builder
A great GUI for creating SVG paths quickly. Made by Anthony Dugois.
Check it out![Collective192_legofy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_legofy.png?x86293)
Legofy
Legofy is a python program that takes a static image or GIF and turns it into a LEGO like image. Made by Juan Potato.
Check it out![Collective192_Songmaker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_Songmaker.png?x86293)
Songmaker
An in-browser musical experiment using p5.js and the p5.sound library.
Check it out![Collective192_shadowdom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_shadowdom.png?x86293)
Introducing Shadow DOM API
Ryosuke Niwa introduces the Shadow DOM API for WebKit.
Check it out![Collective192_plume](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_plume.png?x86293)
Free Font: Plume
A lovely brush type made by Krisjanis Mezulis.
Get it![Collective192_pigeon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_pigeon.png?x86293)
Pigeon-js
Pigeon is an HTML preprocessor or template engine written in JavaScript. Made by Alex Suyun.
Check it out![Collective192_avoidcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_avoidcss.png?x86293)
Things To Avoid When Writing CSS
Heydon Pickering's suggestions on what to avoid when writing CSS.
Check it out![Collective192_iconfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_iconfont.jpg?x86293)
Office Icon Set
100 free Web and app UI icons made by Tyler Brooks.
Check it out![Collective192_Cansiparane](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_Cansiparane.png?x86293)
Free Font: Cansiparane
Mehmet Metin designed this very creative uppercase display typeface.
Check it out![Collective192_img2css](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_img2css.png?x86293)
img2css
A tool that can convert any image into a pure CSS "image" using only box shadows. Made by Javier Bórquez.
Check it out![Collective192_navnav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_navnav.png?x86293)
NavNav
A site that collects responsive navigation examples, demos, and tutorials from all over the web.
Check it out![Collective192_interactivecolorphoto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_interactivecolorphoto.png?x86293)
Interactive Color Photo Highlight Effect In SVG
A cool interactive photo highlight effect made with SVG by Dudley Storey.
Check it out![Collective192_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_react.png?x86293)
React Cheat Sheet
A very useful filterable cheat sheet for React made by Michael Chan.
Check it out![Collective192_es6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_es61.png?x86293)
ECMAScript 6 (ES6): What's New In The Next Version Of JavaScript
Lars Kappert provides a great overview of all the new features of ES6.
Read it![Collective192_anglededges](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/10/Collective192_anglededges.png?x86293)
Angled Edges with CSS Masks and Transforms
Jeremy Frank shows a smart way to create angled edges using CSS masks and transforms.
Check it out