Introduction to jQuery Mobile

Using Backbone.js with jQuery Mobile Backbone.js is an architectural framework that helps you write well-structured Web applications. It is not, however, a user interface framework and it therefore doesn’t help you with the way your application looks. Backbone’s confined scope is a good thing: it’s lightweight, non-intrusive, not coupled to things you don’t need, and it lets you use the UI toolkit of your choice or simply roll your own styles and widgets. In my previous post, I demonstrated how to use Twitter Bootstrap on top of Backbone. Quest for a Mobile UI Toolkit After that post, I wanted to create a mobile version of the same application; a version that I could package with PhoneGap and that would look and behave like a native app.

30 Fresh Web UI, Mobile UI and Wireframe Kits Following-on from our previously popular Web UI and Wireframe Resources articles, in this round-up we felt we should bring you right up to date by taking a look at some of the freshest freely available UI resources. All of the templates, kits, stencils and even the Photoshop Actions we have in this post have all been designed to help make the initial rapid prototyping stages of web and mobile development that little bit easier, quicker and smoother. As you would expect all of the kits are fully editable and available in a multitude of various formats (.psd, .ai, .eps, .png or even .kth (Keynote), .ppt (Powerpoint) or Omnigraffle formats). So, whatever your preferred format is you are guaranteed to find it in this post. Website Wireframes Kit for Adobe Fireworks (.png) The Dragnet website wireframes kit is a common library for Adobe Fireworks and contains over 25 objects that are useful for rapid prototyping of websites.

Web Inspector: Understanding Stack Traces Posted by Yury Semikhatsky on Wednesday, April 20th, 2011 at 7:32 am Finding errors in JavaScript code both during application development and when it’s already released is an important part of web development. We’ve recently added a mechanism for handling uncaught JavaScript exceptions and made some improvements in the tools that allow you to work with stack traces. Now it’s a good time to summarize the ways one can deal with exceptions and stack traces in WebKit. Tracking exceptions When something goes wrong, you open the Web Inspector console (Ctrl+Shift+J / Cmd+Option+J) and find a number of JavaScript error messages there.

jQuery Mobile Tutorial: Creating a Restaurant Picker Web App Mar 08 2012 With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive. It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). Way Cool CSS3 Typography Experiments CSS3 opens up new avenues for design and creativity on the web, with the ability to better control the display of content through the browser. One of the major areas of improvement in CSS3 are new methods that can be applied to text and typography to create unique results. We’ve gathered up some way cool CSS3 typography experiments for you to check out, and hopefully inspire you when using CSS3 in your own projects. If you need to know more about CSS3, check out some of our other posts: Enjoy!

What to Read to Get Up to Speed in JavaScript There’s a discussion going on on the JSMentors JavaScript mailing list about books to read to get you to the next level . There’s been a lot of great feedback and suggestions thrown out and I wanted to offer up what I felt were good to carry you through the learning process. While I list a number of books in the Big List page that I created , narrowing it down into specific levels makes a lot of sense. Note that some resources will overlap between levels. That should be expected as some books cover a wide breadth of language features. Also, I am NOT covering blogs in this post, only books (print and online).

a free jQuery slideshow by Pixedelic A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above: 10 Easy To Use Free Online WYSIWYG Editors What You See Is What You Get, also known as WYSIWYG editors are incredibly useful for web designers, developers, and bloggers. WordPress comes equipped with one by default, to enable quick post writing and minimal interaction with the code, unless the user wants to use it. As such, having a WYSIWYG editor for your own work can save a lot of time and stress.