960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. To use 960 grids in jQuery Mobile, simply add one line: Javascript Progress / Percentage Bar with CSS by WebAppers Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers have created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then I used a little bit of Javascript to make it more interactive. You can use it anywhere you can think of.
Touch - JavaScript Mobile Framework for Building HTML5 Web Apps DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms. Syntax DHTMLX Touch framework offers intuitive object inheritance.
40 Exceptional jQuery Interface Techniques and Tutorials With the advent of JavaScript/web application libraries and frameworks, it’s become much easier to build interactive components for a site. For the folks that are unfamiliar with jQuery – it’s a popular, high-performance and compact JavaScript library/framework. jQuery will allow you to reduce the amount of code you have to write for dealing with browser quirks, memory leaks, and repetitive code by providing you with a set of useful and highly-optimized and thoroughly-tested functions and methods. In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components. Whether you’re looking for a particular interface/interaction pattern built on Query (like module tabs or modal windows) or you simply want to learn the library by engaging in step-by-step tutorials – you should be able to find something here for you.
Engine Goes Open Source Turbulenz Engine Goes Open Source We’re excited to announce that we have released the Turbulenz HTML5 game engine as open source under the standard MIT license. The open source project is available on GitHub at You may have seen Turbulenz mentioned somewhere and wondered what it was. 40+ jQuery Plugins Improving Your Website Look and Feel Making more and more appealing and interactive user interfaces have been one of the never ending competitions between web designers since html and browsers where in the mid nineties. The competition is there for a reason. The number of website on-line has experienced a nearly exponential growth and you need to stand out to be seen! Actually it is kind if scary if this trend is going to continue… Anyway most of you reading this post is probably agreeing that websites need to be special, look good and have features that is not found everywhere.
jQuery Form Framework - jFormer Animate Image Filling Up Using jQuery The Photoshop Portion – Preparing Your Image(s) Step one requires that you use your decision making skills to figure out what image you want to use. For this example, I have selected a character which I found in this wonderful Vectortuts+ tutorial. Next we’re going to want to drop it in to Photoshop for some basic preparation. We’re are going to end up with three images, in order to understand what role each will play, please check out the helpful diagram below. Not Just A Grid 40+ Excellent jQuery Tutorials Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Now days jQuery is on top of its charm and everyone from Javascript world love to experiment with it. Because of the remarkable significance of JQuery in Designing field, it is an essential to keep yourself up-to-date with its Quality uses and Examples.
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library 21 Simple and Useful jQuery Tutorials You Might Have Missed Introduction Queness is 6 months old now, I have created 21 tutorials that focus on different section of a website (menu, gallery, slider, tooltips, dock, modal window, ajax and jQuery turtorials). jQuery is an amazing javascript framework. I used to use prototype + scriptaculous and mootools, but I found that jQuery has a great documentation, plugins and huge amount of information out there online. It never cease to amaze me. So, just in case some of you might have missed my tutorials, this is a round up post for all of them and I hope it will able to assist you in the journey of learning jQuery.