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 [...]
Here’s a very fascinating take on creating a CSS grid by Chris Coyier. If you’re site is text-heavy then this kind of layout might suit it perfectly. Check out the demo to see how it works. Horizontal Grid Vertical Grid The concept is inspired by one Richard Rutter with his article Compose to a [...]
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 [...]
If you wish to design your WordPress blog’s appearance by yourself, you can rely on CSS. Here are 6 useful CSS color tools that could help get you started. Color Scheme Designer Color Scheme Designer provides colors in color wheel form. It has different color variations in percentage ratio like mono, tetrad, triad, analogic, accented [...]
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” [...]
Go crazy with the cool CSS Filter Effects 1.0 tutorials from WebKit Nightly ! Here you’ll learn how to customize basic image or video rendering with Photoshop-like effects. Let’s check it out. Note: To test and view the effects, use Webkit Nightly and Chrome Canary. Here are some CSS snippets that will change the element: [...]
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
