Curated by Carsonified

Topics

Learn with Treehouse

Accessibility, CSS3, Design, Django, HTML & CSS, HTML5, JavaScript, jQuery, NoSQL, PHP, Responsive Web Design, Ruby, Ruby on Rails, Tools, UX, Version Control, WordPress, iOS and more

Article 10

Doctype: jQTouch and Mobile Design

By @keirwhitaker

19 January 2010 | Category: Code

In this week’s 7 minute episode of Doctype Jim covers jQTouch, a plugin for jQuery that enables quick iPhone websites, and Nick talks about how to design for the small screen.

Think Vitamin will be bringing you two further episodes of Doctype so be sure to check back next Tuesday for the next installment.

Follow @thinkvitamin on Twitter Please check out Treehouse

Other Posts You Might Find Interesting

  • Sorry - No Related Posts Found

Comments

  • http://www.teamrubber.com Robin Greene

    This looks really interesting. I’d be interested to know people’s experience of working with it and the results they get? Needs to be quick and responsive and ‘feel’ like an app rather than simply mimicking the funbctionality.

    I’ll certainly be having a play and will report back how I get on!

  • http://www.microdesign.nl/diensten/e-commerce/webshop-ontwikkeling/ Webshop ontwikkeling

    I’ve tried this javascript a few times now. and it works actually pretty good! Great video!

  • http://doctype.tv Nick Pettit

    If you need a demo, I would try the jQTouch demo app, which is what we used in the video: http://jqtouch.com/preview/demos/main/#home

    We also use jQTouch for the mobile version of http://doctype.tv

    For the best experience, view both links on an iPhone or iPod Touch.

  • http://doctype.tv Nick Pettit

    Yeah, we’ve used jQTouch on several projects now, and it’s just great. It keeps getting better too, with each new release.

    Thanks for watching!

  • http://doctype.tv Nick Pettit

    It definitely is. Have you made any sites with it?

  • http://www.appsheriff.com/ Rony John

    Nice and Short Video! Embedded in my blog for my readers :)
    Thanks Guys.

  • http://doctype.tv Nick Pettit

    Thanks for the embed! We appreciate it. :D

  • http://www.heinencreative.com Chris Heinen

    I loved this episode of Doctype, it inspired me to write a blog comparing iUI and jQTouch. Can’t wait to use jQTouch in future projects!

    http://www.heinencreative.com/archives/articles/iui-vs-jqtouch/

  • http://www.springnet.co.uk Danny

    Thanks for the video. We are just about to start developing some iphone web apps – I’m sure jqtouch will come in useful!

    Danny

  • peter

    Hi!
    I’ve been trying the jQTouch but for the life of me I cannot get even the simplest thing to show on screen.
    I’m on widows vista – I tried IE 8, Firefox, Safari and even the iphone (Posted my code to a web server)
    I have my index.html file in the same folder as the jqtouch folders . All I get is the title and a black page. When I view source – its in there. When I look at firebug, it seems its found all the references to the js and css file.
    Please help
    Thanks

    Here’s the code.

    jQT.Location
    @import “jqtouch/jqtouch.css”;
    @import “themes/jqt/theme.css”;

    $.jQTouch({
    statusBar: ‘black’
    });

    Searcher

Badges for Treehouse

Treehouse

Learn iOS, Rails, CSS3, jQuery, Node.js, HTML5, UX and more in less than 8 minutes per day. New videos added regularly. Sign up today and get a free Web Design Toolkit.

Ads Via The Deck

Think Vitamin Radio
Episode #34: Amazon Fire and Responsive Roundtable

Check out our bi-weekly radio show. Covering the hot topics on the web.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download Podcast as mp3

Advisory Board

The Think Vitamin Advisory Board in place make sure that you receive the best content possible.