kiNotice: A jQuery Notification Plugin

There are a few ways you can introduce a notification message window to a visitor; at the top, in the middle, or at the bottom of the screen (the side are usually reserved for ads and widgets like social media icons). I for one personally think that the best place to put your notification without [...]

Continue Reading →

How to Make Your Own Jaws Movie Poster

The novel turned mega hit thriller movie Jaws was so influential that it was one of the best thrillers of all time and a cult favorite. So to relive this scary flick poster by Steven Spielberg, Uzair Nazeer shares a great tutorial on how we can create our own Jaws movie poster. Click on the [...]

Continue Reading →

Create Eye-Catching CSS Buttons With Pseudo-Elements

Today’s featured CSS tutorial comes from Sergio Camalich who created a very cool set of button designs with the use of CSS pseudo-elements. His tutorial shows you how to create buttons with a twist. It will only involve using just one anchor tag for each button to work (with the help of CSS), because you’ll [...]

Continue Reading →

Make Your Website Behave Like An Image Slider With Revolver Plugin

Revolver is a jQuery plugin developed by kernelstudio from codecanyon, and it lets you turn your entire website into a slider. Instead of simply clearing out the entire window and loading the next page, Revolver simply causes the current webpage to slide off the screen and introduces the next one just like your typical image [...]

Continue Reading →

Curtain.js – Add A Sliding Effect To Page Transitions

Curtain.js is jQuery plugin created by Victor Coulon that gives a cool and very unique effect during page transition. It causes the current page to be lifted up just like a curtain that you normally see in theatre stages. Instead of seeing the page load in front of you in a flash, you’ll see it [...]

Continue Reading →

Creating A Cool Animated Pixel Font With CSS3

Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]

Continue Reading →

Real Shadow: A jQuery Plugin For Creating Realisitc Shadows

Here’s a pretty neat jQuery plugin created by Indamix that you can use on your website! It’s called Real Shadow, and what it does is it gives an element a shadow that changes its attributes depending on the location of the mouse cursor. The plugin works by manipulating the value of the CSS property box-shadow. [...]

Continue Reading →

Create a CSS3 Rotating Menu

Today’s featured CSS tutorial comes from a web designer and developer who goes by the name of Luky VJ, and the aforementioned tutorial is about creating a rotating menu. If you find the design kind of familiar it’s because it is actually a modified version of the menu from CSS3Create. You can find the CODE [...]

Continue Reading →

Multiple Backgrounds with CSS

?? Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial. Here’s the DEMO, and the CSS code: #multipleBGs { background: url(photo1.png), url(photo2.png), [...]

Continue Reading →

Create An Animated 3D Bar Graph/Chart

Kendra Schaefer and Ken Breeden’s great tutorial shows you how to create a pretty-looking bar graph/chart that’s not only animated but three-dimensional as well! The difficulty rating of the tutorial is rated at Intermediate level since it requires some understanding of jQuery, HTML, and CSS but it is nonetheless very easy to follow. Click on [...]

Continue Reading →

Page 1 of 1112345»...Last »