Using CSS Text-Shadow to Create Embossed Text

The text-shadow property creates a shadow underneath text, which is obvious from the name! It’s similar in syntax and functionality to box-shadow, but it follows the shapes of individual letters, rather than rendering around an element’s bounding box. Here’s an example of the general syntax that defines an x-offset, y-offset, blur-radius, and color: 1 text-shadow:3px […]
  • Posted by admin
  • On May 4, 2010
  • 0 Comment
    • Read More

Top 8 Principles of Effective Website Designing

Everything is guided by certain set of standards, rules and regulations. If the task is not driven by some guidelines, then it could face difficulties for its successful completion. The same is applicable to the Web Designing. Website designing can be unexpectedly difficult as in the present time, we need a website which should not […]
  • Posted by admin
  • On April 27, 2010
  • 0 Comment
    • Read More

A Simple CSS Drop-Cap

You can’t have failed to notice the drop-cap effect we’re using in the new blogs design, as well as the first-line uppercasing that most browsers display (except Safari, for reasons I’ll explain in a moment). There are quite a few hacky methods for implementing this effect, but the cleanest and most maintainable is pure CSS, […]
  • Posted by admin
  • On April 15, 2010
  • 0 Comment
    • Read More

CSS Specificity And Inheritance

CSS’ barrier to entry is extremely low, mainly due to the nature of its syntax. Being clear and easy to understand, the syntax makes sense even to the inexperienced Web designer. It’s so simple, in fact, that you could style a simple CSS-based website within a few hours of learning it. But this apparent simplicity […]
  • Posted by admin
  • On April 15, 2010
  • 0 Comment
    • Read More

The Crafty Coder’s CSS Toolbox

Someone once said, ‘Style is all that matters.’, and if they didn’t, they should have. Mainly, because it would help make my point a little better, but also because the style applied to a design is one of the most powerful tools of an effective website. People are drawn in by design. Something immediately catches […]
  • Posted by admin
  • On April 12, 2010
  • 0 Comment
    • Read More

Document Links Styled with CSS Attribute Selectors

With CSS3 gaining popularity so are CSS attribute selectors. CSS attribute selectors have been around for some time however CSS3 adds more selectors to the mix bringing new light to subject. Increased browser support, with nearly every major browser currently supporting attribute selectors (Internet Explorer 6 still struggles), has also added to the popularity. So […]
  • Posted by admin
  • On April 1, 2010
  • 0 Comment
    • Read More

The Future Of CSS Typography

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power […]
  • Posted by admin
  • On March 8, 2010
  • 0 Comment
    • Read More

Button Height and a Broken Box Model

When I figured out the workaround for line-heights in form buttons last week, I also discovered an interesting discrepancy (feature?) across all major browsers in terms of buttons and the box model. Check out this article for a more in-depth refresher on the CSS Box Model, but here’s a brief summary: Let’s say I have […]
  • Posted by admin
  • On March 4, 2010
  • 0 Comment
    • Read More

5 Good Reasons Why Designers Should Code

I’m shocked that in 2010 I’m still coming across ‘web designers’ who can’t code their own designs. His comment created a great little debate on Twitter. Personally, I agree with Elliot. I think it’s odd that some Web Designers can’t code their own designs, but only three years ago I was one of those designers. […]
  • Posted by admin
  • On February 18, 2010
  • 0 Comment
    • Read More

Pros And Cons Of 3 Popular CSS Meta Frameworks

A lot of perennial attention is given to the use and evangelism of CSS frameworks. By “CSS framework,” we don’t mean Blueprint or 960, but rather SASS, xCSS, and Less. These are also referred to as CSS “metaframeworks,” but the distinction between them and Blueprint lies in the distinction between form and function. Frameworks like […]
  • Posted by admin
  • On February 14, 2010
  • 0 Comment
    • Read More