As per the request, here is an updated version of scrollbar with the Mouse Wheel feature. Now you can scroll using …
Topic Archives: CSS
Simple CSS Selector In JavaScript
Sometime you don’t wish to use JavaScript frameworks on simple web applications, but you hardly need a cross-browser CSS selector. …
CSS @font-face: Embedding Stylish Fonts in Websites
This is not new method from CSS3, it was there before. The @font-face allows you to add your own fonts …
CSS: Pure CSS3 Pop Ups
The mouse over pop-up feature without using JavaScript, but its just a CSS rule. Here I use CSS3 codes only …
jsFiddle – An Online Editor for JavaScripts, HTML5 and CSS3
Recently I was thinking about to design a Live editor for CSS and HTML, while googling I found an amazing …
Accordion Menu Using CSS
Here is an example for CSS menu creation without using JavaScripts. The Accordion menu is simply made up withCSS2 and …
MouseOver Auto Scroller Menu Using jQuery and CSS
On Mouse Over auto stroller menu using jQuery and CSS. The menu is build with ul li elements, menus are …
Resize Images In Same Quality Using CSS Properties
We will lose the image quality while re-sizing it from the original size to up-scaled or down-scaled. The browsers default …
jQuery Notification Message like StackOverflow
Here is the source code of the notification message like in stackoverflow. Make it easy with jQuery and CSS. Place …
jQuery UI DatePicker Disable/Enable Specified Dates
We all are familiar with jQuery UI DatePicker, it have many options to customize the functionality. Instead of that we …
Simple Image Gallery In jQuery
jQuery plug-in for a simple image gallery “simpleGallery()”. This will load all the images to the gallery container, then the …
Common methods for indicating important comments
Some common methods for indicating important comments are TODO, BUG, KLUDGE and TRICKY. You can try this in any language, …
Orkut Style Profile Picture Upload Using jQuery and Ajaxupload
We can’t apply any style over the html file element. But with the help of jQuery and Ajaxupload plugins we …
Creating a simple popup
This tutorial will guide you create a simple popup based on CSS and Javascript
1. Create a simple div
HTML
<div id=”overlayContent” style=”display:none;z-index:110;width:100%;position:absolute;left:0;top:25;height:200px;”> …