Multiple Background Images

Like CSS3 animations or transitions, there something special for background property in CSS3. These new properties will allo greater control of the background. The speciality of the new properties in CSS3 is that it allows multiple background images for an element. For example, to ‘Body’ element we can...
Continue reading

CSS3 Multiple Columns

css3-multiple-columns
CSS3 helps us to create columns of text as we see in the above image. This kind of column layouts we see in books and news papers. This structure can be achieved with CSS3 Multiple Columns. This helps a web developer to display the text fitted into columns....
Continue reading

Object rotating clockwise with CSS3 Animations

Rotate Image Clockwise css3 animation
Can we create ‘Object rotating clockwise with CSS3 Animations’? Here is another example for CSS 3 animations and css3 transitions. I am going to give an example of CSS 3 animations using an arrow and a circle; Object rotating clockwise with CSS3 Animations. In this example for Object...
Continue reading

Marker ID in Google Map

How to get Marker ID in Google Map when we click on it Here I am going to show an example for adding IDs to the markers on the Google Map and getting/alerting the ID of the clicked marker. HTML For showing Google Map Markers
Continue reading

CSS3 Transitions – Cross Fading

CSS3 enables us to create cross fading effect using only CSS. Previously we used jQuery or javascript for achieving this. Here, I am going to give an example of cross fading effect using only CSS3. This effect or this example can be used on your websites for showing...
Continue reading

CSS3 3D Animation

The introduction of CSS 3 has changed the over all look and feel of the websites. CSS3 animations; transitions and transforms are the most interesting things in CSS3 ie. CSS3 3D animation . CSS transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space....
Continue reading

REM and EM in CSS

One of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, there different units, pt, px, em and %, by which you can measure the size of text as it’s displayed in the web browser. Which of these...
Continue reading

Active style for navigation

All websites highlight the navigation item of the user’s location in the website, to help users orientate themselves. This is a fundamental requirement for basic usability. To achieve this, most of the developers use ‘active’ class for link in each page. They will have to change the HTML...
Continue reading

Switch Statement

The switch statement of JavaScript The switch statement is basically an enhanced version of the “if-else” statement that is more convenient to use when you have code that needs to choose a path from many to follow. Starting with JavaScript 1.2, we can use a switch statement which...
Continue reading