Archive for February, 2011

  • CSS Specific for Internet Explorer

    Posted: 12 months ago in Code

    As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments…

    VN:F [1.9.14_1148]
    Rating: +1 (from 1 vote)

    Read More: CSS Specific for Internet Explorer

  • 3D Ribbon Generator

    Posted: 1 year ago in Tools

    A handy online tool to generate cross-browser compatible CSS ribbons. You can start with the examples and modify the values to get the ribbon you need…

    VN:F [1.9.14_1148]
    Rating: +1 (from 1 vote)

    Read More: 3D Ribbon Generator

  • CSS3: Borders: Advanced Box Shadows

    Posted: 1 year ago in Tutorials

    In this video, you’ll learn about additional box-shadow features, such as multiple shadows and inset shadows. You’ll also learn some advanced techniques, such as how to create a sunken well effect.

    VN:F [1.9.14_1148]
    Rating: 0 (from 2 votes)

    Read More: CSS3: Borders: Advanced Box Shadows

  • Pure CSS3 Post Tags

    Posted: 1 year ago in Tutorials

    This is a rather simple pure CSS trick you can use to style your blog post tags, usually placed at the bottom of the posts. Pure CSS post tags uses at least 2 CSS tricks such as CSS triangles and CSS circles…

    VN:F [1.9.14_1148]
    Rating: +1 (from 1 vote)

    Read More: Pure CSS3 Post Tags

  • An all CSS button

    Posted: 1 year ago in Tutorials

    A few years ago I gave a talk about why a button made a great place to bring in type from a branding element such as a logo. My point was that if the type in your logo was an image, and stylish buttons were also often images, then why not align the fonts in both to bring some cohesiveness to the typography. This was probably four years ago, and we’ve come a long way since. Now, in certain situations, CSS can replace the inflexible image buttons we used in the past. Add on top of that the advances made in @font-face and you have yourself a powerful combination for creating a wide variety of interface elements that are reusable and will degrade well in older browsers…

    VN:F [1.9.14_1148]
    Rating: +2 (from 2 votes)

    Read More: An all CSS button

  • The Shapes of CSS

    Posted: 1 year ago in Code

    Example page of shapes created with CSS. All use just a single HTML element. Any kind of CSS goes, as long as it’s supported in at least one browser…

    VN:F [1.9.14_1148]
    Rating: +1 (from 1 vote)

    Read More: The Shapes of CSS

  • Cross-browser CSS gradient buttons

    Posted: 1 year ago in Tutorials

    Recently I talked about CSS cross-browser gradients and last week I wrote again about CSS3 gradients. So what I’m going to do today? I will show you how to put the CSS gradient feature in practical use.In this article you will see how you can create a set of gradient buttons just with CSS no images…

    VN:F [1.9.14_1148]
    Rating: +2 (from 2 votes)

    Read More: Cross-browser CSS gradient buttons

  • The New Bulletproof @Font-Face Syntax

    Posted: 1 year ago in Tutorials

    Since the beginning of the ‘webfont revolution’ we’ve relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that’s clear and compatible with future browsers?

    VN:F [1.9.14_1148]
    Rating: +1 (from 1 vote)

    Read More: The New Bulletproof @Font-Face Syntax