Improve your photography with classical art. Adjusting your photographs to get the color 'just right' can be a chore.
Think about this: The Old Masters of painting spent years of their lives learning about color. Why let all their effort go to waste on the walls of some museum when it could be used to give you a hand with color correction? When Photoshop entered the CS series it included a new tool called 'Match Color.' This tools was made so that you could match a series of photos to one another. But there is another thing you can do with 'Match Color' that is much cooler: You can match the colors in your photos to those in famous paintings.
I keep a directory of about 30 of my favorite paintings and anytime I need to do color correction, I just scan through them to find the one that gives the photo I'm working on the best look. This technique can be used in other ways. Stumble It!
jQuery MagicLine Navigation. These "sliding" style navigation bars have been around a while, I just thought I'd take a crack at doing it myself as the opportunity came up recently.
Turns out it's really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. This will happen with jQuery and it's animation abilities. Typical list here.... <div class="nav-wrap"><ul class="group" id="example-one"><li class="current_page_item"><a href="#">Home</a></li><li><a href="#">Buy Tickets</a></li><li><a href="#">Group Sales</a></li><li><a href="#">Reviews</a></li><li><a href="#">The Show</a></li><li><a href="#">Videos</a></li><li><a href="#">Photos</a></li><li><a href="#">Magic Shop</a></li></ul></div> Notice the .nav-wrap div around it.
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too.
Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm not the first to think so: see the examples at the end of this article). jQuery is a great library for this type of task but out of the box, it can't animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). You'll have to use the Background-Position plugin that is linked in the demo (the original plugin is no longer available on the jQuery site). Previous versions didn't support negative or decimal values properly. The HTML.