Bi-Weekly Frontend News

Collective #119

Inspirational Website of the Week: VOTD.tv

Collective119_votd

Eye-catching logo animations and some smooth hover effects make the website of VOTD interesting to explore.

Get inspired

webcompat.com

Collective119_webcompat

Webcompat is a collborative platform to report bugs and web compatibility issues from any website across the web. Read more about the project in the Mozilla Hacks article Introducing webcompat.com

Check it out

The Guide to Wireframing

Collective119_wireframing

A free ebook that will teach you everything you need to know about wireframing. Written by Chris Bank from UXPin.

Get it

Testing Responsive Images

Collective119_picture

Read how you can help test and file bugs for the new <picture> element in Chrome Canary.

Read it
Advertisement

Sally Blocks (PSD)

Collective119_Sally

Sally Blocks is an amazing set of ready-to-use elements and components for simple and fast web design prototyping.

Get it

Sketch Tutorial: Colorful switch

Collective119_colorfulswitch

A step-by-step Sketch tutorial by Sebastien Gabriel that will get you started for real.

Read it

Keyboard Shortcuts for Pagination

Collective119_keyboardpagination

Learn how to make it easy to navigate between pages thought pagination keyboard shortcuts in this great tutorial by Osvaldas Valutis.

Check it out

PSD Viewing & Diffing

Collective119_psdgithub

Image viewing and diffing on Github has now support for PSD files.

Check it out

Hands On The Sigmund Freud Typeface: Making A Font For Your Shrink

Collective119_freud

An insightful and stunning introduction to creating handwriting fonts by Harald Geisler.

Read it

How To Create Typography Illustrations the Easy Way

Collective119_typographyIllustrations

Learn how to create a trendy hand lettering style quote illustration with a smart and easy technique. A tutorial by Chris Spooner.

Read it

My design process of the "Digital Adaptation" book illustrations & layout

Collective119_digitaladaptation

Read about Veerle Pieters' interesting design process for the layout and illustrations of one of Smashing Magazine's new books.

Check it out

Write less, achieve meh?

Collective119_writeless

An interesting article by Christian Heilman on how the web needs more sensible brick creation rather than apparently perfect solutions.

Read it

Swift Cheat Sheet

Collective119_swift

A short guide by Grant Timmerman to using Apple's new programming language, Swift.

Check it out

InkTattoo (PSD)

Collective119_inktatoo

A creative tattoo studio website PSD template by The Uncreative.

Get it

Free Font: REN

Collective119_ren

A stylish and unique retro typeface with four weights by Andreas Leonidou.

Get it

beeplay.js

Collective119_beeplay

Daijiro Wachi created this fantastic little gem that let's you write a song in JavaScript.

Check it out

A Light Year

Collective119_lightyear

See how far light travels in a year on this beautiful website by Debra Ohayon.

Check it out

Function Space

Collective119_functionspace

Function Space is a fantastic social learning network for all things science. You can learn anything from Quantum Physics to Computational Complexity.

Check it out

JSNice

Collective119_jsnice

JSNice is a new kind of statistical de-obfuscation and de-minification engine for JavaScript. Given a script, JSNice automatically suggests likely identifier names and types.

Check it out

Chapp

Collective119_chapp

Chapp is a discussion platform built by the people at smashLAB. Public Channels let you chat with the entire Chapp community. Private Channels allow for safe and secure discussions with friends.

Check it out