Collective #38

View All

Wiggle, Swinging and Stairs Magic * Website Inspiration * Free Fonts * Lighting Kit * Mask Watch * Responsive Background Images * Superfreedraw

Collective 38

Inspiration Website of the Week

Collective38_19

The Quintessential Magazine is this week's pick for their interesting design and interactive items.

Get inspired

Mask Watch without Images

Collective38_04

Based on this great concept by Filip Slováček, Tolga Ergin coded up this watch concept without using any images.

Read it

Free Font: DHD Cool Skinny

Collective38_14

Konrad Bednarski designed this beautiful, hand-drawn type called DHD Cool Skinny.

Get it

Brand Identity Style Guides From Around the World

Collective38_02

A great reference list of identity style guides from different companies and institutions around the globe.

Check it out

Superfreedraw: World's Biggest Online Drawing

Collective38_10

Superfreedraw is the biggest drawing worldwide. No censorship. No rules. Enjoy the beauty of pure user-generated nonsense.

Draw something!
Advertisement

ish. Viewport Resizer

Collective38_09

Do we need another viewport resizer? Of course we do! Especially if it has a disco mode!

Check it out

Garlic.js

Collective38_05

Garlic.js allows you to automatically persist your forms' text and select field values locally, until the form is submitted. This way, your users don't lose any precious data if they accidentally close their tab or browser.

Try it

Content Security Policy 1.0 is Officially Awesome

Great news about the Content Security Policy 1.0 specification which got the status of a candidate recommendation. It will allow reducing the risk of cross-site scripting and other content injection attacks in your applications.

Read it

ByPeople: A huge free bundle for web professionals

Collective38_07

ByPeople off this incredibly big bundle with lots of useful templates and resources for free.

Get it

Responsive Background Images with Fixed or Fluid Aspect Ratios

Collective38_20

Rolf Timmermans explains how to scale background images correctly in browsers that don't understand background-size: cover by using a padding technique.

Read it

High-Res Browser Logos

Collective38_21

Remember those fantastic high-resolution browser logos by Paul Irish? Now you can get them from GitHub.

Check it out

Why I switched from LESS to Sass

Collective38_06

Hugo Giraudel shares his experience with the CSS preprocessors LESS and Sass and explains why he chose to stick with Sass.

Read it

Mastering SVG Use for a Retina Web, Fallbacks with PNG Script

Collective38_08

In this tutorial Todd Motto explains how we can link an SVG through an image element, providing PNG fallbacks with Modernizr and jQuery/JavaScript.

Read it

Free Font: Geogram

Collective38_12

Geogram typeface by Filiz Sahin is a new font exploration based on modern geometric shapes. The font contains lower case letters and numbers of the shapes.

Get it

Stairway Navigation (A jQuery Plugin?)

Collective38_11

An interesting "stairway" navigation hover effect where the hovered item becomes the "tallest" stair.

Check it out

100,000 Stars

Collective38_15

The Google Data Arts Team created this stunning Chrome experiment: 100,000 Stars is an interactive visualization of the stellar neighborhood that shows the real location of over 100,000 nearby stars.

Explore it

Hand Cursors (PSD)

Collective38_16

Claudio Guglieri offers these useful hand cursors that can come in very handy in your next design project.

Get it

Light Kit (PSD)

Collective38_17

Angelo Wellens shares his Light Kit PSD which contains a set of fancy lighting effects for images.

Get it

CSS Wiggle

Collective38_18

Hakim El Hattab created this mesmerizing experiment using CSS animations and the CSS blur filter.

Get hypnotized

CSS Swinging Panel Menu

Collective38_01

Seth Abbott coded this CSS menu that uses keyframe animations to create a swinging panel effect for the sub-navigation.

Check it out

A Comprehensive Collection of Free UI Kits & Templates

Collective38_03

This is a very useful collection compiled by Web Appers. It contains a list of UI and template freebies found around the web.

Check it out

Free Font: Wave me in

Collective38_13

Another great font experiment by Filiz Sahin.

Get it

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