I’ve worked on this project for a while to create a new design for Ping-o-matic, a service provided by WordPress & Automattic. It’s taken a while, since IntenseDebate todos are always prioritized, but overall I’m really happy with how it turned out in the end.
Check out Ping-o-matic’s new design here: Ping-o-matic
For anyone that cares, this is what I’ve done on the project: Designed a new logo, new favicon, complete site redesign, modified existing code to fit the new design as well as created some new elements, all-new CSS which uses a CSS sprite for all graphics used on the site which decreases load time and server pressure a good bit, some simple javascript to show/hide the Learn more text and the function to uncheck all ping services (if you’ve already checked all). Also a PHP function that switches between navigation tabs when you go to different pages. I was heavily influenced by Jon Fox’s work for that one.
Apart from that.. well..
- Created a basic new color palette for the service.
- CSS3 rounded corners on many objects = less graphics needed, while still rendering perfectly acceptable in browsers that do not support this feature yet.
- All CSS is kept in one document, no browser-specific fixes besides the ones contained in the main stylesheet.
I’m really happy with it, simply put.
Thanks to Matt Thomas and Matt Mullenweg for all the feedback along the way.
CSS sprites are awesome, read more about them here.