Archive for: June, 2015

Desktop Wallpaper Calendars: July 2015

   We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctiv...

Design Principles: Compositional Balance, Symmetry And Asymmetry

   A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can’t see the other areas. Balancing a composition involves arranging both positive ...

35 Handy Chrome Extensions And Apps For Developers

In this post we present to you a list of 35 handy extensions and apps for Chrome that are must have for web developers and designers. They serve a variety of purposes, from testing HTTP requests, to making cool looking screenshots. Check them out!   Design Tools 1. Image Tool Imagetool is a chrome app that help...

Card Expansion Effect with SVG clipPath

View demo Download source Today we are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page. We are using Tria...

Making Your First HTML5 Game With Phaser

Everybody loves classic games. How many of you remember the retro snake game from old Nokia phones? We sure do. This is why for this lesson we decided to recreate it using HTML5. There is a great open source game development framework called Phaser that we will use. You will learn about sprites, game states and how...

Color Extraction Effect

View demo Download source Today we’d like to share a fun little color extraction experiment with you. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the palette. We are using Vibrant.js by Jari Zwarts to extract the colors from the images, and C...

12 Time-Saving Bootstrap Examples

This week on Tutorialzine we’ve prepared for you a list of 12 examples of copy-paste-able code that you can use in your next Bootstrap powered project. We’ve tried to select practical resources that will save you from referencing Bootstrap’s docs and designing trivial components. To use these examp...