.less (pronounced dot-less) is a .NET port of the ruby LESS library. It allows you to write regular CSS with your .NET apps, then add a few variables, mixins and nested rules. In order to use dot-less you need .NET 3.5 or above.

Using dot-less in your project is a breeze; all you need to do is include reference to it in your project and add few entries in your web.config file. To get started simply reference your LESS files the same way as you would any other CSS file, just ensure that you use the .LESS extension.

Features

  • Supports Variables, Mixins, Nested Rules and Operators
  • Provides useful Functions which are called using the normal CSS function syntax
  • Supports Namespaces enabling you to group variables or mixins, for organizational purposes, or just to offer some encapsulation
  • Supports Scope – similar to that of programming languages
  • Both block and inline comments are authorized
  • Provides command line tool to compile .less file into .css
  • Also comes with an option to watch your .less files for any change, and recompile it automatically

Ported by Christopher Owen, Erik van Brakel, Daniel Hoelbling  and James Foster; .LESS is available for download under Apache License.  You can find further information, documentation & download on .LESS CSS Website.

Published under: Formatting

Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?

If so, Uniform is your new best friend.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

Published under: Formatting | Forms

Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that!

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don’t yet support them.

Additionally, Modernizr creates a self-titled global JavaScript object which contains properties for each feature; if a browser supports it, the property will evaluate true and if not, it will be false.

Published under: Formatting | MIT License

Timeago makes user-friendly time formatting easier by supporting automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").

With Timeago's automatic updating feature, you take full advantage of page caching in your web applications since the timestamp formatting is done in client side. Also, Timeago refreshes timestamps automatically to avoid timestamps dated "1 minute ago" even though the page was opened 10 minutes ago.

Timeago jQuery Plugin can be used via selectors. In this case, it replaces the text of the provided element with a class of timeago and an ISO 8601 timestamp in the title. If used as function, a string containing a formatted version of the provided time stamp is returned.

Published under: MIT License | Formatting