[ Contact Us ]

Categories

• CSS Articles
• CSS Tips
• CSS Tools
• CSS Discussion

Useful Sites

Stu Nicholls offers CSSplay, a site with CSS examples, including many uses of :hoverCSSPlay

W3School includes many useful tutorials and examples on CSS.W3school

A demonstration of what can be accomplished visually through CSS-based design.CSS Zen Garden
free css html tutorial
Web Design Tutorials

Latest CSS Articles from WMTips.com

• Using !important CSS Declaration
  The !important declaration has been valid since CSS1 but it seems to have acquired a bad reputation over the years. Even if the !important declaration should be used with caution, it's a very useful and powerful expression that much deserves its place in our CSS world. This article offers a guide to what the declaration is, what it does and how you should use it..
• Styling Forms with CSS
  In many ways, forms are the real workhorses of the Web, but that doesn't mean they have to be plain. Until CSS use became prevalent, little could be done to alter the way forms and form elements looked on the Web. Standardizing text field sizes between PC and Macintosh was a problem because the different operating systems interpreted character width differently; moreover, the field sizes may vary from browser to browser. CSS form design gives the designer much more flexibility, both to integrate and isolate the form and form elements. Text fields, for example, can take on a shade of a site's background color or adopt the same typeface used on the page. Similarly, you can draw attention to the form itself by giving it a contrasting background; this enables you to format lengthy drop-down lists for easy reading..
• 10 CSS Tips from a Professional CSS Front-End Architect
  I have been working with web standards based design for many years now and I see many rookie mistakes. When newbies get started with CSS/XHTML based web design, most of their work is focused on just getting the page to look like the Photoshop comp. While this translation is important to keep the client happy, considerable thought process should be involved in creating the semantic markup and marrying that with CSS. CSS is not a collection of hacks to get the browsers to bend to your will. Style sheeting is more of an art form. The difference between choosing inline elements and background selectors is a delicate procedure. How will I manipulate the structure? What is the client brand and how does this work into my markup? Simply thinking through your process before starting each project will save you headaches as the site grows..
• 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.
• 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.
• 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.
• 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.
• 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.
• 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..
• 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..

---