By nitin on March 18, 2010
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…
Posted in CSS, Uncategorized | Tagged CSS, css3, Hacks, HTML, Tooltip |
By nitin on March 16, 2010
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…
Posted in CSS, Javascript, Uncategorized | Tagged CSS, css3, Javascript, jquery, nag screen, nagscreen, tips |
By nitin on March 15, 2010
Nagscreen : Messages on the webpage that reminds (or nags) the user to register, or show some notification. These messages appear on the webpage in a way to seek user attention. Here in this post we'll be creating beautiful and dynamic Nag Screen using Mootools. Continue reading…
Posted in CSS, Javascript | Tagged Javascript, mootools, nag screen, nagscreen, tips |
By nitin on March 13, 2010
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…
Posted in CSS, Javascript, Uncategorized | Tagged CSS, Gallery, HTML, Javascript, jquery, mootools, Photo, Slideshow |
By nitin on January 6, 2010
Drop 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…
Posted in CSS, Tips & Tricks | Tagged box-shadow, CSS, css3, image, shadow |
By nitin on November 21, 2009
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…
Posted in CSS, Javascript | Tagged CSS, Effect, hover, Javascript, mootools, Thumbnail |
By nitin on October 29, 2009
You 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…
Posted in CSS, Javascript | Tagged CSS, Hyperlink, Javascript, jquery, Link, mootools, Sexy |
By nitin on October 11, 2009
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…
Posted in CSS | Tagged Beautiful, Button, CSS, hover, HTML |
By nitin on October 1, 2009
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…
Posted in CSS, Javascript | Tagged CSS, Effect, hover, Javascript, mootools, Thumbnail |
By nitin on March 2, 2009
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…
Posted in CSS | Tagged CSS, optimization, optimize |
Recent Responses