Turn.js is a jQuery plugin that’s inspired by the effect found in iBooks and Maps for iOS, which simulates the act of flipping through a book’s pages. As described by creator Emmanuel Garcia, this effect will go well with sites about books, magazines, or any reading material. Click on the image below for the demo. [...]
This is another jQuery slider that would amp up your website’s interface. The multi-node range and data slider, created by EGrappler, is extremely simple to use. It is highly customizable and has many functions aside from providing data selection and filtering. Click on the image for the demo. Download the zip file. CSS .slider.default [...]
Here’s a very cool CSS trick I found that will let you have the same buttons as those in YouTube’s footer! But first, lots of thanks to the following coders below: Dennis Sa – for the jsbin of the matte buttons http://jsbin.com/efesot/6 Trevor Gerzen – for applying the transitions, and Chris Coyier – for coming [...]
The commenting system just became more fun for users! Created by eligeske, this animated jQuery star commenting system is a great way to rate your posts. Add this to your website and see your visitor activity increase. Download the ZIP FILE. HTML (star_rating.html) <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> [...]
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 [...]
Recreate Apple’s Retina display with this awesome tutorial! Thanks to web developer Martin Angelov, he designed a fully functional Apple-like Retina effect using the jQuery library. Below are the steps on how to achieve this effect. 1. XHTML The markup is pretty much straight forward and has few divs and images. <div id=”main”> <div id=”iphone”> [...]
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” [...]
No music, no life. And as far as web design is concerned, this awesome CSS3 music player would be perfect for adding a new dimension to your blog or website. Indonesian artist Hidayat Sagita made this tutorial in which the goal is to use CSS3 instead of images, so CSS3 properties replace the following Photoshop [...]
Enable HTML5 markup on older browsers We all know that HTML5 is the future of web development. The only problem is some people still use older versions of web browsers that don’t support this language yet. So for that, here’s a script that will force those browsers to recognize the new tags introduced by HTML5 [...]
So piggying back after the awesome new Photoshop tutorials from our Blogfreakz readers, I have highlighted some more fantastic web designing programs worth investigating too! Web design is the first and foremost element that captures the attention of a visitor. Of course the other contents that retain visitors and make them perform an action in [...]
0
1407
327
