Web Development » JavaScript

The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing effect on the end movement, like bouncing on the vertical line.

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.

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.

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

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.