Beginners guide to your camera : The ISO

by jonathan | Sep 29, 2010 at 1:27 pm | Featured, guides, photography

The Aperture | The ShutterThe ISO

Welcome back for the third and last part of the beginners guide to your camera series. This part I will focus on the ISO setting and how it effects your photographs. If you have not read the other parts in the series I recommend you do so. I explain a few basics as well as the aperture and shutter mode.


ISO is a numbering system created by the International Organization for Standardization to represent the sensitivity of film negatives. Film sensitivity may also use a scale created by the American Standards Association or ASA however most digital cameras now call the setting ISO. There is a bunch of complicated math that goes into figuring out the ISO number for a sensor or file negative. However your digital camera will come with several predetermined levels for you to select.

Continue Reading…

Vertical Sliding Menu with Jquery

by jonathan | Nov 10, 2009 at 9:00 am | Featured, tutorial, web design

VerticalMenuTitleWhen WordPress changed their administrator layout I was fascinated with the navigation menu. It has a sleek and useful feel to it. Notable features would include the active styling to your current page, the sliding action of each menu section, the hover effect that shows the user which menu can be opened and how it keeps menus open between page views. Someone who designs and codes web sites can not just look at the end user experience but also the code behind the menu. I think WordPress does a very good job of using images and css to style the menu efficiently and cleanly but enough about WordPress let me get to what this article will be about.

I want to show how a vertical sliding menu can take on some of the features WordPress has implemented but also keep it simple to explain. I did not want to use any images to style the menu and keep everything as clean as possible. What I ended up with was 50% css, 25% jquery and 25% html. I used a few advanced CSS selectors and attributes (like border radius) to refine the effect.

Take a look at the final product here and read on for the explanation. Like always I have put the CSS and jquery in the same file to make it easy for you to inspect and download.

Continue Reading…

Creating a simple feedback button

by jonathan | Jul 29, 2009 at 9:00 am | Featured, tutorial, web design


A trend that has becoming more popular is having a floating feedback button on your home page so you can take advantage of your visitors opinion. The button can link to a form where the user can express their thoughts about the site or a page that allows them to vote on what features they would like to see on the site. You can mimic the feedback button for your own site with a some basic html and css.

Sneak a peek at the final product. (I hope you like the red, white and blue.)

Continue Reading…

Accordion Tables with Jquery

by jonathan | Jul 17, 2009 at 9:00 am | Featured, tutorial, web design


This idea of collapsing tables came to me while trying to retrofit a Lotus Domino web application with better usability. The main principal is to use Jquery to hide part of the table when a specific cell or row is clicked.

Peek at the final product.

There are several really great Jquery html integration tutorials on the web. In fact this is a really great one. The previously linked page details how to setup Jquery to easily create zebra rows, row hover effect and row filtering. I will be showing you something a little different but equally easy to setup.

I will be setting up a table so that when you click on the head row the body will collapse or hide. This sounds pretty easy if you have a little Jquery knowledge but I am going to show you a few things that make the effect easy to reproduce when you do not know how many tables you will end up with. The main problem that I was having with the Lotus web application was that the tables was being created dynamically. Some times there might be 3 tables and sometimes there might be 10. Also I had nested tables which complicates things a little. I will explain more as we get into it. So lets start.

Continue Reading…

NextGen gallery effects not working

by jonathan | Jul 15, 2009 at 1:00 pm | Featured, web design

NextGen Screen Shot

After doing some redesigning on this site I noticed that my NextGen gallery effects (ie. thickbox, lightbox) stopped working. When you clicked on an image it would link you directly to the jpeg image. I was getting very frustrated but after some research it turns out I was missing a very important line of code in my footer. I needed to add the php line “wp_footer();” to my footer file.

From WordPress Theme Development Page:

Goes in the “footer” of a theme; footer.php template. Example plugin use: insert PHP code that needs to run after everything else, at the bottom of the footer.

Usage: <?php do_action('wp_footer'); ?>
-or- <?php wp_footer(); ?>

This creates a space for wordpress to add code into your footer. NextGen gallery adds the thickbox javascript links in the footer so they are called at the end of a page load. If you are having the same problem try added the footer code to your theme.

Palm Pre Unboxing

by jonathan | Jun 12, 2009 at 11:07 pm | Featured, technology

no images were found

I was unable to get a Palm Pre on launch day for reasons that are out of my control. Apparently Sprint as a very strict upgrade policy with new phones of this caliber. Even a long time subscriber like myself was unable to sway them into upgrading me early. Needless to say I still got my hands on a Palm Pre today and took some photos of the unboxing. Please check out the gallery after the break .

Continue Reading…