Tutorials - Web Design Tips & Tricks

This page is more for my fellow designers out there, but if you can benefit from this page then be my guest.

Ever had that one day that you had to design something and no matter what you tried nothing worked. You've exhausted all necessary options - from doing enchantments to consulting the deep realms of broadband and Internet, and still you get zero results? Well, we all have those days. You have this perfect picture of what you want in your head, but whatever you do, it doesn't want to look like that on the screen.

Here are some tips and tricks that I have found useful in the past for creating my webpages.

If there is something that is not on this site that you struggle with, you are welcome to and just maybe I will be able to help.

"Got knowledge, share it!"

Categories:

Flash MX

How to make a Flash movie Transparent
  • Flash content displays on top of all DHTML layers

User System / Preference

No right click scriptFF1+ IE5+
  • This DHTML script will prevent the default right menu from popping up when the right mouse is clicked on the web page.
No right click script II (on images)FF1+ IE5+
  • This alternate version of the no right click script targets only images, so right clicking is disabled only when attempting to save an image on the page.
No right click script III (no alert)FF1+ IE5+
  • This DHTML script will prevent the default right menu from popping up when the right mouse is clicked on the web page. This version is also known as the silent version with no alert message popping up.
Disable Text Select Script
  • This is a simple script that lets you disable text selection (the ability to drag and select text) within any element on your page, such as a certain paragraph.
Disable Image Toolbar script
  • "Image Toolbar" is a IE6+ specific feature that allows your visitors to easily save, email, or print images off of your site. Use this script to disable this functionality, so your site's images are not so readily exposed to manipulation.
Customize Window scrollbars
  • Colorize the scrollbars of your webpage with this CSS script.

image effects

Lightbox image viewer
  • Lightbox JS is an script that overlays a larger version of an image on the current page for display when clicked on- an image thumbnail viewer if you will.
Lightbox image viewer - Version 2
  • Lightbox Image Viewer 2.0 comes with a few new features. While the original version is great for viewing images individually on the page, Lightbox 2.0 supports a new "grouping" feature that lets you group related images on the page for easy browsing amongst them.