Collective #108

View All

CSS Diner * CSSynth * Picture Element * CSS Grid * Color Lightness * Animal Characters Set * Responsive Table

Cover design by Emanuel Serbanoiu
Collective 8

Inspirational Website of the Week: Zulu

Collective108_zulu

It takes a moment to get used to navigate this site but it's just such a high-tech experience that we had to pick it!

Get inspired

CSS Diner

Collective108_cssdiner

CSS Diner is a fun game for learning CSS selectors. Type the right selectors and reach the next level. Made by Luke Pacholski.

Check it out

CSSynth

Collective108_cssynth

A fantastic and useful CSS generator for animations by Bennett Feely.

Check it out

Free Font: Gist Rough Light Three

Collective108_fontgist

A playful and unique typeface by Yellow Design Studio. The Light Three style is for free.

Get it

A Q&A on the Picture Element

Collective108_pictureelement

How will the picture element work? Find out in this insightful QA over at A List Apart.

Read it
Advertisement

Get on the CSS Grid!

Collective108_gridcss

CSS Grids are coming and you can already try it out in IE and Chrome (behind an experimental flag). Learn more about it in this HTML5 Rocks article and the video.

Check it out

A Closer Look at Color Lightness

Collective108_colorlightness

Reda Lemeden will teach you a great bit about color brightness that will be very useful for choosing colors in your designs. Check out the tool, too.

Check it out

The state of Interaction Design tools

Collective108_designtools

Pasquale D'Silva brings it to the point: tools for interaction design are great but how they work together leaves much to be desired. Don't forget to read the fantastic second part as well.

Read it

Gridzzly

Collective108_grid

With Gridzzly you can make your own custom grid (or line) paper and print it easily.

Check it out

Flat Preloaders (GIF, AEP, PNG)

Collective108_flatpreloaders

Another awesome freebie by Pixel Buddha: a set of flat preloaders in various formats and sizes.

Get it

A Pocket Guide to Master Every Day’s Typographic Adventures

Collective108_pocketguide

A great pocket guide on typography with some excellent tips by Benedikt Lehnert.

Check it out

Flexbox in the real world

Collective108_flexbox

Flexbox expert Sean Fioritto shows you how you can use flexbox for real, in production, while offering an solid fallback for legacy browsers (down to IE8).

Read it

How To Plan Your Next Mobile E-Commerce Website

Collective108_mobileecommerce

Lawrence Howlett will teach you some really great tips for building your next mobile e-commerce site.

Read it

Animal Characters Set (EPS)

Collective108_animalcharacter

A set of 11 really fantastic character designs by Oksana Golubets for Pixel Buddha.

Get it

Webdesignrepo

Collective108_webdesignrepo

If you didn't know it already: a great resource collection site for your bookmarks, with helpful links for web designers and web developers. It's curated by Ben Mildren.

Check it out

Stroke 7 Icon Font Set

Collective108_iconfont

A great set of 140 thin stroke icons inspired by iOS 7. An awesome web font by Pixeleden.

Get it

RWD List to Table

Collective108_listtotable

A responsive table method using display:block and data attributes for column titles by Geoff Yuen.

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.