Archive for the ‘CSS’ Category

• CSS Trickery Part 4: Semantic Image Replacement

  Jul 19 12

  Say, you want to make a header for your site, but not just any header. You want some sort of cool graphic and your very own custom font all stylized the way you like it. This sort of decoration is just way too complicated for CSS and thats ok. What helps me [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 3: Using :hover to affect more than a link

  Jul 13 16

  As all CSS users should know, the :hover pseudo state is sweet, but has its limitations. :hover pretty much works on all elements, and in the future, it should work on all elements in all browsers. However, right now, we still have to deal with Internet Explorer 6 and the fact that :hover [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 2: Horizontally Centering

  Jul 09 6

  Horizontally centering text or images should be an extremely easy task in the XHTML/CSS world. I remember the good old day when you wanted something centered, you would just wrap the thing you wanted centered with the <center> tag and all was dandy. Your job was done.
  However, there is one small problem with [...]

  Filed under CSS, Tutorials Read the rest »

• CSS Trickery Part 1: Defaulting

  Jul 08 9

  I am introducing a series of CSS tricks that I have learned over the past couple of years. Many of these techniques, in fact most, were not created by me, however I use them almost every day. Hopefully, every couple of days, I will share another CSS rule or set of rules that [...]

  Filed under CSS, Geekery, Tutorials Read the rest »

• CSS Star Rating Part Deux

  Jan 09 217

  Check out this tutorial on taking the CSS star rater to the next level by adding the current rating to the star rating system. This tutorial will take you through the CSS and the XHTML needed to create the star rater as well as supply examples for the system. Go ahead and start reading!

  Filed under CSS, Geekery, General, Nerdlab, Tutorials Read the rest »

• The Web Design Tackle Box: Icons, Bullets and More:

  Dec 16 2

  Ok, so there are many many freelance web designers out there. Hopefully, a few come across my site and enjoy a little inspiration from my site as I do from many others out there. My goal is to one day pull up the big boy pants and start this business full time. [...]

  Filed under CSS, General, art Read the rest »

• Creating a Star Rater using CSS

  Aug 24 93

  This is my first contribution to the CSS loving community. So, many of you have seen a blog. Many of you have seen comments and reviews on sites such as Netflix and Amazon. Most of these reviews, as in Amazon’s case or Movies, as in Neflix’s case come with a handy dandy rating. I’ve even seen the star rating system used at msn.com. Many of these solutions may use JavaScript or just have an individual hover state for a single star. The question I pose is…. Can you create a star rating using only CSS. I’m talking the kind that when you hover over the 4th star, there are four stars that show up on the hover state. Well, I’m glad you asked because that is just the question I intend to answer.

  Filed under CSS, Nerdlab, Tutorials Read the rest »