Showing posts with label html. Show all posts
Showing posts with label html. 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

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:

comment_icon 0 Ajax From Scratch - Methods For sending Data to Server

We can send data to the data processing page(i.e. server) by both the GET and POST methods of a form. Both methods are used in form data handling where each one has some difference on the way they work. We will discuss some of the differences.

As you have seen there is a character restriction of 255 in the URL. This is mostly the old browsers restriction and new ones can handle more than that. But we can't be sure that all our visitors are using new browsers. So when we show a text area or a text box asking users to enter some data, then there will be a problem if more data is entered. This restriction is not there in POST method.

Friday, December 2, 2011

comment_icon 2 Ajax From Scratch - Basics



hey guys in this session we are gonna discuss about AJAX , what is it ? and how it works

lets jump into the new era of web development

1st Question is that What is AJAX ?
Ans. Everyone thinks that Ajax is a programming Language but its not true its just a balance of  XML and JavaScript

Lets Discuss in deep

AJAX = Asynchronous JavaScript and XML.

where it is used ?

comment_icon 0 HTML and CSS Tutorial

This Tutorial covers the basics of HTML & CSS  that will be pretty useful while you  are working on your
Web-Application


HTML VIDEO TUTORIAL



CSS vi