CSS - Cascading Style Sheets

jQuery Mobile framework – Beginner Tutorial

Being able to reach your audience via a mobile page is becoming almost as important as having a page at all but getting started in mobile site development can be frustrating. The jQuery library provides many handy mobile features that you can use to get started making great mobile-friendly web sites. In this article I will discuss the jQuery mobile framework features and give you a little demo on how it works. What is jQuery Mobile? jQuery Mobile is a unified framework that is designed to work on all major mobile platforms. This allows us to save a lot of…
Continue Reading »

9 Ways to Speed Up Your Web Pages with HTML5 & CSS3

Web designers/developers are always looking for new ways to improve the speed and performance of the pages. With some of the new features available in HTML5, there are several ways that you can improve your web applications/pages to give your user a better experience. We’ve compiled 9 easy-to-implement HTML5 tips and tricks here that would help you streamline your website without investing in additional infrastructure. 1. Use HTML5 Forms and Inputs HTML5 has introduced a whole new set of form attributes and input types to upgrade your existing HTML forms. Not all browsers are supporting these yet, but for the…
Continue Reading »

jQuery Basics Tutorial – How To Use jQuery & How jQuery Works?

jQuery: The Basics This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page set up yet, start by creating a new HTML page with the following contents: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="">jQuery</a> <script src=""></script> <script> </script> </body> </html> Edit the src attribute in the script tag to point to your copy of For example, if is in the same directory as your HTML file, you can use: <script src=""></script> You can download your own copy of jQuery from the Downloading jQuery page Launching Code on Document Ready The…
Continue Reading »
CSS - Cascading Style Sheets

Tutorials : Introducing $(document).ready()

jQuery This is the first thing to learn about jQuery: If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded. $(document).ready(function() { // put all your jQuery goodness in here. }); The $(document).ready() function has a ton of advantages over other ways of getting events to work. First of all, you don't have to put any "behavioral" markup in the HTML. You can separate all of your JavaScript/jQuery into a separate file where…
Continue Reading »

10 Tips for Writing Awesome jQuery Plugins

Introduction I've been developing and studying plugins, particularly in jQuery for quite sometime and through this process I have learned a lot about what works and what doesn't work. There are a ton of great plugins out there that look great on the surface but are sometimes very frustrating to work with behind the scenes. So many plugins if only had a little extra effort could be taken from good to great and become much more widely used. These are some simple tips that I have put together that will help any developer write truly great plugins. There are some…
Continue Reading »