css

In this article Christopher Schmitt explores a couple of great new CSS design properties available in CSS3 - text-shadow for creating drop shadows, and background-size for automatically resizing background images as the browser window changes size. Exciting stuff indeed!

Discovered these good websites and tools, which will help you to create decent looking websites on your own.

Open Source Web Design

Open Source Web Design is a collection of web designs submitted by the community that anyone can download free of charge!

The Open Source Web Design project was founded in September, 2000 by Francis J. Skettino. The goal was to provide the Open Source community with quality web designs to help get people's projects on the web in a way that is both organized and good looking. From personal blogs to content managements systems to full fledged businesses, OSWD has been providing free web designs to those who need them for years.

The accesskey attribute, aimed at making web pages more accessible e.g. to people with motoric disabilities, has proved out to be poorly designed and poorly implemented. Although it is still endorsed by some recommendations, it tends to reduce accessibility rather than help people, though there are some special situations where it might improve useability.

read more about accessibility at http://www.cs.tut.fi/~jkorpela/forms/accesskey.html

One of the main advantages of using CSS is the large reduction in web page download time. To style text, you used to have to use the tag over and over again. You probably also laid out your site with tables, nested tables and spacer gifs. Now all that presentational information can be placed in one CSS document, with each command listed just once.

But why stop there? By using CSS shorthand properties you can reduce the size of your CSS document even more.

read more

Layout with inbricated tables is obsolete, this is no secret nor revolution!

Using <div> layers associated with CSS is the new integration and layout format for all documents.

This new "fashion" brings it wave of fanatism and most of all incomprehension and wrong usage. To sum it up, people are thinking " all right! I can get rid of all my tables and use <div> instead! ".

Then they have as many div> in their code as they had cells in their tabs, and they think that layers and CSS are no improvement at all.

This is what happens in many cases, <div> are overused, there are too many imbrications and sub divisions just to say " oh, I'm using <div> ... ".

Most modern browsers support the :hover selector for any html element. This is cool, because it enables you to, for instance, apply a mouseover effect to table rows <tr> using only CSS. IE however, with a market share of > 90%, does not natively support :hover on elements other than links <a>, rendering the entire :hover concept useless. Or does it?

IE allows you to look at the stylesheets and each individual rule with javascript. Normally, IE returns UNKNOWN for anything it does not support. This seems to sound reasonable at first, but it's not. For instance, a p:first-child would change into p:unknown, and a a[href] would altogether be molested to a capital UNKNOWN. Now why can't it just return the true selector text?

Roughly 66% of all webpages on the web today use tables for laying out elements and positioning them on a webpage. Table-based webpage design was never the purpose of table: table is for presenting tabular data. There are many insidious but huge problems with resorting to tables for webpage layout and webpage design.

read more at http://www.gtalbot.org/NvuSection/NvuWebDesignTips/TableVsCSSDesign.html

Hello Friends!

It's been great to become a part of ITVidya this year.

I am new to networking and blogging.

I saw this site and wonder.
The site started on December 1st will post on web development each day until December 24th. Articles covering JavaScript/AJAX, CSS, typography, and more.

Finally, allow me to wish all of you a very happy and a prosperous New Year.