jQuery Mobile greatly simplifies the implementation of mobile-specific interfaces while still using clean, semantic HTML and CSS. However, the way pages are implemented in jQuery Mobile can be a bit of a shift for new mobile designers. In this video we'll look at the components of a jQuery Mobile "page", and how you can quickly build out an entire jQuery mobile application within a single HTML file.
The other day I ended up building a custom toolbar button for tinyMCE. I put it out on twitter and asked if anyone was interested in a demo. I got a couple responses so I decided to sit down and write a more practical example. I put a quick video tutorial that you can view by clicking on the image below. I have also pushed the code for this example up to my github account.
On a side note I was thinking about building some plugins for tinyMCE. I could image selectors for Flickr, Facebook and Twitter being really useful. So the question is would anyone be interested in this and would anyone be interested in paying a couple bucks for these plugins (10/20).
I was asked over the weekend by a client to add a new feature to their website. This client runs an online shopping cart and like other small vendors will run out of stock on a particular item every so often. They wanted a way for a visitor to sign up to be notified when that item was back in stock. While this seems like a fairly easy feature to add I had a couple of self imposed requirements.
All we need from the user is their name and email address. As a visitor I really don't like being taken away from my browsing expirience for simple forms like this. I decided that this form would need to be a modal dialog box. To do this I am going to use jQuery UI because It flat out rocks! I also need this information to be stored in a database so that we can export this info by product. The client will then take these email addresses over to Constant Contact and notify their customers that the product is back in stock.
To show you how I did this I created a little one page shopping cart. In our our sample application I have a book store and on this page I have 3 Flex books, 1 of which is out of stock. If the book is out of stock I have a button for the user to click on.

When the user clicks on the In stock notifications they will see the following form pop up in a modal window. When the user submits the form they will see a small transition and then the success message below.


We recently had the pleasure of hosting the CS5.5 Roadshow in Cleveland. In today's TV Tuesday we are going to look at a video by one of the presenters of the road show, Greg Rewis. In this episode, Greg Rewis shows you how to create native apps using Dreamweaver, with new features such as PhoneGap to support your app development.
Sorry I am a little late with this weeks video but here were are. In this video, Greg Rewis shows how Dreamweaver CS 5.5's support for jQuery Mobile projects. Built upon the wildly popular jQuery JavaScript framework, jQuery Mobile lets web designers and developers build mobile application interfaces quickly and consistently.

