CSS
You are browsing the CSS tag archive.
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 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 January 2, 2010
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…
Posted in Javascript | Tagged align, CSS, Javasript, jquery, Middle, mootools, Position, vertical-align |
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