From time to time you may see a website that reveals some image in the background when the user scrolls. More times than not it displays advertising. We’re going to create a super quick and easy web page that reveals an image as the user scrolls down.
The post How to Create a 3D Tag Cloud in jQuery showed how to create a carousel like tag cloud that interacted with the users mouse. While playing around with the code, I’ve stumbled upon a cool effect by changing one line of code.
With browsers rendering JavaScript faster than ever before, it’s a great opportunity to get creative with jQuery. This tutorial will show how to create a scrolling 3D tag cloud…it’s not as difficult as you might think.
In a previous tutorial we showed how to use AJAX with jQuery.. We created a simple input box that outputs info from the server after each character you type in. In this tutorial we will take one step further and create an auto complete feature, much like Google or Yahoo’s search box.
One problem with HTML forms is it is hard to style the elements to fit into your design. The tutorial will show you how to style the hardest of them all, the select box.
You have often seen hyperlinks that have little icons beside them to let you know where they link to. In this tutorial we will show how to handle this using only CSS.
Why not give a little flair to your header. This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.
Image Viewers are fairly common on websites now-a-days. Most use some form of JavaScript to change images, some use Flash. This is a problem if the user doesn’t have either enabled on their browser. In this tutorial we’ll cover how to create an image viewer with only using CSS and HTML.
Here is a chart that will help you find the conversion of pt,px,ems and %. The chart is good for an approximation, font size can change based on font, and operating system.
There are plenty of ways to create preloaders for your images, generally a lot of them use JavaScript to get things rolling. No longer are you shackled to JavaScript preloaders, with CSS you can preload your images with little to no hassle.