Showing posts with label Jquery. Show all posts
Showing posts with label Jquery. Show all posts

Friday, February 10, 2012

comment_icon 0 Uniform & Sexy forms with JQuery

wanna make your Forms Look attractive ? 



Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?

If so, Uniform is your new best friend.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

Uniform styles:

  • Selects (Drop downs)
  • Checkboxes
  • Radio buttons
  • File Upload inputs

Tested & Compatible in:

  • Safari 3+
  • Firefox 3+
  • IE7+
  • Chrome
  • jQuery 1.3+
  • Opera 10+
  • Degrades gracefully in IE6

Themes

Theming is central to the philosophy of Uniform. We don’t want you to feel limited to just using the default style. You can design your own theme with our theme kit and create most of the code you’ll need using our custom theme generator.
HomePage URL http://uniformjs.com



Wednesday, December 7, 2011

comment_icon 0 JQUERY VIDEO TUTORIAL PART-2

This tutorial covers

  • How to add multiple CSS styles with JQuery
  • What are all of the other JQuery selection options
  • How to assign events with JQuery
  • Explain JQuery animations
  • How to change element values with JQuery
  • And, a bunch of other things.


comment_icon 0 JQUERY VIDEO TUTORIAL PART-1

This is the first part of JQuery Video Tutorial. It will also cover all of the techniques that go into implementing a dynamic site using Asynchronous JavaScript and XML (AJAX).

It is extremely easy to use AJAX techniques with JQuery. First you must understand that AJAX is not a language, it is just a series of techniques used to dynamically change websites with out page reloads.

If you’d prefer to read about AJAX, here is another article Ajax What is it?

JQuery is just a JavaScript Framework, or function library that will save you a ton of code writing. JQuery also works cross browser, so you won’t care what browser your client uses anymore.

this specifically show you how to do the following in this video:


  • How to link to the JQuery Framework
  • Tons of ways to target specific elements on a web page
  • How to change CSS properties dynamically
  • What is an anonymous function
  • How to execute your JQuery code when a page loads

Sunday, December 4, 2011

comment_icon 1 Top 10 browser Extension For WEB Developers


Firefox: Page Speed

Page Speed is an open-source Firefox/Firebug Add-on. Web masters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. I use Page Speed to optimize my websites.

Chrome: Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Firefox: FireBug

Firebug integrates with Firefox allowing you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Chrome: Firebug Lite

Firebug team also creates extension for Chrome. So far I have not been able to use firebug in chrome. I am running Google Chrome 5.0.307.11 Beta under Ubuntu Karmic 9.10

comment_icon 0 Ajax From Scratch - a WORKING demo for Jquery-Ajax in jsp

This tutorial covers a working example of ajax in jsp
note: example is just same as i used in my previous tutorial so to setup thing use that tutorial :creating-simple-db2-database-Application




Saturday, December 3, 2011

comment_icon 0 Ajax From Scratch - Jquery (Most Needed tutorial for TGMC)


What You Should Already Know

Before you start studying jQuery, you should have a basic knowledge of:
  • HTML
  • CSS
  • JavaScript

What is jQuery?

jQuery is a library of JavaScript Functions.
jQuery is a lightweight "write less, do more" JavaScript library.
The jQuery library contains the following features:
  • HTML element selections
  • HTML element manipulation
  • CSS manipulation
  • HTML event functions
  • JavaScript Effects and animations
  • HTML DOM traversal and modification
  • AJAX
  • Utilities

jQuery: The Basics

This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating a new HTML page with the following contents: