This tutorial will show you how to set 100% full height div with CSS with simple lines. The percentage (%) is a relative unit so the resulting height depends on the height of parent element’s height. So we must set HTML […]
Selection styling with CSS
One of the little known styling options is selection text styling with in the browser.Yes, it is possible to define color, background and text-shadow for text the user selects. The double colon :: CSS pseudo-element is […]
Placeholder styling with CSS
By default, placeholder text in inputs has a light gray color(if the browsers support) and which appears in an input field until the user puts focus on the field. Placeholder text is a hint or prompts to users as the format […]
Hide the mouse cursor with CSS
Hiding the mouse cursor on the page or element is really not a useful thing in reality.Here I just want to show you that hiding mouse cursor is also possible with CSS’s cursor property. The cursor CSS property specifies […]
Understanding CSS3 Transitions
The transitions properties allow us to set delay time while elements changing from one state(style) to another state(style). Note: If the duration part is not specified, the transition will have no effect, because the […]
Responsive Images With Css
Making images responsive (fluid Images) is essential in responsive layouts. Fortunately, it is pretty easy to do with simple CSS Techniques. For Example, if we have a div Container with 400px width, the image will be 400px, […]
Prevent Your CSS and JavaScript Files From Being Cached
Today’s post is about Preventing Css and Js Files being Cached on client Machine, we often change our css & js files to enhance our websites, due to browser cache, new changes will not reflect on client system […]
Useful CSS Generators List
Below is a list of some CSS generators that will help make your life as a web designer much easier. 1. CSS3 Generator My favorite, the CSS3 generator will allow you to create virtually every CSS3 feature out there (box […]
IE Fix: IE7 text-indent bug in CSS ?
When Making links with Background images to keep text visible to search engines or text-to-speech applications we use Text indent about large negative values to hide the anchor Text We Give. It works on all major browser […]
My favorite Css,Js Compressor ?
Css Compressors MinifyMe, a minimizer for CSS and Javascript http://isnoop.net/tools/css.php http://www.cssdrive.com/index.php/main/csscompressoradvanced/ Js Compressors http://dean.edwards.name/packer/ http://javascriptcompressor.com/ […]
Cross browser Unselectable text Using Css?
In some special situations need to disable Text Selecting(copying) on the webpage. we can achieve this with JavaScript and CSS, below is the CSS trick. body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: […]
Twitter Type like Login Box with Jquery and CSS?
Here is the simple tutorial On Twitter Like Login Box Show and Hide effect with JQuery, You can achieve this with fewer lines of code Using JQuery Events, and require some CSS to give styles. Html Code : signin Username […]
Multiple background images using CSS?
CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list. Multiple backgrounds are supported by the latest versions of Firefox, Chrome, Safari, […]
HTML5 shiv on Google CDN
Just for Quick copy past I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face – we are here to solve your problems.
Cross Browser Opacity Hack
Below snippets will set the opacity of the elements and its children. selector { // IE 8 -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; // IE 5-7 filter: alpha(opacity=50); // Mozilla 1.6 […]
