A couple of weeks ago Jeffrey Way published an article about 30 HTML best practices for beginners on NETTUTS. This article contains some basic need to know stuff and some tips&tricks for beginners. If you are new to HTML then go have a look.

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!

The image preview shows up in a tooltip-like box appearing alongside the user’s cursor when hovering over a link. The plugin is entirely unobtrusive; it does not require any hooks to target specific links (no non-semantic classes); it will automatically detect the anchors that are linking to images and will only apply the preview effect to them.

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Are you looking for some useful preloaders for your application or site? Preloaders.net and ajaxloads.info offers a variety of preloaders. You can choose out of a couple of type’s of preloaders: 3 dimensional (3D), Rectangular, Circular and Horizontal at any color you want.

I guess pretty much everyone has seen Barack Obama’s website by now, which is clearly one of the prettiest of all candidates we’ve heard of so far. Not only is it an example of state-of-the-art design, but it’s also nice to navigate and interact with.

Once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a “lite” version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions

They are probably one of the most popular trend in Web 2.0 time. It’s most over-used trendy little design technique in our days, they immediately attract visitor’s attention. Web badges have various round or square corners and eye-catchy colours.

Badges can be used to display a big ‘Beta’ message on your website or emphasize a price or a promotion. No web 2.0 site is complete without one.

Image protection is a hot topic on the net these days, and why shouldn’t it be? If you spent two hours designing an awesome graphic, would you want it ripped of in matter of seconds? Hell no! That’s why I’ve created an image protector class to help designers and artists protect their images. Here’s how it helps:

• Prevents right-click “Save Image As”.
• Prevents dragging an image to the desktop.
• Prevents right-click “Save Background As”.
• Prevents right-click “View Background Image”

swfIR (swf Image Replacement) is here to solve some of the design limitations of the standard HTML image and its widely-accepted associated CSS values, while still supporting standards-based design concepts. Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to standard image styling.

Slideshow is a javascript class for MooTools 1.2 to stream and animate the presentation of images on your website. Slideshow is the result of many trials in code attempting to create a javascript class that was lightweight, unobtrusive, a snap to setup (but also highly configurable), extendable and – built using the javascript framework with the best effects – visually very impressive. Slideshow began as a side project by Aeron Glemann, and is now open source with an MIT-style license. If you would like to contribute – improving the class in accordance with the aforementioned goals – please contact a developer for membership.

Slideshow is compatible and fully tested with Safari, Internet Explorer 6 and 7, Firefox (and its mozilla friends), Opera and Camino.

After the success of 111 great and free textures from stock.xchng that i wrote a couple of weeks a go i decided to write another post with again 111 free and great textures from stock.xchng. You know the drill, sign up @ stock.xchng (for free) to download the free textures.

This is just a small selection whats available at stock.xchng.

Overview

Scrap: 10
Corkboard: 7
Tape: 2
Rope: 35
Steel: 18
Rust: 10
Camo: 2
Pins: 2
Nails/Screws: 3
Wall: 22

Enjoy!

Scrap

Corkboard

Tape

Rope

Steel

Rust

Camo

Pins

Nails/Screws

Wall

If looking for web development and designing help then join testking 650-177 online web development course and get thousands of free testking E20-001 design resources and testking 642-446 WP tutorials to learn web designing as well as development at best.

Image optimization is an art that not many people master. There are many good image editing tools that allow us to get the best visual result for a certain file size but “under the hood” a lot more optimization can be done.

Smushit.com is a service that goes beyond the limitations of Photoshop, Fireworks & Co. It uses image format specific non-lossy image optimization tools to squeeze the last bytes out of your images – without changing their look or visual quality. You’ll get a report of how many bytes you can save by optimizing your images and all the changed images as a single zip for download.

Smush it comes in different flavours:

• You can upload a bunch of pictures in your browser
• You can provide us with a list of image urls or
• You can get a Firefox Extension to optimize the images found on any web page

Saving bytes has never been so easy – you point us in the right direction, and we’ll do the rest for you. A ZIP archive with optimized images will be generated for you.

Pixlr is a online image editor, that means that you can upload your images and edit them in your browser. It is built in Flash and you need to have a Flash plugin to get it to work.

Pixlr is built for non-professionals, the users that have basic editing needs. It’s not for large RAW images or for printing. It is merely a tool for editing web images to be posted on blogs, news-sites, social networks like Facebook, Bebo, image sites like Flikr, Photobucket etc.

Since it is Flash based the question about how it runs is up to what kind of computer you have. If it is lagging you can try to shut down other web pages that might be running flash ads or close other software on your computer that is taking a lot of CPU.

Vector Magic’s flagship service is the online auto tracer available on this website. It converts bitmap (aka raster) images into vector images through an easy-to-use web interface – just upload your image and it will guide you through the process.

The conversion process as such is called tracing or vectorization and is something that has historically been done mostly by hand. An automated tool like the Vector Magic web service can make this otherwise tedious task quick and painless.

One of the things that i like to do is brouwsing on stock.xchng. Here you can find lots of great free stock textures and that means it will cost you nothing. So i created a little list of some great textures, the only thing you got to do is created an account @ stock.xchng. Dont worry it will cost you nothing.

Part 2 here

This is just a small selection whats available at stock.xchng.

Overview

Fabric: 7
Rock: 9
Stone: 8
Wood: 30
Glass: 6
Metal: 18
Grass: 12
Sand: 10
Paper: 11

Enjoy!

Fabric

Rock

Stone

Wood

Glass

Metal

Grass

Sand

Paper

Subscribe for 1z0-048 online training and learn all the new skills and knowledge required to pass VCP-410 exam. Our 646-230 training resources is the best way to pass certification exam in short time.

Easy Reflections is a PHP script that takes an image and then creates a reflection of it. A ‘reflection’ being in the Apple OSX style as seen in iTunes. This is also known as a ‘wet floor’.

There are two versions of Easy Reflections and both are maintained independantly of each other. Version 3 contains advanced features only suitable for modern browsers.

Both versions support creating reflections from GIF, JPG or PNG source files. Both versions support image caching, variable heights and control over the fade levels used. The choice really is down to end-user compatibility.

Easy Reflections was written and tested with PHP 4.4.5 and PHP 5.2.3. It is fully compatible with E_ALL and Register Globals Off. It requires that PHP has GD extension 2.0.1+ loaded.

Parallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.