Archive for the ‘Tutorials’ Category

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 »

One luxury of modern web development is the access to many resources which simplify the process. HAML stands for HTML Abstraction Markup Language and is a great example of such a resource. It seems like a completely new language but the syntax is relatable to classic HTML.

These tutorials should help you get started with coding HAML for any web project. The code behaves very much like SASS for CSS so at first it will be a little confusing – but if you really want to learn just stick with it! After some time you’ll grow accustomed to the process and it’ll become like second nature.

HAML Intro

haml intro tutorial guide official website

Read the rest of this entry »

Backend PHP development is still one of the most popular choices for creating dynamic websites. Although Ruby on Rails has become a favorite amongst developers, PHP thrives in a global environment with free code snippets and CMS engines like WordPress.

When delving further into PHP you start to learn about HTTP requests, file uploads, and special regex commands. One of the tenets of advanced PHP programming is working with 3rd party APIs. These APIs allow developers to pull out data from other websites like Twitter, Facebook, or Reddit. This post offers a handful of free tutorials dedicated to PHP API development working with a number of popular website APIs.

Vine API

vine videos through twitter api

Read the rest of this entry »

Modern websites are using so many effects that it can be tough keeping up with everything. The initial process of learning how to code CSS3 and jQuery is often confusing but fun. As you delve into more advanced topics you’ll bump into much bigger puzzle pieces to solve.

This gallery focuses on some amazing tutorials which demonstrate how to code advanced website interface features. Topics range from tabbed widgets to SVG animations and many other ideas in-between. Take a peek at these articles and see if anything catches your attention. With a bit of practice and volition you can learn how to build other exciting user interface effects.

Tilted Content Slideshow

tilted content slideshow tutorial

Read the rest of this entry »