background preloader

jQuery

Facebook Twitter

Code Files for using jQuery Mobile, SPRY and jQuery Plugins to build a native iOS App - DevelopRIA. Data. Description: Returns value at named data store for the element, as set by jQuery.data(element, name, value), or the full data store for the element.

data

Note: This is a low-level method; a more convenient .data() is also available. Regarding HTML5 data-* attributes: This low-level method does NOT retrieve the data-* attributes unless the more convenient .data() method has already retrieved them. The jQuery.data() method allows us to attach data of any type to DOM elements in a way that is safe from circular references and therefore from memory leaks. We can retrieve several distinct values for a single element one at a time, or as a set: The above lines alert the data values that were set on the body element.

Getting started with jQuery Mobile. Note: You can follow the tutorial with any version of Dreamweaver or a text editor.

Getting started with jQuery Mobile

You probably have one in your pocket, or you may be talking to it, or you may be playing games on it—it's a smartphone. The category of smartphone seems to be quite broad—is it an Android phone, Apple iOS device, BlackBerry phone or something else? To give you a taste, here is a list of some mobile devices that are in the smartphone category: Apple iPhone/iPod TouchGoogle AndroidRIM BlackBerry/Playbook OSNokia Symbian (retired, but still with over 1 billion users worldwide)HP/Palm WebOSMicrosoft Window Phone 7. Reading XML with jQuery - Think2Loud. The first step is making sure you have jQuery included on your page.

Reading XML with jQuery - Think2Loud

Second, you should check the XML file you are going to read and make sure it’s free of errors. If you are unfamiliar with XML synatax, check out the W3School’s rules on XML syntax. The file I’m using for this example is just a listing of some Web sites I enjoy. Finally, you just need to tell jQuery to read the file and print out the contents. Start by adding the document.ready function to the page.

Parse XML with jQuery. I recently ran through the technique of parsing JSON with jQuery and thought i’d pick this up and show you how to parse XML.

Parse XML with jQuery

It’s pretty much the same although the big difference with using XML is that this won’t work for xml files that don’t sit outside of your domain as we’re making a standard AJAX request and you can’t make cross domain ajax request unless you’re using JSONP, more of which can be found here. The XML Here’s our XML code, and for the purpose of the demo i’ve saved it as books.xml. You can see that we have an XML node called ‘book’ these help to structure the xml file elements. You will see that each book has a title, description and date. <? The JavaScript. Improving HTML5 Canvas Performance. Introduction HTML5 canvas, which started as an experiment from Apple, is the most widely supported standard for 2D immediate mode graphics on the web.

Improving HTML5 Canvas Performance

Many developers now rely on it for a wide variety of multimedia projects, visualizations, and games. However, as the applications we build increase in complexity, developers inadvertently hit the performance wall. There’s a lot of disconnected wisdom about optimizing canvas performance. Fast html5 canvas on iPhone/mobile safari — Jonas Wagner's Blog. I finally found a way to optimize 2d canvas drawing on the iPhone 4.

Fast html5 canvas on iPhone/mobile safari — Jonas Wagner's Blog

Because of the retina display the canvas seems to be rescaled in a slow way (in software?). So even though the rendering itself is relatively fast, the end result is slow. Setting the Viewport The first step is to set the viewport scale to 0.5 which will result in having one pixel per css pixel. So now the rendering is fast, but the picture is tiny. 3D transforms to the rescue To scale the picture up we can use css 3d transforms which are fast. Using the HTML 5 Canvas with JQuery Mobile. HTML5 Canvas for mobile apps « Geo-Mobile Blog. 《jQuery移动开发》(jQuery Mobile)英文文字版/更新EPUB版本/更新MOBI版本/更新源代码[PDF. 简介: 内容介绍: The future belongs to mobile web apps that function on a broad range of smartphones and tablets.

《jQuery移动开发》(jQuery Mobile)英文文字版/更新EPUB版本/更新MOBI版本/更新源代码[PDF

Get started with jQuery Mobile, the touch-optimized web framework for creating apps that look and behave consistently across many devices. This concise book provides HTML5, CSS3, and JavaScript code examples, screen shots, and step-by-step guidance to help you build a complete working app with jQuery Mobile. jQuery Mobile Book: Master Mobile Web Apps with jQuery Mobile. Web App Development Frameworks for Mobile and Desktop Devices Using HTML5 and JavaScript. TECHNOLOGY-All That Matters Today: Sencha Touch vs jQueryMobile. Hello all my dear visitors, techno geeks and novice users.

TECHNOLOGY-All That Matters Today: Sencha Touch vs jQueryMobile

Today I will list out some outstanding features, Pros and Cons of mobile App development frameworks which I could figure out while learning to develop using them. Since last couple of months, I have been working on content driven mobile apps. I have had a good experience in learning both of these mobile frameworks while developing these two applications. JQM and ST, both are HTML5 based Mobile App development frameworks. Sencha Touch: Steep learning curve, means it will take you time to learn and implement Apps using Sencha Touch.

Conclusion: Both the frameworks are good and it depends upon your app requirements which one to use. If too much of work is to be done, just using HTML5 and JS, Sencha Touch is more appropriate.