Collective #184
![Collective184_peta](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_peta.png?x86293)
Inspirational Website of the Week: Petas
An elegant design with balanced typography and the right amount of animation made us pick Peta as inspirational website of the week.
Get inspired![Collective184_google](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_google.png?x86293)
Google’s look, evolved
Google has changed their look! Read about the details of this redesign in the official blog entry.
Check it out![Collective184_gamedesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_gamedesign.png?x86293)
Principles Of HTML5 Game Design
Learn how to get started with HTML5 game design in this in-depth article by Kamil Kaniuk and Tomasz Grajewski.
Read it![Collective184_csssvgshapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_csssvgshapes.png?x86293)
CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components
Sara Soueidan explains how to create different shapes with SVG and CSS techniques.
Read it![Collective184_htmlcolorcodes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_htmlcolorcodes.png?x86293)
HTML Color Codes
All the HTML color codes in one place. Made by Dixon & Moe.
Check it out![Collective184_responsiveimagesanatomy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_responsiveimagesanatomy.png?x86293)
The anatomy of responsive images
Jake Archibald explains various responsive images use cases and how to implement fitting solutions.
Read it![Collective184_svgpatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_svgpatterns.png?x86293)
An Overview of SVG Patterns
Lucas Bebber gives a great overview of SVG patterns and how to use them.
Read it![Collective184_squeezebox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_squeezebox.png?x86293)
Squeezebox Portfolio Template
A lovely portfolio showcase template made by Claudia Romano from CodyHouse.
Check it out![Collective184_deckofcards](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_deckofcards.png?x86293)
HTML5 Deck of Cards
Juha Lindstedt created this versatile deck of cards with lots of different effects.
Check it out![Collective184_nipplejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_nipplejs.png?x86293)
nippleJS
A virtual joystick for touch-capable interfaces by Yoann Moinet.
Check it out![Collective184_bellico](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_bellico.png?x86293)
Free Font: Bellico Typeface + Bonus Vectors (OTF, TTF)
A beautiful script typeface with a wide range of alternates available through OpenType features. Designed by Seventh Imperium.
Get it![Collective184_applemusic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_applemusic.png?x86293)
Apple Music Redesign concept
A beautiful Apple Music redesign concept by Tom Koszyk.
Check it out![Collective184_ontology](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_ontology1.png?x86293)
What We Talk About When We Talk About Ontology
David Peter Simon dives into ontology and describes why it's so important for designers.
Read it![Collective184_centeringelements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_centeringelements.png?x86293)
Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally
Danny Markov from Tutorialzine shows how to easily center elements the modern way.
Check it out![Collective184_ruledpaper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_ruledpaper.png?x86293)
Back To School: Ruled Paper & Lined Text using SVG & CSS
Dudley Storey shows how to create ruled paper with lined text using CSS and SVG.
Check it out![Collective184_scrollsnapping](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_scrollsnapping.png?x86293)
Scroll snapping explained
Sebastian Zartner explains CSS scroll snapping and what you can do with it.
Read it![Collective184_vulcan](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_vulcan.png?x86293)
Vulcan: A JavaScript Automated Proof System
Ryan Marcus built this resolution-based automated proof system as an NPM package.
Check it out![Collective184_pixelmap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_pixelmap.png?x86293)
Pixel Map Generator
A great pixel map generator by AM Charts that let's you created customized dotted style maps.
Check it out![Collective184_atzur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_atzur.png?x86293)
Free Font: Atzur
Oscar Cobo designed this interesting typeface and offers it for free.
Get it![Collective184_unistyle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/09/Collective184_unistyle.png?x86293)
Unistyle
Write modular and scalable CSS using the next version of ECMAScript. Made by Joakim Carlstein.
Check it out