Tips and Tricks to Website Design & Development

Articles

Search Engine Optimization - High rankings in the search engines is the aspiration of most webmasters, but how do you get these coveted rankings? Following a method or formula will not get you the rankings you desire, or at least formulas will not help you maintain high rankings. Instead lets take a look at why search engines rank sites the way that they do. Once we discover that there is a method behind the madness of rankings, we will find that the secrets of high site rankings are as simple as a good quality website with content rich text.


Video Tutorials

Photoshop

Casting Shadows - In this tutorial, Craig Campbell will show you how to create a shadow that stretches out behind a text field and slowly fades out.

"Photoshop CS2 - Designing with Photos" Preview - In this video tutorial, trainer Geoff Riggs illustrates the best method of correcting color in your photographs using everything from thresholds to curves.

"Photoshop CS2 - Designing with Photos" Preview - In this video tutorial, trainer Geoff Riggs demonstrates several different ways to convert an image to black and white using Photoshop CS2, and discusses the positives and negatives of each method.

Making a Photo Old - There are lots of methods of aging a photo. Instead of just weathering and roughing it up, Brian Harber shows us the basic properties of old photo exposure, and how to achieve the same look in Photoshop (high contrast, fuzziness, random shadow from flash; no true black; THEN add dust & scratches.)

Clear Skies - In this tip, Brian Harber explores the wide potential in sky replacement and subsequent color adjustment. If you've ever had a picture that you loved, but it was unfortunately very cloudy or dull, here's an easy way to spice up that picture.

Red, Black & White - Who knows where the new style of a single-color (usually red) contrasted with black and white came from? Regardless, Brian Harber shows us in this video the various methods of capturing that vibrant red or other color while desaturating the rest.

3D Angled Text - Have you ever wanted a line of text to pop off the page? In this tip, Brian Harber shows a 3D angle effect that will make your text standout.

Bicubic Sharper - When resizing an image in Photoshop, if you use all the default settings, the image will end up with a little bit of a blur to it--hardly distinguishable, but it is there. In this tutorial, you will learn how to customize the way your image is resampled when you resize it in order to maintain the sharpness of the image.

Wood Grain Texture - In this video tutorial, trainer Craig Campbell will show you how to create a wood grain texture from scratch in Photoshop.

Rubber Band - The pen tool can be a little tricky to use, and until you get used to it, you might not always know where your next anchor point is going to leave you. In this tutorial, Geoff Riggs will show you how to use the Rubber Band option with your pen tool, which will allow you to see hints of what your shape will look like.

Flash

Text Flash - Create a catchy animation with text. This tutorial with teach you how to add a great effect using the glow filter within Flash 8.

Glowing Text - In this tutorial, you will learn how to create a professional effect using very simple commands. Learn to create this effect using key-frames instead of action script. You will also learn how to break apart text so that we can edit and add effects.

"Integrating Flash with XML" Preview - In this video, Craig will demonstrate how to add code to the 'next' and 'previous' buttons in order to cycle through the songs in your XML playlist. He also shows you how to automatically start playing the next song when the first song is finished playing.

Custom Cursor - Create a custom cursor with your own image by simply using action script. This is popular flash effect and adds a level of interactive fun that will WOW your users.

Shining Text - In this tutorial, you will learn how to create a looping text mask effect. This mask gives the effect of shining metal and is a great improvement to any banner or important text.

Lightning Effect - This is a great way to add some flavor to old photos or animations. A lot of Flash designers use this effect in many different ways and after this tutorial you will have a better understanding of how the Glow effect works.

Adding Gravity - In this tutorial, we will discuss an effect that is overlooked a lot of the time, its called the ease effect. If you want your animation to stand out and have a better look and feel than the ease effect will help.

Digital Clock - Add a sleek element to your site and give your users a real time digital clock to keep time. Design the clock using action script and import into your site as an .swf.

Propellor Effect - Creating a spinning animation is very simple in Actionscript, taking only a few lines of code. So since it is so simple, we will take this tutorial one step further and show you how you can allow your users to control the spin and the direction of the spin using their arrow keys.

Dynamic Lines - In this tutorial, you will learn how to create two draggable circles that will always remain connected via a dynamic line that you will create in Actionscript. No matter where you move the circles, they will always be connected by the line.