Bi-Weekly Frontend News

Collective #102

Inspirational Website of the Week: 100 Years of Design | AIGA

Collective102_aiga

The American Institute of Graphic Arts, AIGA, turns 100 this year and they are celebrating with an outstanding website full of beauty and great effects.

Get inspired

A re-introduction to JavaScript

Collective102_reintrojs

An in-depth tutorial on MDN that re-introduces JavaScript as a powerful language for web applications.

Read it

LessMilk

Collective102_lessmilk

Thomas Palef wants to learn how to make HTML5 games. Follow him on his learning journey and see him creating a new game every week. He already created seven games so far.

Check it out

One Solution To Responsive Images

Collective102_responsiveimages

Gavyn McKenzie explains what responsive image solution is implemented at Etch's portfolio website in this insightful Smashing Magazine article.

Read it
Advertisement

Facebook's Paper photo tilt feature in HTML5

Collective102_tilt

John Tregoning created a HTML5 clone of the photo tilt feature found in Facebook's Paper app.

Check it out

WOW.js

Collective102_wow

WOW.js is another great library for revealing animations on scroll with some easy to customize features. Made by Matt Aussaguel.

Check it out

CSS A/Z

Collective102_cssaz

An entirely HTML/CSS animated sketch for each letter made every day for 26 days.

Check it out

Bouncy Balls

Collective102_bouncyballs

Want to bounce some balls with sounds? Bouncy Balls is a fun way to visualize music or monitor sounds. Made by Paule Neave.

Check it out

Simple Grids with CSS Multi-Column Layout

Collective102_simplegrids

See the magic of CSS multi-column layouts at work in this this menu example by David Bushell.

Read it

Creating a Simple RESTful Web App with Node.js, Express, and MongoDB

Collective102_nodemongoexpress

In this more advanced tutorial by Christopher Buecheler, you'll learn how to create aRESTful web app with Node.js, Express, and MongoDB.

Read it

Octocard

Collective102_octocard

Octocard is a highly flexible GitHub info card for every GitHub lover made by MZhou.

Check it out

Creditly.js

Collective102_creditly

An intuitive and ease to customize credit card form including two themes made by John J. Wang.

Check it out

Lemanz

Collective102_Lemanz

A starting point for all of Dennis Gaebel's personal and work-related projects using Sass and Compass.

Check it out

Free Font: Tesla

Collective102_tesla

A wonderfully creative font inspired by amazing Nikola Tesla's work. Designed by Lexi Griffith.

Get it

App Wireframes Kit

Collective102_appwireframes

A great app wireframe kit for starting designing new projects. Made by Vlad Cristea.

Get it

Casual

Collective102_casual

Casual is a fake data generator for JavaScript made by Egor Gumenyuk.

Check it out

Reading Fonts for Children

Collective102_readingfontschildren

Learn what typeface is suitable for projects that are targeted to children in this excellent article.

Read it

Combining Contextual Inquiry with Eye Tracking

Collective102_eyetracking

Learn how contextual inquiry together with eye tracking can help improve design decisions in this interesting article by James Breeze.

Read it

Designing for Easy Interaction

Collective102_easyinteraction

An excerpt from Chapter 5 of A Web for Everyone: Designing Accessible User Experiences by Sarah Horton and Whitney Quesenbery over at A List Apart.

Read it