Web Development Help: 2009

Tuesday, December 22, 2009

ways to Speed Up your Page Response Times.

Its ok with if we develop any web application, but it you speed up your application in right manner then you will be a charm of web. users requirement is they want to see your application page as quickly as , but if your application is time consuming from all the aspect then surely no one will stay on with your site. here i got some nice and simple techniques which will improve your page speed from all the aspect. now google also setting this as a basic criteria.

Now you all knows mozilla has some good addon call "Firebug" you can install that plus you can also install ""Google page Speed " which will tell hows your application is behave . there is one more useful addon by yahoo is "YSlow" .

from this addons you will get lot of information , also try this
1. Load your CSS first and your JavaScript last
Load your css in <head > tag above your body . and try to load your javascript above the closing the body tag.

2. Using Sub domains for parallel downloads
This is like cool one , on your site that are lot many static and dynamic images , you can identify that what are the static and what are the dynamic and according to that you can set your sub domain which will useful for parallel download ,so the time requires to download a single image will be get converted into parallel server and parallel image get download from your one of the server .The ideal case is you can set max of 3 server for same,

3. Minify JS and CSS:
Again size get matter , means one your page if you keep unwanted space on js & css surly size get increase, in this case you can reduce that and make them as lighter as possible, if you use above tools they will give you option how to inimize this or minimize version of same.

4. Avoid redirects:
No matter if you do a server-side header redirect, JS,HTML redirect, your site is going to load a header with a blank page, then load your new page, increasing the time it takes for a user to get to the actual page they want to go to

5. Using CSS Sprites to reduce HTTP Requests
CSS Sprites may be the coolest thing, it get reduce your page loads and also reduce the amount of request for each particular images. now look at below you can see one image (static one) contain 15 + images now using CSS you can cut that according to your requirement (using Padding and all )
and use that as you want.
Best example you can see is " YouTube CSS Sprite ".

define that like this way:


< style >
.sprite {
background:url(http://s.ytimg.com/yt/img/master-vfl87445.png);
}

#logo {
width:100px;
height:45px;
background-position:0 0;
}
</style >

<div id="logo" class="sprite"> </div>

That was a lot of stuff, but hopefully you picked up a few tips on how to make your web pages load faster. if you know more on this
add it on comments .

Thursday, December 17, 2009

Traversing an Html table with Javascript

This article will introduce you on how to get html table content using DOM Inteface, ones we create an Table on html and suppose we need to retive that table content on server side, on any purpose then this will helps you.you can refer this its really nice way to parse the html table and get the content on same .

mozilla developer has given a good link on ,how to create a DOm interface for table structure

sample example:
1. lets create a Table


<table>
<tbody>
<tr> <td> This is first td </td></tr>
<tr> <td> This is second td </td></tr>
<tr> <td> This is third td </td></tr>
</tbody>
</table>

2. now create a Dom inteface to read this table content , for that you can use Javascript to read this


<script >
   function start() {
       // get the reference for the body
       var body = document.getElementsByTagName("body")[0];

       // creates a <table> element and a <tbody> element
       var tbl     = document.createElement("table");
       var tblBody = document.createElement("tbody");

       // creating all cells
       for (var j = 0; j < 2; j++) {
           // creates a table row
           var row = document.createElement("tr");

           for (var i = 0; i < 2; i++) {
               // Create a <td> element and a text node, make the text
               // node the contents of the <td>, and put the <td> at
               // the end of the table row
               var cell = document.createElement("td");
               var cellText = document.createTextNode("cell is row "+j+", column "+i);
               cell.appendChild(cellText);
               row.appendChild(cell);
           }

           // add the row to the end of the table body
           tblBody.appendChild(row);
       }

       // put the <tbody> in the <table>
       tbl.appendChild(tblBody);
       // appends <table> into <body>
       body.appendChild(tbl);
       // sets the border attribute of tbl to 2;
       tbl.setAttribute("border", "2");
   }
</script >

3. This javascript will first read the table tag element and search with tbody and tr then next td and retrive the content on same .

4. Remember this technique. You will use it frequently in programming for the W3C DOM. First, you create elements from the top down; then you attach the children to the parents from the bottom up.

5. Its create just like this way .

Thursday, December 10, 2009

Facebook and MySpace deals with Google for real-time search

Yes, Myspace and FaceBook have signed with Google for the Real-Time search giant.
Facebook and MySpace both are very popular Networking as well as Social bookmarking site, with contain huge amount of Data as well as Traffic too.

so with the Help of that data Google may give you better result and better Search , Till now we know google deal with Twitter but now they also deal with FaceBook and MySpace . Which means if someone get Search on any Topics then they also get the Real - Time Updates for this social media sites ,

This has led to Both Google as well as Bings .in Order to make there search result very faster adn exact. On recent interview with Tom Stocky Google Director of Product Management. he is saying "People are crazy about the Search and they want up-to-date search result what they looking for " they also said people are also looking for Search result as well as the result come is must be fresh , so surely this Process will help to make google better.

Google would not reveal the financial terms of its agreements – however Facebook’s chief operating officer, Sheryl Sandberg publicly stated at Web 2.0 in San Francisco, that it would be making no money from making public status updates available to search engines. However, MySpace and Facebook have not revealed similar details.

But In Order with Bings they still has to Integrate the search with Twitter into search Process, they also come up with new separate site with "tweets". lets hope it will come soon.

Thursday, December 3, 2009

Google Audio indexing

Google get introduce new technology call Google Audio Indexing (Gaudi) . which allow the user to better search from video point of view. It basically using Speech technology to find out the Exact word inside that video and jump the user according to that world where these words get spoken.

Basically you all know words,sentence, text can get search easily, but this is really nice way to search the text from video itself. which will give your result more additionally.

How you can use this :
Look at the below pics you can get ,

if i want to search related with gas prices it will show you result on where exactly this word get spoken on various videos. on left hand side you can see there are Channel filters you can even though filter your search by clicking on that tab . and right hand side you can see there is one video call Gang of 10 and on that video , after particular period some yellow dots are there they are mentioning where exactly that word get spoken, you can directly move your cursor at that position and listen that word. and at bottom its shows various pages result.

You can also Share this videos with your friends just clicking share button on that video . or simply copy-paste that URL also.

one more thing you can only search the videos from Youtube source only.
if you want to know how its works look at this : http://labs.google.com/gaudi
Currently this technology its in Google Lab , it will publish soon.

Saturday, November 28, 2009

MozillaLabs Launches new projects on MozillaLab

mozilla now launches new terms just like "Googlelabs" its a "mozillalabs". its a just like a virtual lab where people can come on this share there ideas , there feedback and all to make mozilla very string form all the aspects. here you can make new Experiments and also play with the new technologies and new concepts.

as you all know mozilla allready have thousands of addons and so many sub products to make web browser better . and also make web better from end of user also. if you want to check all the such cool addon ans all refer this .
it also have lots of thems , plugins, tabs , web application & developments tools, language supporter terms , videos and many more.

now we come back to the actual point mozillalabs. now in mozilla labs there are some nice projects are there

1.TestSwarm: - its a new mozilla lab project that gives the developer an easy and quick test to there javascript code , firebug addon is also there but we need to add that manually , mozilla make browser its self javascript compatible , if you want to contribute with the project as a tester simple check the TestSwarm.com. currentl the site is in alpha mode and addon on mozilla labs , This Project now support 7 operating system , window 2000 to OS x 10.5

if you want to use TestSwarm on your server download this from here

2. Mozilla weave : it get explore the blending of the desktop and the Web through deeper integration of the browser with online services.
it has some nice features just like
- AES Encryption , used to encrypt the date.
- PKI - public key infrastructure.
- JSON
- Debugging tools

if you want to use this you can get it from here : Install Weave v0.1.28
- https://labs.mozilla.com/forum/index.php/topic,657.0.html
but as i said its all are in labs so try it on your risk.

3. Test Pilot :
Test Pilot platform is opening with first Test Pilot add-on for Firefox 3.5. They are looking for Firefox users of all levels of skill and technical knowledge to help improve Firefox and Labs experiments.

4. Bespine
it Embedded on 0.5 in first release to come from Reboted codebase,why its better coz ones you are using this then there is no longer need or required o add any javascript to your page
except the Bespine itself. look at the below


<!DOCTYPE html>
<html><head>
 <link href="BespinEmbedded.css" type="text/css" rel="stylesheet">
 <script type="text/javascript" src="BespinEmbedded.js"></script>
 <style>
  .bespin { margin: 0; padding: 0; border: 0;
    height: 300px; border: 10px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
 </style>
</head>
<body>
 <h1>Sample Editor as a Component</h1>
 <div id="editor" class="bespin"
   data-bespin-options='{ "stealFocus": true }'>
// The text of this div shows up in the editor.
var thisCode = "what shows up in the editor";
function editMe() {
alert("and have fun!");
}
 </div>
 <script>
   window.onBespinLoad = function() {
    console.log("this is called when Bespin is loaded");
   };
 </script>
</body>
</html>

with this you can go secure your application.
the page will give you the View something like this :

there are few more are there on mozilla labs you can have a look on it : https://mozillalabs.com/

Current Projects : https://mozillalabs.com/projects/

if you like this article please add some comments ,

Thursday, November 26, 2009

Single Sign-On for everyone SSO

Single Sign-On (SSO) is a very brand topic now a days. most of the application are running under different subdomain as well as different .net framworks also.in which ones the user logs in it will stay logged still user switch to various web site or different domain. SSO will help you in this
case now lets see how how to build it.

- SSO for different domain.
suppose we have two different application - http://Foo.com and http://Bar.com. now ones the user get login successfully we need to redirect that user to bar.com site for next process . in this case they cant share cookies and session . so for this case we need to create its own cookies and call it on other side to veridy its a right user.to achieve this we need to create a special page (sso.aspx) on both the site m and check the cookies exits or not and flow the process.on sso.aspx page you need to do some code like this


void Page_Load()
{
  UriBuilder uri = new UriBuilder(Request.UrlReferrer);
  HttpCookie hcok = HttpContext.Current.Request.Cookies[".BarAuth"];
  if (hcok != null && hcok.HasKeys)  //chk cookies exits
  {
    string cookie = HttpContext.Current.Server.UrlDecode(hcok.Value);

    FormsAuthenticationTicket fatick = FormsAuthentication.Decrypt(cookie);        

    uri.Query = uri.Query + "&ssoauth=" + fatick.Name;  //add login name in query.

  }
  Response.Redirect(uri.ToString());
}

now if authentication cookies are exits on bar.com, it will decrypt user name and pass name back to the ssoauth. on http://foo.com site we need to add some code on http request for processing pipeline, it will be Application_BeginRequest event or HttpHandler event.

if - authentication cookie exists on Foo.com, continue processing the request
- uthentication cookie doesn’t exist, redirect to Bar.com/sso.aspx.

- if applications run under different versions of .NET
its possible that foo and bar application are running on different version of .net .in such case above application will not work beacuase .net 2.0 encryption is different its AES. or in .net1.1 it was 3DES.on .net 2.0 new attribute get added for backwords application


< machineKey validationKey="F789KJSER82ERKJ4KJ23KH42KJH444JHG234K4KJB23"
decryptionKey="j234GF23HG2432347ASD7ASDHJA6ASD6HH27374743432" validation="SHA1" decryption="3DES" / >

you need to just set decryption="3DES" .to run old application.dont add this on web.config of .net 1.1 it will gives Error.

- mixed-mode authentication (Forms and windows)
long time back we dealt with only form authentication, but now we can user window authentication also. basically we use form auth for check the user form auth . if the user is reside in Intranet then we can use window auth on NT doamin,

Requset.ServerVatiables["LOGON_USER"]

in this we can also set Anonymouse access disable from IIS panel . now LOGON_USER contain NT domain name of the logges on Intranet, but all the other user (internet) get ready for window auth then we can check login via Form auth and if it get fail m move them to Window domain, you can also solve this problem by haveing a special entry page for Intranet users that has Integrate Windows Authentication enabled, validates the domain user, creates a Forms cookie and redirects to the main web site.

one more easy way is , if ananymous access is enable for web site, IIS get pass request through asp.net runtime process . if result is Error(404 - page not found) then IIS will attempt other method for that site. you just enable both the access for same look at below code


if(System.Web.HttpContext.Current.Request.ServerVariables["LOGON_USER"] == "")
{
  System.Web.HttpContext.Current.Response.StatusCode = 401;
  System.Web.HttpContext.Current.Response.End();
}
else
{
 // move to valid domain
}

in the above code , it will first check if the domain user get empty string .It will terminate the request and return the 401 IIS error , in this case if your is already logg in domian , the request will repeated .and if not then he will go through the window auth for upto 3 times , and still he can't pass that 3 attempt the he/she will ge the Error as 4.0 (which is Access Denied )

There are few more ways for SSO in .net application . its also possible to implement this process in Different platform aslo , actual idea will become same but may be implementation get change according to platform.

Thank you , if you like this plz add some comments.

Thursday, November 19, 2009

Explore images with Google Image Swirl.

now google launched Image Search call " Google Image Swirl ".if you want to search for car you will get the all the images related with cars in http://images.google.com/ but make your search Perfect with all the aspects google now use image swirl, now this is in Google lab.

when you search car section on image swirl you will get the array of images of various cars with different different models & different different variations. you click any one of that it will open all the cars related with same. now this is done on new computer vision research to cluster all the similar images on to this group to make your search better.

For Example : now you search with cars you will get the set of 12 images thumbnail of cars , like this

now ones you find any perticual car is you'r looking for click on that it will show you all the cluster images of that cars in one single circle. like this you can enhanse your search.

you can also explore your additional sub-groups with any cluster and make search better.now this technology is develop for Picasa and Similar images.

Image Swirl is working for more than 200,000 Queries and now plan to include more in feature.they are using using auto-complete option when you start with search box just like Google Suggest.so lets try with Google Image Swirl today to make your search better,

happy googleing...

Monday, November 9, 2009

Top flickr tools

Flickr is one of the Social Photo Sharing site, where you can upload your photo , get the comments on photo, rate the photo , or also share your photo's with your friends. there are so many site just like Flickr but Flickr has very nice and atractive look and have some great features that can likes you.

Here are some Flickr tools to enhance you flickr Experience .
1 .Flickr Explorer
you have seen many flickr uploaders but photo downloader is less than that . So you can use this tool to download the photo from flickr.com

2.FlickrFight
This will helps you to compare two images , you need to only enter that keyword or tag and just check that images on flickr site.

3.flickrSLiDR
SLiDR will allow you to easily embed with the classical slideshoe on your application , you just need to enter the url , photo or group that you want to embeded with some option , then you will get the help code of same,

4.UploadrXL
From here you can upload more images on your site , it has some nice features ike Multi lingual , thumbnail preview , Adding multiple photos , Groups photos , EXIT reader , Tag Editor and so on , one better thing is it supports .Net Framework 2.0

5.CompFight -

Compfight its a new tool basically uses in Flickr’s API , To search the database of photos and then feeds back the results as live clickable thumbnails.

6.Bubbler
this tool is used to create comic strips using flickr, you just search for photos using tags or you can also search using username and get the right pic , now just drag the bubble on that pic or photos and enter the text what ever you want that text will get publish .

7.Flickr Logo Makr
You can desing you own logo using this cool tool. you can find same color font or style using on flickr.

8.FlickrFox
it will allow you to browse the phpto in sidebar in FF(Firefox), that can makes managing your groups ,searching new tags ,keep the contacts easy , and many more.

9.Flishr
Flishr is a primer application to Download,search and also for upload from one center to another that means one PC to another .it has some best features that can make you search better and easy to use , you need to search & downlod that pics from flickr or need to upload that pics in very fast maner, but one limitation is there with this you can use this application only on Windows only.

10.Chasr
this is mini application, you can dispaly your pics from Flickr on your own site or blog for free of cost , download this Chasr and install it you own server , which will allow you to see your pics on your own site.

Monday, November 2, 2009

15+ Firefox addons for Developer and Designers

Addon's playing important role for web developer as well as for web desginer also , you can say its make your task easier. Firefox is one of the free and open source web browser and provides most comman features for web devloper and designer,
There are huge no of lists of addons or extensions . here i have mention some of them which are really useful for a developer as well as for designer.

Firebug

Firebug is very commonly use addon , which can easily catch javascript , jquery error in live page , you can edit and also debug the live application using this cool addon

Web Developer

This addon very much useful for the again developer to test there live application in terms of html, css, dhtml , images and so on, ones you install this addon you can find that addon on new toolbar

FirePHP

its enable you to log to your Firebug console using php method call. its basically suit for the ajax development process.

ColorZilla

ColorZilla will get you the color which is reading from mouse pointer , you just need to move your mouse on that location and you will get the color of same , you can also zoom that page you also measure the distance between the any two points . you can also save that selected color as a custom palettes

CSSViewer

its a very common tool ones you hover on any element, it will display all CSS styles for that element.

Window Resizer

Resize your Browser to various size, basically its useful for testing the your application on various sceen , then you come to know you application is feet in current window or not , there are some resoultion : 64x480 , 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200

Cooliris

its a cool addon , you can easily browse the photos and videos from web.

HTML Validator

displays the number of found errors of the site you are viewing. it will parse the html page and display the error.

URL Fixer

it corrents the typos in URL that enter in the address bar. for example if you type rediff.con instead if com it will automatically fix it and parse it and redirect to you on actaul site, Current version is support the .com,.net,.org.,.edu..gov,.mil and other TLD.

FEBE

FEBE (Firefox Environment Backup Extension) allow you to quickly and easily backup your firefox. it will rebuild your extensions into .xpi files.

LiveHTTPHeaders

its allows you to analyze your http header , it will also help you to debug you web applicaiton ,you can also see what sort of server is using and also view cookies sent by the remote sites,

StumbleUpon

stumbleUpon is a social bookmarking sites , its useful to you to search the sites , this site derive a large no of visitors to your sites.

Font Finder

font finder tools helps you to find the font of highlighted text, you need to just select the text and right click to see all the styling get included on that text you can also view the Color, font-family and so on

CSS Validator

Validate your page using W3c css validator. just right click on page and select Validate CSS it will validate and parse your page and open result on new tab and show you error on same.

Autofill Forms

auto fill is one of the best option or addon, instaed of typing text again and again you just save that text on AutoFill Form and whenever you required you simply use that so it will get fill that field automatically , for example on Gmail.com , you need to enter id & password to access your account now instad of typing id & password daily you just save . and ones you open gmail.com page click on AutoFill option . it will automatically get fill your id & password .

if u know more add in on a Comments .

Friday, October 30, 2009

How to Add digg button to all posts on your blogspot blog

How to Add Digg Button ,

Open your Blogger Dashboard

Click on Layout > Edit Html part.

now Click on Expand Widget Templates

Seach for <data:post.body/ >

Paste the Below code above the searched text


     <script type="text/javascript" >
     digg_url = 'WEBSITE_URL';
     digg_bgcolor = '#ff9900';
     digg_skin = 'compact';
     digg_window = 'new';
     </script >
     <script src="http://digg.com/tools/diggthis.js" type="text/javascript" > </script>

digg_bgcolor - change the background color

digg_window - set is 'New' when you want to open page on new window

digg_skin - its a optional control by default it is yellow , you can change it according to you

digg_url - 'WEBSITE_URL'; here just enter URL of the page

digg_url

now you can click on save your template , it will take effect soon .

happy digging..

Wednesday, October 28, 2009

Add Image in between Rows of a GridView using C#

again i come up with some new tips on Gridview , there are lots many things are there in Gridview . now my this article is describe you how to add the image on Gridivew, you can say after perticular records then you can use " OnRowDataBound " Property or " onRowCreated " like first 5 records then some distinguished between next 5 records like that.
here are the stpes how you can do that.

1. Create one Application
2. Add the Gridview control on a page ,also add the data source for same ,and just simply link it with some sample table
3. consider below is your Gridview code


 <asp:GridView ID="GridView1" DataSourceID="SqlDataSource1"  AllowPaging="True" 
            AutoGenerateColumns="False" DataKeyNames="CustomerID" 
            runat="server" OnRowDataBound="GridView1_RowDataBound" AllowSorting="True">
            <Columns>
                <asp:BoundField DataField="ID" HeaderText="ID" />
                <asp:BoundField DataField="Name" HeaderText="Name" />
            </Columns>
        </asp:GridView>

4. now suppose if i want to add new row which is background , then i have to add Gridview_RowDataBound event , this will enable you to provide the Event-Handling method which will perform the Custom routine option. that can be like modiffy the row, add the new record into the row and so on.now for that we are adding page level varible call pSize which will hold the Row position where we want to add that image column, with same also add that image to your Gridview
below code will help you .



    static int pSize;
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack)
              pSize = 0;
    }
    
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
  
            TableCell TabCell = new TableCell();
            Image img = new Image();
            img.ImageUrl = "Photo.gif";
            TabCell.Controls.Add(img);
           
            GridView gView = (GridView)sender;
            int colSpan = gView.Columns.Count;
            TabCell.Attributes["ColSpan"] = colSpan.ToString();
 
            GridViewRow gRow = new GridViewRow(-1, -1, DataControlRowType.DataRow, DataControlRowState.Normal);
           
            gRow.Cells.Add(TabCell);   // add the cells to the gridviewrow
 
            Table newtbl = (Table)e.Row.Parent;
 
            if(pgSize == 0)
                pgSize = GridView1.PageCount / 2;
 
            if (Convert.ToDouble(e.Row.DataItemIndex + 1) / Convert.ToDouble(pgSize) == 1.0)
            {
                newtbl.Controls.AddAt(gView.Controls[0].Controls.Count, gRow);
                // add 10 to the pgsize so that the image can be displayed
                // at rows 5, 15, 25 and so on..
                pgSize = pgSize + 10;
            }

here you can see how its look like:

hope this example will helps you .

Thursday, October 15, 2009

IIS SEO Toolkit helps Web developers

The IIS Search Engine Optimization (SEO) Toolkit helps Web developers, hosting providers, and server administrators improve their sites' relevance in search results by recommending how to make them more search engine-friendly. The IIS SEO Toolkit Beta can be installed with the Microsoft Web Platform Installer 2.0 Beta for use with IIS 7.0 and IIS 7.5.

For or more details on IIS SEO Toolkit

Wednesday, October 7, 2009

youtube search api using C#

hi , i have allready specify how you can use youtube api in your .net application, here is my next post on same topic , you can add Youtube Search widget on your web site using API SEARCH method ,XmlDataSource control can be used in ASP.Net to bind the Youtube API RSS response to display the Youtube videos.

if you are using .Net then Repeater Control is one of the best option to display result . at first you need to create api method url to retrive the result from youtube in terms of RSS Feed. you can also Use of XmlNamespaceManager to read that Rss feed having media namespace that provides the syndication content about Youtube videos

- Google Code for Youtube API and Tools

http://code.google.com/apis/youtube/developers_guide_protocol.html#Searching_for_Videos

Steps to add simple YouTube search page to your ASP.NET web site

first get a free Developer Key: http://youtube.com/signup?next=/my_profile_dev.

now you need to construct uri like this
string uri = "http://www.youtube.com/api2_rest?"; uri += "method=youtube.videos.list_by_tag"; uri += "&dev_id=" + developerKey; uri += "&tag=" + txtSearch.Text; uri += "&page=1&per_page=50"; //
now you can get the returned result in an XML document,now load the XML into a DataSet using its ReadXml method.

now create one page and in that create one text box and one submit button
put this code on codebehind


 protected void Button1_Click(object sender, EventArgs e)
        {
            string developerKey = "" // put your key here;
            if (developerKey.Length == 0)
            {
                Response.Write("You need to get a  YouTube 

developer key first!");
                return;
            }
            // Call the YouTube api to list all videos for a tag
            string uri = "http://www.youtube.com/api2_rest?";
            uri += "method=youtube.videos.list_by_tag";
             uri += "&dev_id=" + developerKey;
            uri += "&tag=" + txtSearch.Text;
            uri += "&page=1&per_page=50"; // you can add custom paging if desired
            DataSet ds = new DataSet();
            ds.ReadXml(uri);
            DataTable dt = ds.Tables[2];
            this.DataList1.DataSource = dt;
            DataList1.DataBind();
        }

and here is your datalist code


<table>
 <asp:Datalist id="DataList1" runat="server"  CellPadding="2" CellSpacing ="2" BorderStyle="None">
<FooterStyle BackColor="#CCCCCC" ForeColor="Black"></FooterStyle>
<ItemTemplate>
<tr > <td colspan="2" align=center> <b> <%# DataBinder.Eval(Container, "DataItem.title") %>   </b>  </td> </tr>
  <tr>
<td style="width:100px;Height:20px;">
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("url") %>' >
    <asp:Image ID="Img" ImageUrl='<%#Eval("thumbnail_url") %>' runat="Server" />
    </asp:HyperLink>
    </td>
<td style="width:450px;Height:20px;"><%# DataBinder.Eval(Container, "DataItem.description") %></td>
        </tr>        
</ItemTemplate>
</asp:Datalist>
</table>

view demo
that's it , happy youtubing...

Tuesday, October 6, 2009

Test Your Website in Different Browsers and Platforms

ones we develop any application or any website then basically we are testing that site on different browser or different platform but its very time consuming and time taking , at first we have to install that browser and then we have to test that, but if you want to test your web application or website in different browsers,and different platforms in easiest way then Browser shots will help you.It makes screen shots of your web design in different browsers. It is a free open-source online service.

its very simple you need to submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screen shots and upload them to the central server of Browsershots. It supports Windows ( Firefox 1.5, Internet Explorer 5.0 and 6.0 ), Mac (Firefox 2.0, Safari 2.0 ), Linux ( Iceweasel 2.0, Konqueror 3.5 ). and more

you can also test your application here http://browsershots.org/
its a open source applciation , you can download that images ones you test your application ,and then make a changes according to same,

hope you like this .

Saturday, October 3, 2009

free online editors for your asp.net application

Editor is one of the requirement while taking the long input from the user , just like there
long long comments, about us , comments, and many more editor play important role in this case , you can edit that text as per you want you can use all html tags and all to make your reply or comments or text better.
here are the some free online editor you can integrate that on you .net web application.

1. widgEditor

Download widgEitor
Demo

2.markItUp

Download martkUp!
Demo

3. Yahoo! UI Text Editor

Download Yahoo!UI Text Editor
Examples

4. NicEdit
NicEdit is a Lightweight, Cross Platform, Inline Content Editor

Download NicEdit
Demo

5. JWYSIWYG

Download JWYSIWYG
Demo

free online editors for your asp.net application

Friday, October 2, 2009

Enhanced country selection with Css and Javascript

When we designing a Registration form , Country & state option are consider, in that time we prefer Drop down option to populate various state or country and user get select one of them , its a very old process , you can redevelop that using ajax, css ,javascript and so many other ways ,

here is very nice way to select Country using simple CSS and Javascript

as you can see , you need to move your mouse over the text box and various country with there flag drop down get populate and you can selete one of the country on same , and that country name will appear in that text box

Download source

hope you like it ,

Tuesday, September 29, 2009

Enabling Database Mail via TSQL


-- allow advanced options

sp_configure 'show advanced options', 1; 
GO 
RECONFIGURE; 
GO

-- enable database mail (0 disables , 1 enables)
 
sp_configure 'Database Mail XPs', 1; 
GO 
RECONFIGURE 
GO

-- hide advanced options again

sp_configure 'show advanced options', 0; 
GO 
RECONFIGURE; 
GO

Saturday, September 26, 2009

sql:Limit SQL Server memory

on SQL you can Set memory available to a sql instance
on below example we are setting Limit to the 500MB


    sp_configure 'show advanced options',1  
    go  
    reconfigure  
    go  
      
    sp_configure 'max server memory', 500  
    go  
    reconfigure  
    go

like this way you can set the limit server memory, but for precaution you can try this on local machine without running diretly on live server.

Thursday, September 24, 2009

Data Grids with(AJAX,jvaScript, Dhtml)

DataGrids is one of the useful control to show data in tabular format with different different records & result, on gridView you can show as many as option which is very much useful for the end user, to handle with Data Grid and all ,

Here are some Data Grid Controls Devlope with ajax/dhtml/and javascript

1. ExtJs Grid

2. Phatfusion Sortable

3. Table Kit

4.Unobtrusive Table Sort Script.

5.Yahoo UI Library’s DataTables.

6.Standardista Table Sorting

7.Mootable Sorting.

hope u like this collection,
if you know more then plz add it on Comments ,

Wednesday, September 23, 2009

List of CSS Galleries

css is one of the part of web applicaiton, you can say that without css your application is not perfect as per the coding standard.
here is an overview of css-galleries you can explore inspiration from.

CSS Clip

Web Design Inspiration and Gallery

CSS Blast

Russian CSS Showcase

CSS Collection

CSS collection web sites without tables

CSS-Demo

CSS Showcase

CSSBloom

CSS Gallery with Blog’s and Online Portfolio’s

CSS Drive- Categorized CSS gallery and examples

CSS gallery, code samples, tutorials, and moreCSS Collection

CSS Design Yorkshire

A gallery of CSS web design in Yorkshire UK

CSS ImportCSS

The no-frills CSS Gallery

Liquid Designs

Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS

Piepmatzel

collecting best practice web standards design examples

Webdigity

CSS gallery

Web Standards Awards

Awarding web sites that successfully combine form and function

Well Designed CSS Sites

Andy Budds List of well styled sites.

if you know more plz add it on comments more.
thanx

Cannot implicitly convert type 'object' to 'Microsoft.Office.Interop.Excel.Worksheet'.

on C#, there was an Error when you are using Interop Excel Object:-

Cannot implicitly convert type 'object' to 'Microsoft.Office.Interop.Excel.Worksheet'. An explicit conversion exists (are you missing a cast?) throws up when there is no Explicit casting - (Excel.Worksheet)

Excel.Worksheet oWorkSt =oWB.Worksheets[1];

To

Excel.Worksheet oWorkSt = (Excel.Worksheet)oWorkSt.Worksheets[1];

Saturday, September 19, 2009

Getting Local Network Information

on C# when you are performing any application realated with network and in this case if you want information regarding the local network adaptors or local machines network configuration, then you can use the static method System.Net.NetworkInformation.GetAllNetworkInterfaces. it will returns objects of type NetworkInterface.
The properties of the NetworkInterface object will unravel a rich set of information regarding network configuration and network statistics.

here is Sample Code:



using System.Net.NetworkInformation;

if(NetworkInterface.GetIsNetworkAvailable()){

 NetworkInterface[] nInterface = NetworkInterface.GetAllNetworkInterfaces();

  foreach(NetworkInterface ni in nInterface ){
   string NetworkName = ni.Name;
 }
}

hope it will helps you.

Friday, September 11, 2009

Asp.Net with Ajax

Before starting with Ajax + asp.net Application you need to do follow.

at first you know how to configure the ajax framwork to your asp.net application
1. configure ajax framwork on asp.net application

2. Sample code

3. Tutorial

4. ajax + .Net Video

5. and if you have any question please ask Here

6. AJAX Application Architecture

7. ASP.NET AJAX 4.0 Preview 4

hope it will helps you.

Thursday, September 10, 2009

Telos SE7EN next generation application framework

hi, today i come up with very much new and cool feature of Mircosoft its a Telos SE7EN next generation application framework , its really nice which is base on the Microsoft Surface platform.SE7EN: Green Initiative is designed to provide a secure view of your organizations power and processing efficiency, reporting energy consumption, carbon footprint, and facility benchmark and assessment data sets.

its basically performed using Natural User Interface (NUI). user can do multitasking with the digital content through the natural hands.

refer : 1. http://www.telos.com/solutions/secure%20networks/se7en/green/
2.http://www.microsoft.com/surface/Default.aspx
hope you like it .

Wednesday, September 9, 2009

Runtime Editing Web.config App.config

You can Edit web.config and app.config file on run time also.
Web.config configuration files & app.config project item files, which get converted to "ExecutableName.exe.config" at build time, both support the convenient appSettings section with its own read method in the System.Configuration.ConfigurationSettngs class. The appSettings section stores element name / value pairs in the format:

<add key="elementName" value="elementValue" />..... more

Monday, September 7, 2009

Add Feedburner Email subscription to your site

you have see most of the sites,blogs have there email subscription option on there site basically its useful for the out site reader to directly read our new feed . in this process there are so many third party site , tool are available to do that ,

"FeedBurner is one of them". if you want to add feedburenr account on your site do follow below steps to configure feed burner email subscription tp your site or blog.

Steps.
1. At first you need Feed burner account. if you dont have account with feedburner click here
if you have account with google then also ok, you can use that.

2.now next steps is if your new FeedBurner user then you have to burn your feed at first,

3.now you burned a feed to your site or blog.

4.now configure your site or blog to show fedburner url for that you have add some htmlcode in your back end,to retrieve this code you need to select publicize > Email Subscription

5.click on that link it , in that page you will get one form tag code simply copy that code and paste it on your site or blog.You can even select your blog type like (Typepad, wordpress, blogger) and it will automatically take to widget option for corresponding blogs system.

6.now u finish with the coding part , open that page and enter your email id and click subscribe , that it..

if you want to Subscribe my blog click here , you will get the updates of my blog via email
thank you.