Bi-Weekly Frontend News

Collective #35

Inspirational Website of the Week

Collective35_16

This infographic website by Evans Halshaw will blow your socks off, especially if you are a Bond fan and car appreciator!

Get inspired

Touch Gesture Icons (PSD, EPS, PNG)

Collective35_17

A set of brilliant free touch gesture icons designed for multi-touch devices.

Check it out

Striking.ly: Create Beautiful One-Pagers

Collective35_20

With Striking.ly you can create simple and stunning-looking one-page websites quickly, easily and for free.

Try it
Advertisement

Create a Trendy Retro Photo Effect Purely with CSS

Collective35_01

A great retro photo effect tutorial using CSS only by Chris Spooner.

Read it

Ligature Symbols

Collective35_26

A super-useful free font with a complete collection of many icons ready to be used as a web font.

Get it

Colorful CSS3 Animated Navigation Menu

Collective35_07

A detailed tutorial by Martin Angelov on how to create a colorful drop-down menu using only CSS3 and the Font Awesome icon font.

Read it

Responsive CSS Framework Comparison

Collective35_08

If you are planning to use a responsive CSS Framework in your next project but are not sure which one fits your needs best, then check out this great comparison of Bootstrap vs. Foundation vs. Skeleton.

Check it out

Using the PageVisibility API

Collective35_11

Joe Marini shows us what the new PageVisibility API is all about and what it can be useful for.

Read it

Viewport Resizer: Responsive Design Bookmarklet

Collective35_09

Viewport resizer is a bookmarklet created by Malte Wassermann for testing any website’s responsiveness.

Try it

GitHub Game Off

Collective35_10

Github is throwing its own game jam! You have the entire month of November to create a web-based game and you are encouraged to use open source libraries, frameworks, graphics, and sounds.

Check it out

The New Awwwards is coming

Collective35_12

If you like to browse Awwwards for new web design inspiration then you might want to assist their re-vamp which will come out today (28th of October)!

Check it out

Free Font: Indi 36

Collective35_25

An interesting and creative font experiment by John Grilla.

Get it

Fine Uploader

Collective35_05

This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a JavaScript plugin for developers looking to incorporate file-uploading into their website.

Check it out

Kort: Thumbnail Preview Concept

Collective35_14

An interesting thumbnail preview concept by Hakim El Hattab, which works for hover and touch.

Check it out

$.url(): Simple URL Parser

Collective35_15

If you need a simple and light-weight URL parser for jQuery then this might be just right for you.

Check it out

Create Shaped Avatars With CSS and Webkit

Collective35_02

Learn how to create interesting looking avatar shapes in this tutorial by Joshua Johnson (WebKit only).

Read it

The Real Beauty of CSS3 Box Shadows

Collective35_06

A nice introduction to box shadows and what can be done with them. With some additional interesting resources.

Read it

Digital Bits

Collective35_04

In his workshop John Caserta asked his students to do the following: "Collect objects that you find in and around your apartment, and draw them using HTML and CSS." Check out the results!

Check it out

Makisu: A CSS 3D Drop-Down Concept

Collective35_18

Makisu by Justin Windle is an experimental CSS 3D drop-down concept, wrapped up in a jQuery plugin.

Check it out

Dashboard Elements (PSD)

Collective35_19

A free PSD with dashboard elements designed by Grzegorz Grzelak for Vandelay Design.

Get it

Bucketlistly: Social Bucket List

Collective35_21

Bucketlistly is a gorgeous web app that helps you complete your long life goals through collaboration. You can snap a photo, grab a location, describe how you accomplished it and attached it to your achievement so that your friends or other people with same interests can accomplish the same goal as you.

Check it out

jq-tiles: jQuery Slideshow Plugin

Collective35_03

With jq-tiles you can create many interesting slide transitions in your slideshow. It is a jQuery plugin that leverages the power of CSS3 and comes with a lot of options.

Try it

Cut&Slice me Photoshop Plugin

Collective35_22

Use this free Photoshop Plugin to export your assets to different devices in seconds. Improve your workflow by just naming your layers.

Try it

Equations for Organic Motion

Collective35_23

This test sheet is yet another great creation by Justin Windle. It displays the results of equations for organic movements.

Check it out

Free Font: Doux

Collective35_24

Dmitry Savin created this interesting and beautiful font and you can download it for free.

Get it