Collective #116

View All

CSS Shapes * WTF, forms? * Smart use of :target * Responsive Images Done Right * Filtrex * October * Octotree * Stashhh.me * Finch

Cover design by Forefathers
Collective_116

Inspirational Website of the Week: Purple, Rock, Scissors

Collective116_purplerockscissors

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

Get inspired

WTF, forms?

Collective116_wtfforms

Some great styles for nicer looking HTML form controls by Mark Otto.

Check it out

CSS Shapes Polyfill

Collective116_cssshapespolyfill

If you are excited about CSS Shapes (who isn't?) then you'll definitely find this polyfill interesting.

Check it out

Responsive Images Done Right: A Guide To <picture> And srcset

Collective116_responsiveimagesdoneright

The definite guide to the <picture> element and srcset by Eric Portis.

Read it

Using the :target pseudo-selector for alternative layouts

Collective116_targetpseudo

A super-smart technique for a grid view using the :target pseudo-selector by Vasilis van Gemert.

Check it out
Advertisement

Single Element CSS Spinners

Collective116_cssspiners

A set of fantastic one-element CSS loaders by Luke Haas

Check it out

SportHere Template (PSD, HTML)

Collective116_sporthere

A really well designed template that comes with PSD and HTML, ready to use and customize.

Get it

Free Font: Berlin

Collective116_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 it

Using Small Caps & Text Figures on the Web

Collective116_smallcaps

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 out

Filtrex

Collective116_filtrex

A simple, safe, JavaScript expression engine made by Joe Walnes.

Check it out

Stashhh.me

Collective116_stashhhme

With Stashbox you can save memories, ideas and inspiration or simply create collections of what you love.

Check it out

Charts and Diagrams Kit (PSD)

Collective116_chartsanddiagrams

A useful kit of charts and diagrams by WebAppers.

Get it

Finch

Collective116_finch

With Finch you can test local websites on any internet connected device. It's free during a limited beta period.

Check it out

Can Email Be Responsive?

Collective116_emailresponsive

Jason Rodriguez talks about HTML emails and how to make them responsive using flexible images, flexible layouts, and media queries.

Read it

Good-Looking Shapes Gallery

Collective116_shapesgallery

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

Check it out

October

Collective116_october

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

Check it out

Octotree

Collective116_octotree

A browser extension by Buu Nguyen to display GitHub code in tree format.

Check it out

Source Serif Pro

Collective116_sourceserif

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

Get it

Linea

Collective116_linea

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

Get it

Trolldor

Collective116_trolldor

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

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.