With the web constantly evolving, even those with a fantastic memory need to find ways to remember the information about the latest in best practices and usability. This is even more true for those with the memory on par with a goldfish (myself included).  There are a lot of cheat sheets online, and finding some good (and of course relevant) ones is no easy task.

Below, some incredibly useful cheat sheets for those who work with code, design, and other website related things.

• WordPress Template Tags Reference

This reference chart is fantastic, it’s incredibly easy to navigate (simply click the heading and you get the code and description).  This is the very thing that is the inspiration for the rest of this list.  WordPress is one of the most popular platforms on the web, and this can save you a lot of time and headaches.

• Web Safe Color Chart

Finding the right colors can be a huge undertaking, especially if you are trying to work only with the proper code and trying to find a browser safe list (with the code). This makes the task much easier.

• System & Web Safe Font Chart

Not all fonts are system wide. The people at MIT put together this safe font list of the fonts that are found on all systems, for those who don’t want to deal with extra code for web design, this is an incredible reference (with examples of each).

• Style and Color

For those who don’t want to experiment, and are looking for the perfect color combination for their project, Colour Lovers really can’t be beat.  You can search by theme, color, or many other variables. The color choices that you can find a phenomenal, and really when it comes to style- this is the perfect website.

Is there a cheat sheet out there that you couldn’t live without? Post up a link in the comments, and I’ll add it to the list.

Choosing the way you display your art and photography can be as important as your work itself.  Finding a simple and stunning choice with so many options out there can be difficult and time consuming.   Below are 12 stunning options that are as simple as they are elegant.

GalleryView

Demo/Download

GalleryView is a very simple but wonderful option.  If you are looking for something lightening fast and simple, it could suit your needs perfectly.  The overlay title and description is a wonderful part of the GalleryView script (plus, it really looks amazing with the simplicity). It definately success in it’s mission to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

Supersized: Fullscreen background/ sideshow jQuery plugin

Demo/Download

Supersized really lives up to it’s name.  It’s a fullscreen gallery that is great for high definition photos, and anything with a lot of color would really pop out.

* Resizes images to fill browser while maintaining image dimension ratio
* Cycles Images/backgrounds via slideshow with transitions and preloading
* Navigation controls allow for pause/play and forward/back

Moving Boxes – jQuery Image Gallery

Demo/Download

MovingBoxes is  a very fun little gallery.  It’s incredibly simple to use, and the look is fantastic. The script uses there are buttons to change panels and the panels zoom in and out.

PiroBox

Demo/Download
Here are just some of the features:

* The script now weights only 12.5KB, (9KB Minified)
* There is a choice between five different styles
* Slideshow option More…
* Multiple image set option More…
* PngFix for Internet Explorer 6
* Keyboard navigation: Right arrow [next], Left arrow [prev], ESC [close]
* Broken Link Check
* Automatic repositioning of the image in the browser window
* Browser compatibility = FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows), IE 6+

You can even check out some of the fantastic themes that the plugin uses.

PiroBox is similar to lightbox (and the many other versions) and is great for a simple and effective option.

Image Rotator with Preview

Demo/Download

You can use the Image Rotator for images, blog posts, and a few other things as well. It’s a great way to display portfolio pieces, eCommerce product images, or even as an image gallery. With both a simple and effective design, it’s also easy to implement and customize.

Spacegallery – jQuery plugin

Demo/Download

SpaceRotator has a fun and elegant animation when switching views.

AD Gallery

Demo/Download

AD Gallery is another simple, but visually pleasing option.

Zoomer Gallery

Demo/Download

Zoomer Gallery is really fun and it would be a great choice for someone that has a lot of images to display (much like PiroGallery) it adds in a simple ‘zoom’ effect, and could easily be customized to fit other needs as well. It has flash-like effects but is written in javascript.

ImageFlow

Demo/Download

ImageFlow is a very graceful and elegant gallery/ slider.  It has a gorgeous reflection and while it’s simple visually- it is still very user friendly and beautiful. It has quite a few features for such a considerably small plugin.

jQuery jsGallscroll Plugin

Demo/Download

Another simple and effective option. jsGallscroll takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

Galleriffic

Demo/Download

Gallerific allows you to have a full featured and easy to navigate (and set up) gallery. It comes with a ton of options including pagination, graceful degradation if a user doesn’t use javascript, and a ton of others including many different user-options as well. If you want something that has more features and can allow you to customize more than Gallerific can definitely be for you.

Dynamic Image Gallery and Slideshow

Demo/Download
The Dynamic Image Gallery and Slideshow is incredibly lightweight, at only 3kb. It’s elegant in addition, and it’s a user-friendly and easy choice for someone who may want the simplicity without too many other things cluttering things up. The developer has released a new version however if you want a few more options.

Navigation elements in jQuery have a certain oomph to them, and they seem incredibly complex when implementing them is insanely easy.  There are a ton of free resources for designers for outstanding jQuery menus and navigational elements that this will be updates as I find more.  If you have one I haven’t posted yet, post a link in the comments.

Kwicks

Demo | Download

Menu Fader

Demo | Download

Vimeo-Like Top Navigation

Demo | Download

Slick Animated Navigation

Demo | Download

jQuery Mac-Like Dock

Demo | Download

idTabs

Demo | Download

Or, you panic or anything here (because I’m sure that so many people continually hit refresh at paradox9.com *sigh* sarcastic blogger moment).  The website has taken a bit of a newer look, it’s a lot cleaner and much easier to navigate (the almost invisible links in the sidebar are now replaced with really easy to read ones, among other things).

I also have a brand new section- paradox9 now has (and I’m working on more) premium template.  You can see them here: Premium Templates.  While it’s fairly slim picken’s now- I’m hoping to get a bit more done within the next few weeks.  Of course the fab free ones will remain (and more than likely be added to also) I’d like to have a better collection of higher-end ones.

I’ve been coding like mad, so I do suppose it’s spilling over to here too (although WordPress isn’t my normal code plaything, that may change as well). 

Before I go off on some unimaginably long and tedious tangent, I’ll just close with asking: Is there anything else you’d like to see here?  Post it on up in the comments!