CSS
You are browsing the CSS tag archive.
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 |
By nitin on March 2, 2009
When you’re using a sophisticated design, JS/CSS files can quickly become very long, and takes time to load. I have listed 2 interresting ways of compressing JS/CSS files by using PHP.
Continue reading…
Posted in CSS, Tips & Tricks | Tagged compress, CSS, js, php |
By nitin on March 2, 2009
Have you ever seen a lot of information in a table on the web and wish that you can highlight just one row of that table? Looking very large tables, with out the ability to interact with the table, can make it hard to read the information provided. With a little bit of CSS and the hover and first-child pseudo classes, you can make tables interactive again. You visitors can read information from the table quicker, and it gives your tables a little Web 2.0 flare. Best of all it is easier then you think.
Continue reading…
Posted in CSS | Tagged CSS, hover, tables |
Recent Responses