Collective #116
Inspirational Website of the Week: Purple, Rock, Scissors
![Collective116_purplerockscissors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_purplerockscissors.png?x86293)
Stunning web design meets smooth interaction: that's how a visit to Purple Rock Scissors feels like. Our pick this week.
Get inspiredWTF, forms?
![Collective116_wtfforms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_wtfforms.jpg?x86293)
Some great styles for nicer looking HTML form controls by Mark Otto.
Check it outCSS Shapes Polyfill
![Collective116_cssshapespolyfill](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_cssshapespolyfill.png?x86293)
If you are excited about CSS Shapes (who isn't?) then you'll definitely find this polyfill interesting.
Check it outResponsive Images Done Right: A Guide To <picture>
And srcset
![Collective116_responsiveimagesdoneright](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_responsiveimagesdoneright.png?x86293)
The definite guide to the <picture>
element and srcset by Eric Portis.
Using the :target pseudo-selector for alternative layouts
![Collective116_targetpseudo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_targetpseudo.png?x86293)
A super-smart technique for a grid view using the :target pseudo-selector by Vasilis van Gemert.
Check it outSingle Element CSS Spinners
![Collective116_cssspiners](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_cssspiners.png?x86293)
A set of fantastic one-element CSS loaders by Luke Haas
Check it outSportHere Template (PSD, HTML)
![Collective116_sporthere](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_sporthere.png?x86293)
A really well designed template that comes with PSD and HTML, ready to use and customize.
Get itFree Font: Berlin
![Collective116_berlin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_berlin.png?x86293)
Berlin, Berlina, Slaberlin and Überlin, all in three weights (Regular, Bold and X-Bold, plus Berlin’s Regular Italics) are versatile typefaces by Antonio Rodrigues Jr.
Get itUsing Small Caps & Text Figures on the Web
![Collective116_smallcaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_smallcaps.png?x86293)
Dmitry Fadeyev will show you how it's possible to use some great typographic features, like small caps and text figures, on the Web.
Check it outFiltrex
![Collective116_filtrex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_filtrex.png?x86293)
A simple, safe, JavaScript expression engine made by Joe Walnes.
Check it outStashhh.me
![Collective116_stashhhme](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_stashhhme.png?x86293)
With Stashbox you can save memories, ideas and inspiration or simply create collections of what you love.
Check it outCharts and Diagrams Kit (PSD)
![Collective116_chartsanddiagrams](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_chartsanddiagrams.png?x86293)
A useful kit of charts and diagrams by WebAppers.
Get itFinch
![Collective116_finch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_finch.png?x86293)
With Finch you can test local websites on any internet connected device. It's free during a limited beta period.
Check it outCan Email Be Responsive?
![Collective116_emailresponsive](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_emailresponsive.png?x86293)
Jason Rodriguez talks about HTML emails and how to make them responsive using flexible images, flexible layouts, and media queries.
Read itGood-Looking Shapes Gallery
![Collective116_shapesgallery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_shapesgallery.png?x86293)
Maybe not really beauty-pageant-winning "good-looking" but definitely a good reference of CSS shapes in action.
Check it outOctober
![Collective116_october](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_october.png?x86293)
October is a free, open-source, self-hosted CMS platform based on the Laravel PHP Framework.
Check it outOctotree
![Collective116_octotree](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_octotree.png?x86293)
A browser extension by Buu Nguyen to display GitHub code in tree format.
Check it outSource Serif Pro
![Collective116_sourceserif](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_sourceserif.png?x86293)
Source Serif Pro is a set of OpenType fonts to complement the Source Sans Pro family by Adobe.
Get itLinea
![Collective116_linea](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_linea.png?x86293)
A fantastic line icon set by Dario Ferrando with new additions coming throughout the month.
Get itTrolldor
![Collective116_trolldor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/05/Collective116_trolldor.png?x86293)
Trolldor will analyze a Twitter account and check if it's on the global blacklist of twitter trolls.
Check it out