Tag: css3

Beautiful CSS3 Search Form

Lately I’ve been playing around with CSS3 and discovered some new CSS tricks. Did you know you can make a round circle with border-radius and create inner shadow effect with box-shadow inset? Check out this beautiful search form demo that I’ve created with CSS gradient, border-radius, and box-shadow. It displays perfect in CSS3 browsers and […]
csshead 0 Comments

Top 5 CSS Shorthand Properties

An excellent way to simplify and streamline your Cascading Style Sheets CSS is to take advantage of the many different shorthand properties available to you. Working with a lot of CSS, you eventually memorize these different shortcuts, but every now and then, I find myself needing a quick, straightforward reference for some of the more […]
csshead 0 Comments

Pimp Your Tables with CSS3

You can use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and rows in order to create a unique style without adding classes to the markup. We will be applying the -webkit and -moz gradients for creating a great look without images and learn […]
csshead 0 Comments

CSS3 Solutions for Internet Explorer

Experienced developers understand that CSS3 can be added to new projects with progressive enhancement in mind. This ensures that content is accessible while non-supportive browsers fall back to a less-enhanced experience for the user. But developers could face a situation where a client insists that the enhancements work cross-browser, demanding support even for IE6. In […]
csshead 0 Comments

Ever Thought About Using @Font-face for Icons?

The evolution of Internet technologies never ceases to amaze. Seemingly daily, new concepts and techniques are being thought up by creative and talented people. With modern browsers being adopted at a greater rate, systems like CSS3 are becoming more and more viable for use on projects of all sizes. Clearly, this can be seen by […]
csshead 0 Comments

CSS3 Buttons

A demo page with a set of beautiful CSS3 buttons by Nick La of WebDesignerWall…
csshead 0 Comments

Pure CSS Icons

Having marvelled at David Desandro’s Opera Logo made entirely in HTML and CSS, I wanted to try a similar experiment for myself. So with a large scoop of border-radius I set about trying to create various “common” icons that could be used in your web apps…
csshead 0 Comments

Cross-Browser CSS Gradient

The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to […]
csshead 0 Comments

Quick and Easy CSS @font-face Code

What seems to be an ideal chunk of CSS code for implementing the @font-face rules. Tested on quite a few browsers, including the following: Safari 3.1+, Opera 10+, Firefox 3.5+, Chrome 4.0+, Internet Explorer 6+ This technique delivers your custom fonts quite consistently to all of these browsers, and degrades gracefully for those that don’t […]
csshead 0 Comments
« Previous Page — Next Page »