Web Design & Development Tutorials

This screencast will teach you how to get your Google+ application setup and running to begin working with the Google + API. We will use the PHP sample test app to setup an application and get started with the API. Google+ is google’s new social media platform designed to compete with facebook.

In this tutorial I’ll be explaining how to style only the first and last child list elements using a pseudo class you probably haven’t heard of. You can use these class in a number ways in your designs, this is just one of them.

It’s time to move into some action with our Appcelerator series. In this screencast your going to learn how to create buttons. Not just regular buttons on the window, but also button bars, system buttons, header/title bar buttons and more! Once we create those buttons we will learn how to add event listeners to make those buttons perform actions when clicked.

Ever wondered how to replace that boring mystery man in your wordpress comments area???? Well this tutorial is for you, I’ll show you how to give your blog a more personal touch in the way of removing and adding your own custom gravatar.

Creating simple image gallery base on sencha touch. Using the well known MVC(Model View Controller) architecture. This example consist of three main screen, list, dataview, and image detail.

This screencast will teach you how to create a dashboard view similar to the facebook iphone app. Learn how to style it for a different number of icons and how to create some custom css and add it to your jQuery Mobile application.

A while ago i was asked by someone “How do i make a transition hover effect from greyscale to color?“. In this tutorial i’ll show you how it can be done using two seperate images combined with jQuery.

A collection of 19 tips on manipulating PHP strings. Clear answers are provided with tutorial exercises on string functions including strlen, trim, substr, chop, strpos, strcmp, split, etc.

Want to stand out from the crowd? Then, you might be wondering how to create your own custom jQuery Mobile theme. Well, this screencast will teach you how to do exactly that. You will learn how to edit a default jQuery Mobile theme and add your css and theme changes in order to customize it to your needs.

The first screencast in a large series of appcelerator. Learn how to develop inside of appcelerator titanium to build cross platform mobile applications. You will learn how to build for IOS, Android and eventually the blackberry. We will be using Titanium Studio the IDE from appcelerator to develop javascript for our cross platform mobile applications