background preloader

Graphic design tips

Facebook Twitter

Improve your photography with classical art. Adjusting your photographs to get the color 'just right' can be a chore.

Improve your photography with classical art.

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!

Adobe TV

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.

jQuery MagicLine Navigation

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.

Do the ol' inline list elements with floated left anchors to get the list horizontal and avoid stairstepping. 45 Fresh Useful JavaScript and jQuery Techniques and Tools - Sma. Advertisement Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful.

In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions. The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. You may be interested in the following related posts: Calendars and Timelines jDigiClock – Digital Clock (HTC Hero inspired) jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. jQuery Sliding Clock v1.1 jQuery transpearant Slider clock with CSS sprites.

Flip! Fresh Set of CSS-only Menus. Here is a set of fresh CSS-only menus for your website – no images, no JavaScript.

Fresh Set of CSS-only Menus

The markup for the menus is always the same and I used 12 different stylesheets for their appearance. The main idea is to have a big title link and some description under the link. The description […] View demoDownload source Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup looks like this: Enjoy! jQuery for Absolute Beginners: The Complete Series. jQuery Background Test. Using jQuery for Background Image Animations.

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.

Using jQuery for Background Image Animations

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.