Collective #123
Inspirational Website of the Week: Over the Hills
![Collective123_overthehills](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_overthehills.png?x25555)
Dive into this innovative digital experience that was made with the finest web technologies. Our pick this week.
Get inspiredSmarty Pins
![Collective123_smartypins](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_smartypins.png?x25555)
A fantastic Google Maps game that will test your geo knowledge.
Check it outStructuring, Grouping, and Referencing in SVG
![Collective123_groupingsvg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_groupingsvg.png?x25555)
Learn about the SVG <g>, <use>, <defs> and <symbol> elements in this great article by Sara Soueidan.
Read itIntense Images
![Collective123_intenseimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_intenseimages.png?x25555)
A great JavaScript library for an undistracted fullscreen image view with smooth panning. Made by Tim Holman.
Check it outGoogle I/O 2014 - Videos
![Collective123_iovideos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_iovideos.png?x25555)
All the Google I/O 2014 videos in one place.
Check it outMobile UI Design Patterns 2014
![Collective123_MobileUIpatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_MobileUIpatterns.jpg?x25555)
Learn about all the important mobile UI design patterns in this free e-book by Chris Banks.
Check it outStar Wars - Long Shadow Flat Design Icons (PNG)
![Collective123_starwars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_starwars.png?x25555)
Amazing flat-style Star Wars characters illustrated by Filipe Carvalho.
Get itFree Font: Anders
![Collective123_AndersFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_AndersFont.jpg?x25555)
A creative geometric font by Tom Anders Watkins.
Get itWeb Components and concepts, ShadowDOM, imports, templates, custom elements
![Collective123_webcomponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_webcomponents.png?x25555)
Learn about Web Components and how to actually build them in this great article by Todd Motto.
Read itSelect or Die
![Collective123_selectordie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_selectordie.png?x25555)
A jQuery plugin for customizing the style of the <select>
element.
Buddha Line Icons Complete (PSD, PNG)
![Collective123_buddha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_buddha.png?x25555)
A fantastic set of 100 beautifully designed line icons by Pixel Buddha.
Get itInspecting Yosemite's Icons
![Collective123_yosemite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_yosemite.png?x25555)
Nick Keppol takes a closer look at those new Yosemite icons and provides a grid template to start designing your own.
Read it3D CSS Typography
![Collective123_3dtypography](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_3dtypography.png?x25555)
A beautiful 3D typography pen by Noah Blon.
Check it outFlat UI Elements (AI, SVG)
![Collective123_flatuielements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_flatuielements.png?x25555)
A set of fantastic flat UI elements for your next project. Made by talented Mario del Valle.
Get itDevicons
![Collective123_devicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_devicons.png?x25555)
A cool icon font that comes with dev related icons by Theodore Vorillas.
Get itMaterial Design for AngularJS Apps
![Collective123_angularmaterial](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_angularmaterial.png?x25555)
Material Design is a specification and collection of unified AngularJS-native UI elements.
Check it outPixels are expensive
![Collective123_pixelsareexpensive](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_pixelsareexpensive.png?x25555)
Paul Lewis will tell you some important things on browser rendering and how your front-end code affects performance.
Check it outlollytin
![Collective123_lollytin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_lollytin.png?x25555)
Still in beta, but already a very useful Bootstrap 3 template builder.
Check it outdeb.js
![Collective123_debjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_debjs.png?x25555)
A small JavaScript library for debugging in the browser by Krasimir Tsonev.
Check it outsimpl.info
![Collective123_simpl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_simpl.png?x25555)
A useful list of simplest possible examples of HTML, CSS and JavaScript by Sam Dutton.
Check it outLithium: HTML5 Responsive one page template
![Collective123_lithium](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/07/Collective123_lithium.png?x25555)
A clean and professional one page template by Vadim Goncharov.
Get it