March 28, 2006

Great ASP.NET 2.0 Tutorial Videos Online

There are some exceptionally good videos especially for those who want to jump-start .NET 2.0. Check it out and explore some really cool features associated with .net 2.0



Data Access – Create a new database from scratch, define a table, populate it with data.....


Master Pages and Site Navigation
– Create a consistent master page layout
for a site using the new ASP.NET Master Pages Feature.
Then create a site navigation menu using site navigation and the new TreeView
control.


Membership and Roles
– Add an authentication and authorization system to
a site from scratch, and implement login, create user, change password, password
reset, and role based security in a secure way.


Profiles and Themes
– Enable per-user profile personalization on a site.
Then use this together with the new Themes/Skins feature to allow a visiting user
to customize and personalize the look and feel of a site.



Web Parts and Personalization
– Enable customizable drag/drop portal UI within
web-pages, and allow visiting users to customize the information experience they
see.


Output Caching and SQL Cache Invalidation
– Learn how to use the output caching
feature in ASP.NET, as well as the new SQL Cache Invalidation support to build
super efficient output cached pages that stay in sync with the data within your
database.


Partial Page Caching
– Learn how to use the Partial Page output caching with
ASP.NET to enable regions of a page to be cached, while also allowing other portions
of the page to stay dynamic.


Localization
– Learn how to build culture-aware and locale specific applications
using ASP.NET 2.0.


Wizard and Validation Control
s – Build a canonical form data registration
page using the new ASP.NET 2.0 Wizard control and validation control features.



Tips and Tricks
– This video highlights a number of cool new features in
ASP.NET 2.0, including: cross-page postback support, file uploading, the MultiView
control, encrypting web.config settings, and more.



AJAX Update:


Atlas
-- This video shows building a todo Task List using Atlas, the new ASP.NET
AJAX framework.

March 24, 2006

Multiple CSS Classes on One Element/Control

You can apply multiple css styles on one element.

For example, let's assume we have two css classes in the style sheet named "nrml" and "center" respectively
.nrml { font-family: Arial, Verdana; font-size:10px;}
.center { text-align: center;}

You can apply both the above 2 styles to a div using the following syntax.
<div class="nrml center" id="Layer2">

It will render with both classes applied in Internet Explorer 5.0+, Netscape 7+ and Opera 7.
CSS 2.0 is really cool and there are lot of powerful unexplored areas

March 16, 2006

Make printer friendly web pages easily, avoid banners, images from printing

<LINK rel="stylesheet" type"text/css" href="print.css"
media="print">



The styles in the print.css will be used only when the document is printed.
These styles will have no effect on the display of the document when viewed
using a monitor, audio browser, or any other non-printing device. So you need
not make seaparate printer friendly pages, but just make a printer friendly
style sheet and link it to web page with media="print".


I will explain it with real example. First we write a stylesheet for screen
display, say screen.css


BODY {color: silver; background: black;}

A:link {color: yellow; background: #333333; text-decoration: none;}

A:visited {color: white; background: #333333; text-decoration: none;}

A:active {color: black; background: white; text-decoration: none;}

H1, H2, H3 {color: #CCCCCC; background: black; padding-bottom: 1px; border-bottom:
1px solid gray;}




Now we have to make a relatively simple stylesheet for printing, say Print.css


BODY {color: black; background: white;}

A:link, A:visited {background: white; color: black; text-decoration: underline;
font-weight: bold;}

H1, H2, H3 {background: white; color: black; padding-bottom: 1px; border-bottom:
1px solid gray;}

DIV.adbanner {display: none;}


Now, to the top of the document, we add the following LINK elements:



This will do the trick. I will suggest to check the browser compatibility b4
implementing this. http://www.codestyle.org/css/media/print-BrowserSummary.shtml


March 15, 2006

Make your site as homepage of user's browser

To make a link like this

Make My Blog Your Homepage!

<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('YOUR_SITE_URL');" href="#">Make Me Your Homepage!</a>