Hey Everyone! Welcome to Tutorial Dog. If you haven’t been around this neck of the woods in a while, you’ll notice a design facelift and new tutorial. This summer, Tutorial Dog will be publishing tons of new material so get ready for an exciting summer.
Last time, I provided a reasonably decent solution for creating a HTML friendly Javascript image gallery using mootools. After taking in some of its faults, and learning more about javascript, I’ve rewritten the whole code, and have came up with a new version, a simple, easy to use gallery that everyone can use.
If you follow the NBA, you’ll know Jason Kidd was traded from the Nets to the Dallas Mavericks. (While I like Jason Kidd and he is a great player, giving up Devin Harris was stupid on Mark Cuban’s part). If you’re like me and want the wallpaper of his shoe to match his current team colors instead of his old team colors, then you’ll have to turn to Adobe Photoshop. This tutorial will show you the best way to change the colors of the shoe easily and quickly.
This free image gallery based on javascript is a quick & easy solution. Implementing the demo doesn’t requre knowledge of any javascript. In this article, I’ll explain and breakdown the javascript that runs the image gallery using the javascript framework Mootools.
This Photoshop tutorial will acquaint you with the shape tools, dealing with paths, applying layer styles and dealing with shadows and lighting. This is good tutorial for practicing these techniques.
Ever wondered how to make your own Mac icons? Have you ever created an icon and had trouble making the icons fully transparent? If you answer either of these questions with a yes, then this tutorial is for you.
With the recent release of Mac OS X Leopard, I’ve decided to create a tutorial where you can create your own ‘X’. This tutorial is a great exercise in using the dodge and burn tool as well as working with selections.
This Photoshop tutorial will show you how to take a photo that has great potential and turn it into one that will stop people dead in their tracks and have them gazing at the photo. First off, I got this incredible photo of the puppy free off Flickr. This particular photographer ny156uk has some great photos for commercial use. You can find more free photos for commercial use on Flickr by doing an advanced search.
In designing Tutorial Dog, I had the logo as an image with the text included, but I want to have the words “Tutorial Dog” in the HTML with the h1 tag (ie. Tutorial Dog). Why would you want the h1 tag with text instead of an image?
I really like the OS X Icon scene out there. There are some really unique and original art out there that are made from icons. Today, I’ve highlighted some of the best OS X icons out there (in no particular order). All the artwork are credited to their respective owners. These site offer free icons to download so you can use these on your computer and enjoy!
While it may be overlooked with high bandwidth connections becoming ever so common, it still is important to optimize an image. If you visitors can’t load your web site quickly, they will leave because it is easy to find another website to look at. Reduce image sizes to the size it will appear at on the web page!
This tutorial will show you how to create a banner graphic banner in the same vein of medieval graphics. For this tutorial you will need Adobe Phothoshop CS or better. The tool we will use are the pen, text and shape tools. This tutorial will test your pen tool skills and ability to play around with shapes and layer styles.
