making the web extensible

Software Design Principles & Design Patterns in nutshell.


I could estimate that 90 percent of everything I do on a computer is now in a web browser. Coding is the only thing I don’t do using the browser. But for an example, my wife only uses the Web browser, and she’s a typical everyday computer user.

Web browse is the mostly used program in the recent years with the internet evolution and it is the most important software program of all. Since the focus has been on to the Browser—Google has made a wise decision to release a Computer Operating System (OS) which only focuses on the web browser. Most probably you can see an early preview of their OS in next few weeks.

So it's time now to seriously think about the cloud computing. 

Latest version of jQuery(1.4.4) is released. Please download it from the following location.

http://code.jquery.com/jquery-1.4.4.min.js

XWT RC2 released. Please download the latest dll from the following location.

New features:
  • jQuery updated to the latest version(1.4.3)
  • New ShortcutKey control added - easily integrate keyboard shortcuts in your ASP.NET app

MessageControl is an ASP.NET control which let you create user message like Gmail Application.


This control is part of the XWT toolkit. Please download and read the MessageControl.


Also read the  Code Project article about MessageControl at the following location.
http://www.codeproject.com/Tips/121974/Gmail-Style-User-Message-Control.aspx

jQuery 1.4.3 final version is released. There are some significant enhancement has been done for the entire library, mainly in the performance. Following are some of the new features of jQuery 1.4.3

  • CSS Module Rewrite – Entire CSS Module has been re-written for extensibility. You can write custom CSS plug-in now to extend the .css() and .animate() functions.
  • Data – There are some enhancements on this area as well. HTML 5 data-attributes, JavaScript object and Events are included in those enhancements.
  • Traversing - The performance of nearly all the major traversal methods has been drastically improved. For example .closest(), .filter() (and as a result, .is()), and .find() have all been greatly improved.
  • Ajax - A few new Ajax features have added. This should be an advantage for plugin authors.
  • Events - A convenient shortcut for binding a function that does nothing but return false (preventing the default action and stopping the event bubbling).
  • Effects - All animate methods now support easing. A new property that exposes the rate at which all effects fire (in milliseconds – defaults to 13) also added.
There are much more enhancements for the new jQuery library. You can read in more detail from the following URL.

Extensible-Web Toolkit(XWT) RC1 released. The toolkit provides simple web controls, framework library for ASP.NET development and built-in integration for jQuery. It will also provide some useful utilities for Web Application developers.

Download the XWT Toolkit

Please read the Get Started Guide.

Chrome supports Webkitnotifications and Google has done a great job with their notifications for Gmail. This example shows how to create a recurring notification using JavaScript timer and webkitnotification object.


In order to create a notification the user must first allow notification in their browser. Click on “Allow notification” button in the ASP.NET sample and the permission will be granted.

Following code block will show you how simple is to create a notification object and show it on browser.

notify = window.webkitNotifications.createNotification('iconUrl', 'Extensible-web latest article', 'http://www.extensible-web.com');
notify.show();


Download the full source code.

Download the latest jQuery 1.4.3 RC 1 from the following locations;

To get the selected value using jQuery in ASP.NET dropdown list;

 $("select[id$='DropDownList1']").val();

To get the selected text :

$("select[id$='DropDownList1'] :selected").text();

This sample code shows a cool fading effect when showing a saved text. This code specially useful when you write a comment module for an web application. It uses jQuery AJAX and the code is optimized for speed.

Download the code

You can now fix the ASP.NET bug using your windows update. Read more regarding the update on the following link.
http://weblogs.asp.net/scottgu/archive/2010/09/30/asp-net-security-fix-now-on-windows-update.aspx

Download the code

jQuery has been the primary JavaScript library for most of the web applications these days. The following tutorial will show you -- how to use jQuery AJAX to save and load data in ASP.NET applications. The following sample will do two things.

  1. Save Customer to Database
  2. Load Customer from Database
The following diagram will give an overview of the process.
In order to call jQuery AJAX method, you must first include latest jQuery library file in the ASP.NET page. You can get the latest jQuery library from here
You can download the complete sample from here

Google recently released their updated Search Engine Optimization guide. The guide basically provide tips and information for webmasters to optimize their web sites for search engines--specially for Google. Some of the most important tips are;

  • Create unique, accurate page titles
  • Make use of "description" meta tag
  • Improve the structure of your URLs
  • Make your site easier to navigate
  • Offer quality content and services
  • Write better anchor text
  • Optimize use of images
  • Use heading tags appropriately

You can download the full PDF version from here.

Very good framework for Image sprites and optimization. Download it here

Handling keypress event using jQuery is fairly easy.Download the sample code.


What is JQuery ?
Most of the developers might already know what JQuery is. But for those who don’t, here it is. JQuery is a JavaScript lightweight library which is easy to use for JavaScript functions.

JQuery is very easy to learn and all you need to know its relevant methods and events. You can find the JQyery API reference here and you can also find some samples.

How can we use JQuery in ASP.NET application?
Real easy—if you’re creating ASP.NET app using Visual Studio 2010, then the relevant script files are already included.

For earlier versions of Visual Studio, you need to download the minified version of JQuery library from here and add the file to your project directory. Include the file as script tags in the pages, which requires JQuery.

Download the sample ASP.NET application with basic JQuery methods.

Extensible Web -- is an online learning and resource center which will help you to make your web applications run faster. The main idea is to provide you with tools, tips and tutorials to fine tune your web applications. It is merely an effort to make the entire web even faster. So stay tuned.