Collective #76

View All

Emmet LiveStyle * JS Kinetic Scrolling demystified * Guide to GitHub Pages * Multiplane Design * Autoprefixer * WebGL 3D Effects * Free UI Kits

Collective76

Inspirational Website of the Week

Collective76_wdotw

The Yep! website has a beautiful and fun color scheme, clean typography and smooth scrolling effects. Our pick this week.

Get inspired

JavaScript Kinetic Scrolling: Part 1

Collective76_kinetic

Ariya Hidayat is going to uncover the mystery of kinetic scrolling via several easy-to-digest code examples in this series of tutorials.

Check it out

A guide to using Github Pages

Collective76_GithubPages

A great guide by Thinkful on how to use GitHub pages to host your website and to practice Git.

Read it
Advertisement

Arbitrary anchors for any element on your page

Collective76_arbitrary

A useful jQuery plugin for smooth anchor scrolling within a page. Made by Brian Gonzalez.

Check it out

Multiplane Design with SVGs and CSS 3D Transforms

Collective76_multiplane

A great experiment by Nick Pettit using 3D transforms and SVGs to create a multiplane design.

Check it out

A Responsive Web Design Process

Collective76_responsive

Tristan L’Abbé from Heliom gives some insight on the responsive web design process and offers a responsive design starting PSD.

Read it

Autoprefixer

Collective76_autoprefixer

With the powerful Autoprefixer by Andrey Sitnik you can write your CSS rules without vendor prefixes and because it compiles CSS once on deploy it doesn't impact client-side performance.

Check it out

Designers checklist advices

Collective76_checklist

Advice by great designers presented in a stylish way. Made by Adrien Heury.

Check it out

Absolute Horizontal And Vertical Centering In CSS

Collective76_centering

Stephen Shaw summerizes all the centering methods for absolutely positioned elements in this article.

Check it out

One Second of the Internet

Collective76_onesecond

Check out how many Google searches are made, Reddit votes are cast, Instagram photos are uploaded, YouTube videos are watched and so on in just one tiny second.

Check it out

Using WebGL to Add 3D Effects to Your Website

Collective76_webgl

A great article and demo by Guillaume Lecollinet that shows the possibilities of adding cool effects to your website using WebGL.

Check it out

Delivery

Collective76_delivery

A great free service by LayerVault that lets you share design work with clients and teammates.

Check it out

How to Do a Procedural City in 100 Lines

Collective76_city

Jerome Etienne explains the code behind "city", a demo recently released by @mrdoob.

Check it out

Free Font: Dense

Collective76_dense

An elegant and clean typeface by Charles Daoud. It comes in three weights: thin, regular and bold.

Get it

RED UI – User Interface Design Kit (PSD)

Collective76_redui

A great freebie by Css Author in PSD format.

Get it

24 Free Clothes Icons (AI)

Collective76_clothes

An amazing set of 24 clothes icons by Pixel Fabric as Adobe Illustrator file.

Get it

Devs Do Art

Collective76_devsdoart

An intriguing compilation of fine artworks composed by developers :)

Check it out

Atmosphere Apps backgrounds (JPG)

Collective76_appblurredbackgrounds

Some nice backgrounds for your next mobile app design by Media Loot.

Get it

Rails Startup Template

A useful startup template for Ruby on Rails 4 applications by Denny Britz.

Check it out

Flattastic UI kit

Collective76_UiKit

A beautifully designed UI Kit by Vlade Dimovski brought to you by Webdesigner Depot.

Get it

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.