How To Use Pure CSS To Style Web Form Dynamically

Pure CSS styling of web form can be achieved by changing the border colour or background colour but how about styling a textfield and textarea with a nice round corner background image?

Let’s use a contact us form as an example to demonstrate this tutorial. This simple tutorial will show you how you can style your textfield and textarea in you web form with background image dynamically…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Compressor

Use this Cascading Style Sheets, CSS Compressor to compress CSS to reduce CSS code size and make your web pages load faster. You can select from four levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. It is quick, easy and free…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Pseudo Drop Caps with CSS

They’ve been around for a while now, appearing in magazines, print and now the web. Designers and developers alike have experimented with multiple workarounds from using inline styles to using image replacement but with both of these solutions there are problems. For example, what happens when you recreate your site and decide that you no longer want to upload the drop cap images, you’re now going to left with a broken image at the start of every single post that you had previously created, this is obviously assuming you haven’t used text-indent. How do we go about creating this with Cascading Style Sheets…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You’re a web developer and you’re ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn’t support you. You’ve spent hours on it, but you just can’t seem to get your layout right. This comprehensive IE6 bug fix cheatsheet will help…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS3 Gallery, Showcase & Inspiration

A CSS3 gallery aiming to provide you with a comprehensive showcase of new websites using the latest cascading style sheet release, level 3. Use this site to inspire your next design project, website or blog! This CSS3 Showcase will be updated by you, if you see a website you like using any of the new CSS3 rules or have just developed one, then submit the site to us to have it showcased. Remember this site is for CSS3 Inspiration…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)

The Z-Index CSS Property: A Comprehensive Look

Most CSS properties are quite simple to deal with. Often, applying a CSS property to an element in your markup will have instant results — as soon as you refresh the page, the value set for the property takes effect, and you see the result immediately. Other CSS properties, however, are a little more complex and will only work under a given set of circumstances. The z-index property belongs to the latter group. z-index has undoubtedly caused as much confusion and frustration as any other CSS property. Ironically, however, when z-index is fully understood, it is a very easy property to use, and offers an effective method for overcoming many layout challenges…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

How to simplify your markup using ID for anchors

CSS Signatures are all the rage these days. If you’re not familiar with a CSS Signature, it’s basically nothing more than an ID on your body tag. The fundamental purpose of the CSS Signature is to allow a user to specify style adjustments to your site in their own user style sheets. Whether or not users are actually capitalizing on this is a discussion for another day, but doing this has other benefits like having an extra id to use when dealing with CSS specificity. Additionally, we can use this to capitalize on a little known fact about HTML and anchors: you can use anchors to jump to any element on your page with an ID attribute…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Beautiful CSS: Organizing Your Stylesheets

An article anout CSS stylesheet organization. The separation of style and content that makes CSS so awesome can also make it difficult to understand. Adding to that difficulty is the fact that each designer may have a different way of organizing stylesheets. If you inherit someone else’s site, this can cause some problems. In a perfect world everyone’s CSS would be well-organized, easy to scale, and easy to understand. We may not be able to attain such CSS Nirvana but we can at least make it easier on ourselves and those we work with by following this set of guidelines…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)