While I keep on trying to push web developers to start experimenting and exploring HTML 5 and CSS3 technologies, I will keep introducing you to them. Today we will experiment with HTML5 local JavaScript databases, a new feature lots of web developers are excited to start using. You will be walked through on how to [...]
Have you noticied how many times you have to wait for ads loading before being finally able to read the content of a website? In fact, ads such as Adsense are very slow to load, which is definitely not good for websites owners because it can result in user boredom or even worst, the use [...]
Nivo Slider is a new jQuery image slider with 9 unique transition effects. It is simple and lightweight. Nivo Slider is built with directional and control navigation. It has been tested on Internet Explorer v7+, Firefox v3+, Google Chrome v4 and Safari v4. You are free to use it under the GPL license.
via A New [...]
Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be [...]
jsPlumb is a jQuery plugin for visually connecting HTML elements on a web page.It uses a HTML5 canvas element when supported and Google’s ExplorerCanvas script to support older browsers.The styles, shapes of the wires and “the position of the connection” can be customized easily.
via Visually Connect HTML Elements: jsPlumb.
In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.Also, be sure to go ahead [...]
As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.
Here are some files you will need:
1: Because we will use Cufon [...]
Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript.
With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.
jQuery Spritely
Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible.
Specially, for [...]
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the [...]
Some images are worth a closer look, which is why there’s Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor [...]
March 29, 2010
0