Collective #116
Inspirational Website of the Week: Purple, Rock, Scissors

Stunning web design meets smooth interaction: that's how a visit to Purple Rock Scissors feels like. Our pick this week.
Get inspiredWTF, forms?

Some great styles for nicer looking HTML form controls by Mark Otto.
Check it outCSS Shapes Polyfill

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

The definite guide to the <picture>
element and srcset by Eric Portis.
Using the :target pseudo-selector for alternative layouts

A super-smart technique for a grid view using the :target pseudo-selector by Vasilis van Gemert.
Check it outSingle Element CSS Spinners

A set of fantastic one-element CSS loaders by Luke Haas
Check it outSportHere Template (PSD, HTML)

A really well designed template that comes with PSD and HTML, ready to use and customize.
Get itFree Font: Berlin

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

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

A simple, safe, JavaScript expression engine made by Joe Walnes.
Check it outStashhh.me

With Stashbox you can save memories, ideas and inspiration or simply create collections of what you love.
Check it outCharts and Diagrams Kit (PSD)

A useful kit of charts and diagrams by WebAppers.
Get itFinch

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?

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

Maybe not really beauty-pageant-winning "good-looking" but definitely a good reference of CSS shapes in action.
Check it outOctober

October is a free, open-source, self-hosted CMS platform based on the Laravel PHP Framework.
Check it outOctotree

A browser extension by Buu Nguyen to display GitHub code in tree format.
Check it outSource Serif Pro

Source Serif Pro is a set of OpenType fonts to complement the Source Sans Pro family by Adobe.
Get itLinea

A fantastic line icon set by Dario Ferrando with new additions coming throughout the month.
Get itTrolldor

Trolldor will analyze a Twitter account and check if it's on the global blacklist of twitter trolls.
Check it out