Web Design & Development Tutorials

In this screencast you will learn how to use jQuery Mobile’s new grid layout system. We will build grids using 2 column, all the way to 5 column layout. Grids can be a must when it comes to mobile design especially when designing for tablets such as the iPad.

In this screencast you will learn how to use jQuery Mobile forms, and how it interacts with ajax in the jQuery Mobile framework. This screencast is an introduction to forms which covers all the basics and will get you up to spend and using forms quickly.

jQuery Mobile gives you the ability to detect scrolling events within the device. In this screencast we will write a small script that will popup an alert box when the user either starts to scroll, or when scrolling on the app stops.

Today we will be using jQuery’s animate function to animate the deleting of content on a web page by highlighting the div with a different background color and eventually sliding it up and thus hiding it from view.

In this quick screencast you will learn how to use the jQuery Mobile swipe event. This allows you to simulate touch based swipes on touch based devices. The swipe event comes from jQuery Mobile touch events, and as quoted form jquerymobile.com

In this short tutorial we will create a jQuery popup, which can be used to display notifications to users or can hold login or signup forms, the possibilities are many just experiment.

This screencast will teach you how to add admob to jQuery mobile with multi page support. Before jQuery mobile ajax feature caused an issue preventing this from working. Now have all of your pages support ads!

Get started with touch events in jQuery Mobile.

Create a 301 Redirect using IIS and URLRewrite

WordPress 3+ allows for custom theme controlled menus. Lets look at how to add multiple menus to a theme.