Webmaster Tips » CSS RSS

Sep 4, 2010
Marie Coles

7 Useful CSS Tools

Rating: 2.5 stars

CSS or Cascading Style Sheets is still one of the most popular modes of designing a working website, yet, for many designers it can be at times a lengthy and tedious job. Thus, many web designers have took to using CSS tools in order to quicken the process up as well as have more control over design elements. Here's a few of the favourite CSS tools recommended by web designers to enable you to create a working website quickly and easily using CSS web design - you don't even need to know everything about CSS!…

Keep reading: 7 Useful CSS Tools   Tags: CSS
Jan 15, 2010
Brigitte Simard

Using !important CSS Declaration

Rating: 3.5 stars

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..

Keep reading: Using !important CSS Declaration   Tags: CSS
Nov 2, 2009

Styling Forms with CSS

Rating: 3 stars

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..

Keep reading: Styling Forms with CSS   Tags: CSS
Jul 22, 2009
Ryan Parr

10 CSS Tips from a Professional CSS Front-End Architect

Rating: 4.5 stars

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..

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..

« Previous12345Next »