Inspired once again by the amazing Codrops resources, RPG Rating got a new design.  I got to hunker down and do more with CSS than I did the last time I put the site together.

Check it out:

Instead of using Cufon font replacement as I have in the past, this time I used Google Web Fonts.  Talk about easy!  It’s so easy to call the font up like normal CSS without having to do some strange Cufon configuration, and I can now highlight the text like real text.

One thing I implemented this time, an idea I got from my blog’s skin, is two overlapping backgrounds for the primary content div.  There’s a 1px by 1px alpha transparent grey background (you can still see the stripes through it), and then aligned to the left is that stripe of bokeh glowing rainbow that I like using for RPG Rating.  Thought that looked cool.

I also did a lot more with formatting tables with CSS that I didn’t last time.  I really wanted to showcase the four tiers and make a very easy to read table of what each content rating is defined as.

I carried the same bright colors and table look into the actual creation form.  That was pretty fun, switching from simple drop-down menus to radio buttons spread out in a more visually pleasing away – again tying the four color experience into creating the rating.

 

I created the RPG Rating back in November-ish, and it’s great to see it becoming an oft-used resource.  I’m not exactly sure what’s to be done with it next – I’m hoping to get some cooperation from some of the big directories so that people can more easily search for an RPG within their rating preferences.

Tagged with: • • •