jQuery is a fast, small, and feature-rich JavaScript library. It simplifies HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is written in and for JavaScript and designed for web front-end applications only. It is a lightweight library (30kb minified and gzipped) that supports accessing web elements via CSS3…
In looking at, and using, jQuery Mobile, I noticed how much simpler it is for designers, than jQuery UI. jQuery UI requires that you write some code for almost every task, while, jQuery Mobile looks at how the system is being used, and what classes have been assigned to some elements. With that idea in…
Installation is like what the installation for any CSS or JavaScript framework for any website. You can either download the files from http://getbootstrap.com/getting-started/, or you can link to it via the Content Delivery Network (CDN). Requiring jQuery Regardless of which version you use, you will still need to include jQuery if you are going to…
Bootstrap is becoming a popular web layout system for the web. It was started by a designer/developer who worked at Twitter in 2010, and currently is at version 3.1.1. Bootstrap is a web framework. This means that it has identified common problems that web designer and developers run into, and tries to provide easy solutions…
You can build a normal webpage and put it into a jQuery Mobile site. It works, however, it doesn’t give you all the effects of a regular jQuery Mobile Look and Feel. To add that mobile feel, you will want to add some classes to an existing website – to give the full enhancement, and…
Couple of interesting thoughts on mobile forms in jQuery Mobile. First, the concept of creating a mobile form is similar to creating a form for a desktop user. This means you will create a form with the standard action, and using GET/POST as you normally would. This also includes wanting to add labels with the…
Tables are part of the HTML specification, so they are supported in mobile devices. However, working with the space, makes for some interest viewing. Most of the time, you first have very tall cells as the browser tries to fit all of the columns. Then you end up having to scroll your table left and…
jQuery Mobile provides a manner to navigate and style a navigation link at the same time. It uses the data-role=”navbar” to accomplish this task. The navbar can handle up to five navigation links. Icons can be set optionally as well. If you have more than five links, it will split the navbar into two columns,…
