CSS

You are browsing the CSS tag archive.

Sexy Tooltip using CSS3 (no images)

CSS is Awesome, but “CSS3” is Awesomely Awesome.

With CSS3 we can make our pages even more beautiful without using additional images and extra markup.

In this post I have tried to make tooltips using CSS3. This is just a sample implementation for tooltip, you can have even better variants.

Continue reading…

Beautiful Nag Screen using JQuery & CSS3

Yesterday I wrote about a beautiful implementation for nag screen using mootools and CSS3. Thanks for all of my visitor for showing interest in it.

Considering requests from some of the users, I have also worked on its jQuery version. In jQuery version I have also tried to remove the bugs pointed out by one of the user.

Continue reading…

How to Create a Simple Slideshow using Mootools / JQuery

How to Create a Simple Slideshow using Mootools / JQuery

slide_show_icon When we want to show lots of content in limited screen space, Slideshows comes to rescue. Making use of slideshows is the optimal way to present large amount of information. In this post i'll walk you through the process of making a very simple(minimilistic) slideshow using Mootools / Jquery.

Continue reading…

Drop Shadow in Images : No extra markup

Image with shadowDrop Shadows adds extra glare to any design. They can be easily accomplished in any graphic editor, however its a little tricky in web programming. In this post I'll walk you through various ways in which you can add shadows to images without any extra markup used. Continue reading…

Vertical-Align : Middle Using Javascript : JQuery & Mootools

How do I vertically center my stuff inside this area ?

If you are looking for an answer for the above question then possibly you've landed on the correct page. The very first solution for this is to have vertical-align:middle in your css. But unfortunately this CSS property only works on table-cell and img. Continue reading…

Another Beautiful Thumbnail Hover Effect : Using Mootools

Another Beautiful Thumbnail Hover Effect : Using Mootools

Some days back I wrote a post regarding "Beautiful Thumbnail Hover Effect". On getting such a good response about the javascript effect I am again presenting a different thumbnail presentation.

Continue reading…

Make Your Links (Hyperlinks) Even More Sexier

HyperLinkYou would have often seen various attempts to make hyperlink more beautiful. One of my personal favorite is to have little icons beside links to let you know where they link to.
Different icons for external links, pdfs, images, etc. etc. You can find the tutorial for such link over here.

Continue reading…

Beautiful and Simple Buttons with CSS

I have always been fond of CSS wonders. Although We all have seen lots of buttons using CSS, using JS, but today I am bringing you a fresh implementation of buttons.

The real beauty of these buttons are in its background images. In this tutorial I have also included the photoshop(psd) file used in creation of these buttons, so feel free to come up with your own imagination.
Continue reading…

Beautiful Thumbnail Hover Effect : Using Mootools

Beautiful Thumbnail Hover Effect : Using Mootools

Thumbnail Effect Thumbnails of photos is very common part of any website. We have seen a lot of innovation and beautiful representation of thumbnails. Recently I came across a beautiful hover effect on thumbnails. Without saying much first see what is this effect.

Continue reading…

Optimize CSS : Tips to optimise css files

For increasing performance of any website, the size of CSS / JS files should be as minimum as possible. To decrease the size CSS files following techniques must be used.

Continue reading…

Page 1 of 212

Subscribe Me

Google Custom Search