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.
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.
You must have seen various types of slideshows around the web. Creating such slideshow is also very simple. With little smart code one can make it very quickly.
As it is said â€œA picture is worth a thousand wordsâ€, similarly I believe a demo is worth a thousand words.
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
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.
In this post i’ll tell you a technique using which you can make your links even more sexier.
Check out the demo first : View Demo
The Implementation of this effect is given in the following sections.
Later I came to know about a bookmarklet : WTFramework. Just add this to on your bookmark.