Archive for the ‘Extras’ Category

Building web projects can be troublesome when you need to work in a single development environment. This often limits your work to a certain desktop or laptop with the appropriate software. Cloud-based alternatives provide tools for anyone to scrap together quick web projects rendering immediately in the browser.

It seems like new IDEs are being launched online every year. I’ve organized a small collection of powerful online coding environments where you can write HTML/CSS/JS codes and see how they render in real-time. Each of these webapps is free to use and many provide unique links for sharing your work elsewhere online.


webapp online cloud coding ide css html dabblet

Read the rest of this entry »

Have you ever wanted to get feedback from visitors on your website? Basically gauging user’s opinions related to the interface, design style, font choices, and other similar areas. Most websites have a contact page but doesn’t provide the same result.

Thankfully there are plenty of free open source JavaScript codes for gathering user feedback. These may appear as toggle boxes at the bottom of the screen, or possibly as a modal popup window. The whole point is to catch people’s attention quickly and let them know you(the webmaster) are looking for their opinion. These free JS scripts and plugins should help you get started on the right path.

Read the rest of this entry »

Even though Adobe has officially discontinued Fireworks it still remains a very popular tool for UI design. Creative Cloud includes Fireworks CS6 as part of the bundle and it should be supported for a least a couple more years. Thus learning Fireworks can be one of the best decisions you make when it comes to mockup design and wireframing. These tutorials are aimed at complete beginners who want to bring Fireworks into their typical web design workflow.

Fireworks UI

intro to fireworks ui

Read the rest of this entry »

Android Lollipop has become the standard method of design for smartphones powered by Google’s OS. This design follows the popular flat techniques to a T with slight drop shadows, but almost no gradients or bevels. It’s an easy technique to master but difficult to gain momentum.

These tutorials can teach even a complete novice how to design Android interfaces in Photoshop, Sketch, and Illustrator.

Tuts+ Material Intro

google material design introduction

Read the rest of this entry »

Not long ago, the TemplateMonster team released an interactive Infographic highlighting the history of web design trends from 2004 to 2015. It has an easy-to-navigate structure placing the list of trends in a timeline. Each year is represented by 5 trends on a dropdown horizontal bar. Once you click on one of them, you will enter a new page with its brief yet instructive description and 5 pictures illustrating the way it’s applied to different sites. At the bottom of the page, there are also circular thumbnails with the other trends of that year, while at the top you can see a button designed to return you to the timeline.

web design trends infographic
Read the rest of this entry »