Collective #58

View All

We need Element Queries * Asm.js * SVG Patterns Gallery * Superhero.js * FESS Fun * CSS Masking * Free Fonts

Collective 58

Inspirational Website of the Week

Collective58_wotwportraits

Portraits has a beautiful, clean and flat design brought to the next level. Subtle effects and a great color scheme make it our pick this week.

Get inspired

Chardin.js

Collective58_chardin

Chardin.js by Pablo Fernandez is a very useful jQuery plugin that creates a simple overlay to display instructions on elements. It is inspired by the recent Gmail new composer tour.

Check it out

Media Queries are a Hack

Collective58_mqhack

Ian Storm Taylor brings it to the point in this must-read article: for writing modular an re-usable components we need something better than media queries, we need "Element Queries".

Read it

Asm.js: The JavaScript Compile Target

Collective58_asmjs

John Resig explains what's behind the exciting Asm.js technology and asks Senior Researcher at Mozilla Research David Herman some questions about it.

Read it

SVG Patterns Gallery

Collective58_svgpatterns

Inspired by Lea Verou's CSS3 Patterns Gallery, Philip Rogers created this handy SVG Patterns collection with Base64 CSS code snippets for each pattern.

Check it out
Advertisement

Metrize Icons

Collective58_metrize

Alessio Atzeni created this huge set of 300 free metro style icons for designers and developers.

Get it

Superhero.js

Collective58_superherojs

Superhero.js is a collection of the best articles, videos and presentations on creating, testing and maintaining large JavaScript applications.

Check it out

FESS: Fat Expanded Style Sheets

Collective58_fess

This is what we were all waiting for! Finally a CSS converter that will expand your CSS to the maximum! Watch your line numbers and properties grow as you fess up your stylesheet ;) A fun project by Dew.

Fess some CSS

CSS Masking

Collective58_cssmask

Dirk Schulze shows how to do some amazing things with CSS Masking.

Read it

Can we get rid of gradient prefixes?

Which vendor prefixes are still needed and which ones can we start to omit? Lea Verou shares some insights and stats on the topic.

Read it

Beach GUI (PSD)

Collective58_beachui

A clean and beautiful freebie by Mike Clarke.

Get it

bootstrap-wysiwyg: Tiny WYSIWYG rich text editor for Bootstrap

Collective58_bootstrapwysiwyg

A tiny (5KB, < 200 lines) JQuery Bootstrap plugin that turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.

Check it out

Free Font: Otsu Slab Medium

Collective58_otsuslab

The OTSU SLAB family by Thierry Gouttenègre is a new slab-serifs typefaces family based on a geometric design. The medium style is free.

Get it

How Far is it to Mars?

Collective58_earthmars

See how far Mars would be if the Earth were 100px wide on this great site by David Paliwoda and Jesse Williams.

Check it out

Photoset Grid

Collective58_imagegrid

Originally created for Style Hatch Tumblr themes, this simple jQuery plugin arranges images into a flexible grid, based on Tumblr's photoset feature.

Check it out

Free Responsive Wireframes

Collective58_wireframe

Some great templates for wireframing responsive websites by Chris Bannister.

Get it

Sequi Typeface

Collective58_sequi

Sequi is an experimental typeface project by João Andrade and all styles are for free, light, regular and bold.

Get it

jQuery Mobile Flat-UI Theme

Collective58_flatuitheme

A stylish flat theme for jQuery Mobile by Michal Kuklis. It's based on Flat-UI by Designmodo.

Get it

A Pen by Mark Kahn

Collective58_kahnmath

Mark Kahn created this amazing pen that involves some serious hypocycloid madness.

Check it out

ThreeBar

Collective58_threebar

ThreeBar is a service designed to help promote content to your readers by showing a message at the top of a page. It comes with a powerful analytics platform to track the performance.

Check it out

Flat Braun UI (PSD)

Collective58_braunflat

Remember the pixel-perfect Braun UI by Adrien Olczak? Well, this is the flat rebound and it looks just awesome!

Check it out

Wine Glasses Icons (PSD)

Collective58_winegassesicons

Need to design a website related to wine? Andrus Valulis shares this set of different wine glass types with us.

Check it out

datamock.js

Collective58_mockupjs

With datamock.js by Mark Steve Samson you can easily add filler data to your mockups.

Check it out

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here