Eliminate duplication in CSS with .less – a .NET HTTP handler

 

One of the frustrating aspects of working with CSS (one of many, actually) is the amount of duplication in a .css file. .less help to keep your CSS files DRY using 4 constructs:

• Variables
• Mixins
• Operations
• Nested Rules

An HTTP handler is configured to respond to requests for the .less files.

<httpHandlers>
    <add type="dotless.Core.LessCssHttpHandler, dotless.Core" validate="false" path="*.LESS" verb="*"/>
</httpHandlers>

When a request arrives for a .less file it is the handler’s job to parse the .less file and transform it into standard CSS rule sets.

60 Tools To Optimize Your CSS

A few of them like:

•  CSS Validation Service
• CSS Redundancy Checker
• Code Beautifier
• Online CSS Optimiser/Optimizer
• List of CSS Frameworks e.g. YUI Grid CSS, Blueprint, YAML, 960 CSS etc…

For more visit –> 60 Tools To Optimize Your CSS

Enhance your input fields with simple CSS tricks

Turning this

into this with a few lines of CSS.

 

Janko At Warp Speed – Enhance your input fields with simple CSS tricks

55 Free High Quality Icon Sets

 

In the overview below we present 55 more excellent, free and professional icons for desktop and web design

55 Free High Quality Icon Sets | Graphics | Smashing Magazine

Adding Gravatar in ASP.NET

 

Part 1: Adding Gravatars to your ASP.NET site in a few lines of code – It’s easy to add avatars to your site

Part 2: Avatars? Isn’t that some kind of D&D comic book stuff? – Avatars can help make your community website feel more like a community and less like a website

Part 3: Gravatar 201: Advanced Gravatars in ASP.NET

Also, identicon – the 9-block IP Identification. Identicon.NET in codeplex.

Also, Gravatars is used in open source ASP.NET projects: dasBlog (weblog system), SubText (weblog system), and DotNetKicks.

CSS Frameworks

 

• Mollio & its Styleguide (PDF)
• Blueprint CSS Framework: See a sample website built with BP, or a demonstration of the grid or a demonstration of the typography. The quick tutorial is also a good place to start.
• Yahoo YUI CSS Grids: Video: The YUI CSS Foundation, Examples, Getting Started & Using YUI Grids CSS

Free CSS Templates

 

Via Download free CSS templates – Free CSS Templates

Step by Step on creating Nested Master Page from an existing CSS template

The following CSS template can be found here: www.opensourcetemplates.org

2-Columns Layout

1-Column Layout

Contact Us Layout

For ASP.NET Design Templates Starter Kit that are using Master Pages but not the new Nested Master Pages feature found in VS2008 go here.

Also check this out…another article on how to take the CSS Design templates and modify them to use ASP.NET 2.0 features and customize it.

Via VS 2008 Nested Master Page Support – ScottGu’s Blog