Tag Archives: bandwidth

Using @font-face with Dreamweaver CS5.5

In this tutorial we will show you the basic of the @font-face CSS3 property and how to use it. Although this guide is geared more towards using in a Adobe Dreamweaver CS5.5 development environment it can be used not matter what editor you are using. Even other levels of dreamweaver can use this tutorial, even though major support has been… (more…)

Working with Images on your Website: Reducing Bandwidth

We all know that the biggest killer of bandwidth on our websites is the use of images, but how do we go about reducing this. What tricks can we use to create the same effect but without the expensive bandwidth totaling up rapidly on us. In this tutorial we will look at a number of methods available to us to… (more…)

Photoshop CS5 batch processing multiple images ready for web

Photoshop CS5 batch processing multiple images ready for the web In this tutorial we will be showing you how to use batch processing to re-size an entire folder full of images you want to prepare for deployment on your web page. Rather than editing each photo individually, with one simple action we will change them all to 72ppi and re-size… (more…)

CCS3 Rotating Text

In this tutorial we will cover how to rotate text using CCS3.This is a simple exercise designed to demonstrate how to use the transform:rotate CSS property and that unlike a lot of article floating around you can do angles other that 90, 180, 270 and 360(which would be pointless anyways). You can rotate text, images and other elements any direction… (more…)

Multiple Background Images CSS

As designers we sometimes come across situations in which we want to put a background in that consist mainly of a texture or a gradient with another image element or two that doesn’t repeat. Too often I see websites where this is done using either a large image larger than the common screen resolutions OR they repeat the background texture… (more…)

CSS3 Website Background Gradients

In this tutorial we will be explaining the best way to add a gradient to the background of any webpage element using a method that improves page loading times over other method you may currently use simply by using CSS3 (with fall backs of course) As designers we all use gradients in backgrounds all the time. To add texture to… (more…)

  • Ripper Web Design