21 Awesome @font-face Embeddable Typefaces

While @font-face may not work in all browsers, it’s still one of the best solutions available today. Of course not all type foundries will let us embed their fonts on our webpages. There are solutions like Typekit which look very promising but today we’ll simply go over the @font-face CSS property and show examples of over 20 fonts that are free to use with @font-face…

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

10 Top-Notch CSS Editors

CSS editors are editors that focus solely on generating Cascading Style Sheets. Though you could scrape by using a fully-featured IDE or source code editor – CSS editors may offer specialized functions and features to help you write better CSS, quicker. In this article, you’ll find some of the more popular CSS editors available on the market…

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

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)