>
 



Since creating better looking sitemaps is quite time consuming, we usually end up having text-based unordered lists that does not look like a sitemap. From now on, you can have a very beautiful and visual site map with nothing more than your standard unordered list and CSS. SlickMap CSS is a simple stylesheet for displaying sitemaps directly from HTML given as unordered list. It allows 3 levels of navigation and additional utility links for LOGIN, CONTACT, ADVERTISE links. 

SlickMap CSS is cross-browser and can be customized easily. It enables automation of sitemap design by eliminating the need for additional software. 

SlickMap - CSS based Sitemaps
SlickMap CSS - is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

 

More...

Currently rated 4.5 by 2 people

  • Currently 4.5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Categories : All | Tips | CSS
Share & Support : del.icio.us | DZone it! | Kick it! | digg it! | Furl | Technorati



Blogs, forums, online slide presentations etc. mostly use simple previous - next text links for navigation. All other fancy, more useful pagination techniques need Javascript code or images. Yesterday, I came across to a new completely CSS based, Javascript and image free pagination example.     

CSS Based Javascript Free Pagination with Tooltips
CSS Based Javascript Free Pagination with Tooltips

 

More...

Currently rated 5.0 by 1 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Categories : All | JavaScript | Tips
Share & Support : del.icio.us | DZone it! | Kick it! | digg it! | Furl | Technorati



Browsers load images after an HTTP request is sent for them either by <img> tag or through a javascript call. If you have a javascript function that changes an image on mouseover, you have to wait while the image is retrieved from the server. This would be disturbing when users have a slow internet connection or when the images being retrieved are very large. Although most of the browsers store images in the local cache so that subsequent calls to them are responded immediately, there is still a delay in the first time the images are needed. 

More...

Currently rated 4.3 by 4 people

  • Currently 4.25/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5



For better display and visitor interaction, image preloading must be implemented in some cases.  Previously we focused on two techniques to achieve image preloading in the following posts:


Today, I would like to compare these two methods to understand the safest and easiest method for preloading images:

Preloading with Javascript:

In order to preload images with Javascript, browsers should support Javascript and it should be turned on. Without Javascript, the preloading will not happen and each time the image is needed, it will be fetched. If the preloaded images will be used on image effects such as rollovers or other effects that require Javascript, preloading with Javascript is the best choice. That way, for browsers that are not supporting Javascript, the images will not be preloaded. 

More...

Currently rated 5.0 by 2 people

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5



The build in Page.ClientScript object allows you to place JavaScript inside an ASP.NET page. We cannot use this object to place JavaScript code or JavaScript include file into the head section of the page.

With ASP.NET 2.0, Visual Studio 2005 automatically places the runat="server" attribute  in the head tag of each page which allows us to interact with the page header.

You may add JavaScript code inside the page header with the following code block:

HtmlGenericControl include = new HtmlGenericControl("script");
include.Attributes.Add("type", "text/javascript");
include.InnerHtml = "alert('Hello World');";
this.Page.Header.Controls.Add(include);

And, you may add JavaScript include file inside the page header with the following code block:

HtmlGenericControl include = new HtmlGenericControl("script");
include.Attributes.Add("type", "text/javascript");
include.Attributes.Add("src", "/jsInclude.js");
this.Page.Header.Controls.Add(include);

Fortunately, Simone B created a library, to include/register scripts and style sheets into the head portion of an ASP.NET page.

HeadScriptManager Class Diagram
HeadScriptManager Class Diagram


In order to use the class library, reference the assembly, create an instance of HeadScriptManager and call its methods.

HeadScriptManager hm = HeadScriptManager.Current;
hm.RegisterHeadScriptResource(typeof(jTip), "jTip.jTip.js");

Source and binaries are available at sourceforge.net.

HeadScriptManager Sample Code
HeadScriptManager Sample Code

 

Currently rated 4.5 by 4 people

  • Currently 4.5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5