DotNetKicks.com - Stories tagged with CSS

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

Tue, 16 Jun 2009 04:04:14 GMT

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

Visual WebGui new web design tool simplifies DHTML graphic design

Thu, 07 May 2009 19:56:08 GMT

The new Visual WebGui preview version combines the proven ease of Visual WebGui drag and drop application development with visual web design tool. This cutting-edge Control & Theme Designer enables developers and designers to build DHTML or Microsoft Silverlight user interfaces (UIs) with unmatched simplicity

Hercules Resource Linker for Javascripts, Images and stylesheets

Sat, 28 Feb 2009 16: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 17: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 01: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 22: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 23: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 02: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 20: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 10: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 10:09:35 GMT

Override Chrome's Automatic Border Around Active Fields Using CSS

Tue, 16 Sep 2008 00: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 18: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 20: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 03: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 03:16:02 GMT

40 CSS/JS Styling and Functionality Techniques

Fri, 22 Aug 2008 03: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 15: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 22: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 22: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

Sun, 10 Aug 2008 01: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 15: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 20: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 20: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 09:16:03 GMT

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