Archive for the ‘Nerdlab’ Category

• CSS Star Rating Redux 70 Comments »

  Jan 20 at 2:03 pm by Rogie

  Quite awhile back, I wrote and article entitled Creating a Star Rater using CSS. In fact, if the CSS for this article is a little confusing, you may want to visit my previous articles to get yourself acquainted. I wrote it to my best ability and I shared what I could with the growing CSS-loving community. It was pretty flippin’ cool if you ask me, but it needed more. So, out of that need was born CSS Star Rating Part Deux, a vast improvement to the first, but by no means perfection. Out of the many comments I received about the most recent version, there were still some lacking areas.

  By now, people’s grasp as a whole has grown quite a bit I feel and I think that this time does not warrant a full-fledged tutorial (also, my lack of time doesn’t help either). However, there are some significant issues with my most current Star Rating tutorial and I have always wanted to take another go at it.

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

• CSS: Pimp my apple.com 31 Comments »

  Sep 16 at 11:39 pm by Rogie

  So, usually I would take months to come up with some long-winded and very informative tutorial on CSS for my fellow blog readers. However, today I am not feeling that kind…yet kind enough to post this.
  I respect Apple for quite a few things. Design is one of them. I think [...]

  Filed under CSS, Geekery, Nerdlab Read the rest »

• CSS Star Rating Part Deux 217 Comments »

  Jan 09 at 7:05 am by Rogie

  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 »

• Creating a Star Rater using CSS 93 Comments »

  Aug 24 at 11:41 pm by Rogie

  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 »