DotNetKicks.com - Stories tagged with CSS

The benefits to using Cascading Style Sheets (CSS)

Sat, 15 Jan 2011 02:33:56 GMT

There are several benefits to using cascading style sheets (CSS) in the design of a website, but they have lacked the attention it deserves partially due of a large learning curve needed to fully understand its capabilities. There has been a real emphasis recently on CSS because of the Web 2.0 movement in the industry over the use of table based designs.

Capitalise text inputs with CSS

Sun, 12 Dec 2010 14:31:33 GMT

Illustrates how to improve data quality and user experience by capitalising names without resorting to javascript.

dotlesscss v1.1 released

Wed, 16 Jun 2010 08:28:39 GMT

A new version of the dotless CSS framework has been released. New features include an all-around new parser and parameter passing.

T4CSS: A T4 Template for .Less CSS With Compression

Fri, 04 Dec 2009 13:01:20 GMT

Pain is often a great motivator for invention, unless you become dull to the pain. I think CSS is one of those cases where there's a lot of pain that we as web developers often take in stride. Fortunately not everyone accepts that pain and efforts such as LESS are born. As the home page states However, sometimes I just want to have static CSS files. So I decided to write a T4 template for .less. Simply drop it in a folder that contains .less files and it will generate a .css file for each .less file.

Better CSS with .Less

Fri, 04 Dec 2009 12:58:33 GMT

Too often in my web development past I have found myself wading through huge clumsy CSS files of several hundred lines or more, searching for that place where a particular class is defined or to try and identify what it is that is overriding something else. It can be quite a nightmare. However I recently came accross .Less (pronounced "dot-less"), a port of the great Ruby Less library for .NET. This is a brilliantly simple-to-use solution to an often-painful situation.

Fancy validation pointer messages without images

Tue, 17 Nov 2009 08:52:05 GMT

Here's a neat little CSS trick that allows you to create validation messages which point to the relevant field without the use of images.

Dream CSS - CodeRun - browser based online development platform

Tue, 29 Sep 2009 11:16:11 GMT

CodeRun is a browser-based Integrated Development Environment (IDE), CodeRun is a unique website that allows programmers to easily develop, test, deploy and publish code online, without requiring powerful hardware or complex software.

A Cool Bing-like Search Box (Button on the Inside)

Tue, 16 Jun 2009 02:04:14 GMT

In this article, Ashic Mahtab shows how to create a cool bing search like search box using css.

Hercules Resource Linker for Javascripts, Images and stylesheets

Sat, 28 Feb 2009 15:49:53 GMT

I wrote this tool to assist in including style sheets, java scripts and image resources into web applications. It has the following features: * Gives a unified strongly typed way to access your resources and include them in your project. * Generates appropriate HTML include tags for whatever resource you are including (java script, style sheet, image) * It does not matter in what level of your website hierarchy you include your resource, the path will always point to the correct location. * Will make sure that you do not include your java script and your style sheet resources more than once. (As long as you are not including any manually by writing your include HTML tags yourself) * Supports the use of configurable packages to include a set of resources at once.

How to put a backround image in a HR for IE with jQuery

Mon, 09 Feb 2009 16:31:12 GMT

IE till version 7 has a bug: you cannot put a background image in a <HR /> tag, so you cannot have a nice graphical line and keeping the semantic coolness of the hr tag. This post explain how to reach that goal using a bit of jQuery

15 jQuery Plugins to Fix and Beautify Browser Issues

Thu, 05 Feb 2009 00:53:48 GMT

"We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS - it's certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. That's why today we wanted to highlight 15 jQuery solutions for the most common browser issues that you'll encounter when building web applications among other jQuery plugins that will give you a nice browser effect."

Everything You Know About CSS Is Wrong by Rachel Andrew

Wed, 22 Oct 2008 20:15:25 GMT

Applying table-related display property values to web page elements causes the elements to mimic the display characteristics of their HTML table equivalents. In this article, Rachel Andrew demonstrate how this will have a huge impact on the way we use CSS for web page layouts.

Creating stylish pagination links | CSS Library

Wed, 15 Oct 2008 21:03:32 GMT

Do you want to add some style to your pagination links?

How to create a CSS TableLess Form

Thu, 09 Oct 2008 00:31:36 GMT

This article is about creating a form without using any tables, which can be easily customized and used in your own site

Removing unused CSS Classes from your web application

Thu, 02 Oct 2008 18:31:14 GMT

2 ways to clean up your Css by removing unused classes.

Use CSS and jQuery to let User Choose to Print in Black and White or C

Wed, 24 Sep 2008 08:09:35 GMT

I have some reports on our intranet that look great in color on the screen, but if someone lucky enough to have a color inkjet sitting on their desk prints them it's pretty likely they have no idea how to change the print settings to black and white to save their color ink if they want to. Today I wondered if I could help them out. Check out this post complete with demo.

Use CSS and jQuery to let User Choose to Print in Black and White or C

Wed, 24 Sep 2008 08:09:35 GMT

Override Chrome's Automatic Border Around Active Fields Using CSS

Mon, 15 Sep 2008 22:50:41 GMT

There might be a time when you don't want Chrome's automatic border around active fields or you want to change its color or something. Its pretty easy to change using CSS if you need to.

Turn postcard photo into a stunning comment form using CSS

Tue, 16 Sep 2008 16:16:02 GMT

Comment forms allow visitors to leave their impressions about the content. Although the content is a king, general impression isn't negligible at all. Each element in a design can contribute to a better user experience. This applies to comment forms as well. This tutorial will teach you how to make a stunning comment form using an old postcard photo.

Applying stylesheets dynamically with jQuery

Mon, 08 Sep 2008 18:53:04 GMT

A colleague of mine asked me how to apply a stylesheet to a web page dynamically using jQuery and I had never done such a thing but my first thought was that is must be pretty simple.

Easy way to improve your image gallery using jQuery

Fri, 05 Sep 2008 01:16:02 GMT

Let's say you are browsing a CSS gallery and you want to check out some new and beautiful website designs. And you are of course interested in some details - for example, which category design belongs to, what's the rating or whatsoever. This information could be rendered below thumbnail, but there are other, more attractive ways of displaying additional data. In this article we'll see how to improve image gallery with a simple trick.

Easy way to improve your image gallery using jQuery

Fri, 05 Sep 2008 01:16:02 GMT

40 CSS/JS Styling and Functionality Techniques

Fri, 22 Aug 2008 01:16:02 GMT

Designing effective web forms isn't easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience. Recently there have been a number of noteworthy techniques such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider controls and more - using CSS and different Javascript libraries. Below we present findings of search to more than 40 tutorials and demos to showcase the capabilities and robustness of CSS and Javascript.

CSS design patterns: Helper classes

Sun, 17 Aug 2008 13:44:57 GMT

Helper classes are reusable rules that use class selectors. Helper classes are designed to let you: 1) Apply style to an element without having to create a special rule for that element. 2) Abstract away browser inconsistencies. 3) Make documents more style readable.

How to easily enhance your existing tables with simple CSS

Wed, 13 Aug 2008 20:01:02 GMT

A detailed example of how to use CSS to style an HTML table. The example is specifically focused on styling a table generated on the client-side via AJAX, but is applicable to any HTML table.