Categories
Css

Css div 100% height

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 and body elements height to 100%, so the resulting height of container div becomes […]

Categories
Css

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 required for styling. Windows provides a dark blue color for text selection and Mac provides a lighter blue color […]

Categories
Css

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 or type of information they need to enter. You will need vendor prefix CSS […]

Categories
Css

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 the mouse cursor displayed when the mouse pointer is over an element.In reality, we use cursor […]

Categories
Css

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 default value is 0. Example: CSS3 Transitions Explanation if you mouse over the div, width will increase up to 200px with […]

Categories
Css

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, if we resize the div container to 200px the image will be automatically resized to maximum available space, […]

Categories
Css HTML & HTML5 PHP / MySQL

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 to void this situations you can use the following method, however this method is not preferred in […]

Categories
Css

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 shadow, box radius, text shadow, font-face, transitions, selectors, and gradients) it is pretty much the […]

Categories
Css

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 except IE7. So, In order to fix This issue, we have to add the text-transform to uppercase or […]

Categories
Css Javascript

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/

Categories
Css

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.

Categories
Css JQuery

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 : Css Code : jQuery code: Please don’t forget to share and subscribe to latest updates on the […]

Categories
Css

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, and Opera. even IE9 also supported multiple backgrounds.

Categories
Css HTML & HTML5

HTML5 shiv on Google CDN

Just for Quick copy past

Categories
Css

Cross Browser Opacity Hack

Below snippets will set the opacity of the elements and its children.