Connect With WRD
feed via e-mail
feed via e-mail

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 »

Anyone who is familiar using WordPress should know it’s one of the most popular CMS engines to date. Learning the basics of theme development can be exciting and even quite fun. But with time even the brightest developers can hit a wall trying to learn everything. WordPress is a tremendous library and requires a lot of time to master.

Once you understand the the basics of WP development everything gets a whole lot more interesting. You can start to build very complex plugins, functions, interface features, and customizations for the backend admin panel. Check out these great tutorials which focus on more advanced WordPress topics for web developers.

Better WP APIs and Libraries

writing wordpress apis and libraries

Read the rest of this entry »

Have you ever wanted to jump into the backend world of PHP programming? Frontend web development uses a whole different set of skills to construct a website layout. But PHP tackles everything from form submissions to database queries. WordPress, Joomla!, Drupal, and many other CMS engines are built on PHP.

To get started all you need is some time and a bit of patience. WAMP and MAMP are free PHP-enabled local servers for Windows and Mac, respectively. Once you get this local environment setup it’s quite easy to dive right into PHP and start building fun dynamic web applications.

Read the rest of this entry »

If you have any practice with backend languages then you should know something about Rails. It’s often regarded as a cleaner language compared to PHP and is often faster to build working applications from scratch. Even if you have no experience doing backend work, this set of tutorials will provide a quick and easy starting point in the world of RoR.

Introduction to RoR

introduction slideshare presentation ruby on rails history

Read the rest of this entry »

It seems as though 3D is quickly becoming the new 2D in digital design. This pattern has moved from the big screen onto smaller screens for the web. With a growing number of CSS/JS libraries for animation it has become easier to render objects right within the browser.

These tutorials should provide an excellent introduction to CSS3 and JavaScript oriented animation. If you’ve never coded your own custom page animations then this will take a bit of practice. But with time the whole process will become like second nature.

Read the rest of this entry »

Remember when the original NES was released decades ago? I know the older readers can remember those days fondly. Graphics and coding techniques have improved dramatically over the past few decades. It’s remarkable how we can now build in-browser games without reliance on 3rd party companies. If you know anything about JavaScript and wish to delve further into game development, these tuts were made for you.

I’ve collected everything from getting started to more advanced JS libraries and general tips/tricks for browser game development. This post has something for everyone and it’s never been easier to get your toes wet in the proverbial pool of Internet gaming.

Read the rest of this entry »

Uptime Robot