Webmaster Tips » CSS Webmaster Tips » CSS Rss Feed

< 12345>
Aug 22, 2008

How to change the look of Select element

So you’ve built a beautiful, standards-compliant site utilizing the latest and greatest CSS techniques. You’ve mastered control of styling every element, but in the back of your mind, a little voice is nagging you about how ugly your select's are. With a little DOM scripting and some creative CSS, you can make your select's beautiful.

Jul 2, 2008

Hyperlink Cues with Favicons

Do you want to show the site's favicon for all links that point to external sites? This small tutorial shows you how to accomplish it with CSS and Javascript.

Jul 2, 2008

Styling File Inputs With CSS and Javascript

File inputs <input type="file" /> are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

Jul 2, 2008

Clean and pure CSS FORM design

For CSS lovers, this tutorial illustrates a proposal about how to design a pure CSS form without using html tables.

Jul 2, 2008

Creating a Floating HTML Menu Using jQuery and CSS

For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.

This tutorial covers how to create a "floating menu" using HTML, CSS, and jQuery. To reiterate, a floating menu stays visible even if you scroll down a web page. They're animated, so they move up and down as you scroll the browser window up or down.

Jun 17, 2008

3 Simple Steps in Coding a Rounded Corners Layout

That we should aim in coding is simplicity and try to avoid any unnecessary markup. Various rounded corners techniques often include several additional elements that are purely presentational. When talking about fixed width, rounded corners layout, there's no need for complications. Let me show you my approach to coding just that, fixed width, rounded corners layout in 3 simple steps. As a special treat, PSD and XHTML/CSS files included in this brief tutorial..

Jun 17, 2008

CSS Float Theory: Things You Should Know

The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn’t the theory itself, but the way the theory is interpreted - by developers and browsers.

Still, if you take a closer look at the float theory, you’ll find out out that it isn’t that complex as it appears to be. Most related problems are caused by the older versions of (take a guess) Internet Explorer. If you know the bugs, you can control the way information is presented in a more sophisticated, profound way.

Let’s try to tackle the issue and clarify some usual misunderstandings, which always appear once floats are being used. We’ve browsed through dozens of related articles and selected the most important things you should keep in mind developing css-based layouts with floats..

Apr 29, 2008

The Highly Extensible CSS Interface

A four part article series on developing a flexible web design. This links to the project summary page. There are tutorials, working demos, numerous references to resources and all of the sample code are available for download..

Apr 29, 2008

IE CSS Bugs List

IE 6 actually had the best CSS support of any browser when it first came out… SEVEN YEARS AGO. The little bugs in it’s CSS support still haunt us to this day. Here are that major bugs in IE that’ll get you every time..

Source: IE CSS Bugs List   Tags: CSS
Apr 23, 2008

CSS Speech Bubbles

Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 STRICT..

Source: CSS Speech Bubbles   Tags: CSS
< 12345>