CSS Web Images Will Save Download Times

Came across this blog post this past weekend:

CSS is the new Photoshop

It’s talking about CSS3 and HTML5’s ability to render graphic elements with absolutely no images involved. The benefit being that you have fewer calls to the server to retrieve images (why CSS sprites have become popular).

The print guys can think of it like Illustrator vs Photoshop. This new process doesn’t use pixels (like Illustrator). Where Photoshop pixels have the overhead of downloading from the server, these can render within the browser itself.

Nested several links deep it gets to this CSS Images example page (requires the latest Safari or Chrome):

It’s not necessarily the slimmest HTML out there (you can see how they…

Full Post >

Add mouseover effects to the rows of your GridView

Adding mouseover effects to the rows of your GridView is easy to do in a css stylesheet. First set up your GridView as below with the cssStyle attributes:

<asp:gridview id=“myGridView” runat=“server” allowpaging=“False” enableviewstate=“true” allowsorting=“True” autogeneratecolumns=“False” gridlines=“Vertical” HeaderStyle-CssClass=“tablehead”
RowStyle-CssClass=“datagridrow”
AlternatingRowStyle-CssClass=“datagridrowalt”
CssClass=“myGridView”
Visible=“false” DataKeyNames=“GridViewID” OnSelectedIndexChanged=“GridView_SelectedIndexChanged” >

Then in your Stylesheet add styles similar…

Full Post >