DotNetKicks.com - Stories tagged with CSS

Everything You Know About CSS Is Wrong by Rachel Andrew

Wed, 22 Oct 2008 14: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 15:03:32 GMT

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

How to create a CSS TableLess Form

Wed, 08 Oct 2008 18: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 12: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 02: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 02:09:35 GMT

Override Chrome's Automatic Border Around Active Fields Using CSS

Mon, 15 Sep 2008 16: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 10: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 12: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

Thu, 04 Sep 2008 19: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

Thu, 04 Sep 2008 19:16:02 GMT

40 CSS/JS Styling and Functionality Techniques

Thu, 21 Aug 2008 19: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 07: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 14: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.

How to easily enhance your existing tables with simple CSS

Wed, 13 Aug 2008 14: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.

Add grunge effect to text using simple CSS

Sat, 09 Aug 2008 17:01:02 GMT

Excellent, as usual, demonstration on how to do something pretty cool-looking using css by janko. Excellent style and idea inside...

IE8 Beta - Pointers for making your website compatible with IE8

Fri, 08 Aug 2008 07:37:03 GMT

"IE8 Beta 1 has been out for several months now and we are closing in on the release of IE8 Beta 2, which has been announced for August 2008 by the IE team. Now is a good time to get started on ensuring site compatibility with this new release."

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

Wed, 30 Jul 2008 12:31:03 GMT

"CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques."

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

Wed, 30 Jul 2008 12:31:03 GMT

"CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques."

Creating always visible div using CSS

Wed, 30 Jul 2008 01:16:03 GMT

Explains how easily we can create an always visible div using very simple CSS trick in html..

Dynamically create ASP.NET UserControl using JQuery & Ajax Web Service

Tue, 29 Jul 2008 13:16:03 GMT

Few thing you need to consider when you are accesing ASP.NET webservice through JQuery. * Request verb Type * Content- length with IIS6+ * Default contentType * JSON object formatting * Maximum length exceed exception I am explaining these issues and workaround to make JQuery work fine with ASP.NET Ajax enabled web service.

Enhance your input fields with simple CSS tricks

Mon, 28 Jul 2008 22:16:02 GMT

We're all trying to build an effective and good looking web forms. But there are always a new challenges. If you read my previous articles on how to build a better web forms, you could have noticed there are so many details about it. This article will show you how you can make a usual, boring web forms more effective and exciting with just a few simple CSS tricks.

Justify elements using jQuery and CSS

Wed, 09 Jul 2008 14:41:08 GMT

When creating a web form you have to make a functional and visually aligned layout. The simplest way to do this is to place elements in a table or by fixing width of labels. But what if you don't want to use tables? Or what if you don't know how long labels could be because you are developing an application that has many localized strings? This article will show you how to justify elements with a simple jQuery function.

Cheat Sheets for Front-end Web Developers

Wed, 09 Jul 2008 08:46:11 GMT

Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they're nice decorative pieces for your office. In this article, you'll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

CSS Box Model Tips and Tricks

Tue, 01 Jul 2008 16:59:18 GMT

Let's face it, if you're not familiar with the CSS Box Model, you're probably not a web developer (or, if you are a Developer, you need some remedial education). The CSS Box Model is one of the most misunderstood patterns in CSS. According to the World Wide Web Consortium (W3C): The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model. The page box is a special kind of box that is described in detail in the section on paged media. In plain language that means the CSS box model specifies the way a web developer should place a box on a web page. "But that's not hard to do, you just drop a DIV on the page and you're done, right?" (read more)