WordPress 3.0 has allowed users to host multiple independent websites with just one feature called Multisite. It also lets you share settings, content, and code between websites within your network. Kevin Leary has shared some of the hacks he did to perform the aforementioned abilities in one of his articles; one of them involves building [...]
Script-tutorials.com gives us this cool UL-LI-based multilevel menu, with transition and animation effect using CSS3. You can create this menu in 2 easy steps. Click on the above image to view the demo. You may also download the full pack HERE. Step 1: HTML Index.html <!DOCTYPE html> <html lang=”en” > <head> <meta charset=”utf-8″ /> <title>CSS3 [...]
Sometimes reading a table’s long and numerous columns can be quite a very cumbersome and tedious task. You want your readers to immediately see the whole picture once they glance at your table’s contents. This is where Design Chemical’s Data Heat Map can help. When you’re dealing with hierarchical and/or numeric data, or data with [...]
Create a Polaroid effect with your images using CSS3! Mark of Zurb.com teaches us how to do it in this uber-cool tutorial. Click on the above image to view the demo. This is done with only CSS and no Javascript, with no actual text used on the images. It works on a grid of linked [...]
It used to be that shifting an image from grayscale to colored and vice-versa as you hover over it required 2 copies of the said image — one in grayscale and the other in color. But thanks to Darcy Clarke for the JavaScript & HTML 5 grayscale in this tutorial, this feat is easier and [...]
This cool form effect has the usual attributes we enjoy — rounded corners, stroke edges and other CSS-generated qualities. But thanks to web developer Rakesh Menon, this one’s got another thing up its sleeve: it’s got a glowing neon border that pulsates! Here’s the demo for you to really appreciate it. Click here for the [...]
Here’s a list of 10 innovative plugins to create breathtaking slideshows for your image gallery or portfolio. How to Create a Slideshow Plugin with jQuery – This slideshow makes use of a jQuery plugin called Powerslide. Elastic Image Slideshow with Thumbnail Preview – Here’s a really cool slideshow that automatically adjusts according to the size [...]
Add fun and functionality to your website by adding Windows-style sticky notes! Thanks to the combined powers of HTML5, CSS3, and a bit of jQuery in this tutorial by Teylor Feliz, we can do just that. Let’s being with the HTML markup: < !DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″ /> <title>Posticks</title> <link rel=”stylesheet” rev=”stylesheet” [...]
Here’s a terrific jQuery plugin that can make viewing your website extra-fun for visitors! Created by a web developer at Dailycoding.com , ImageLens is one cool plugin that zooms in on images when you hover over them. Here’s what you will need: jQuery, image and the ImageLens plugin – jquery.imagelens.js. Check out the demo and [...]
Ivan Vanderbyl ‘s cool CSS3 tutorial actually shows us a numeric representation (i.e. percentage) of how long a process is going to take in modern browsers. Below is a screenshot of the resulting product, which you can click on to view the demo. Now let’s start with the HTML. HTML Markup <!DOCTYPE html> <html> <head> [...]
0
1405
327
