Home » Archive by categoryTips and Tricks

Simple Fancy Pop Up

Simple Fancy Popup
All the UI developers are familiar with popup windows. Most of the web applications will have atleast one popup used in it. May be for showing some custom messages, some additional information, data select options etc… So, we can say popup is commonly used by all UI developers....
Continue reading

Google Map and Bootstrap Modal Issue

Most of the Web developers, who use Bootstrap modal in there projects, might have experienced Google Map loading issue on the modal. What is the reason for Google Map and Bootstrap Modal Issue? Can we have a solution for fixing Google Map and Bootstrap Modal Issue? The following...
Continue reading

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

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

Background Image Size

Responsive Background
How to Create a Background Image that Scales with the Browser Window When you start working with responsive designs, the first thing we consider is that the images can adjust to the screen size as well or background image size. The CSS3 property background-size is used to stretch...
Continue reading

CSS Star Rating

Star Rating possible with CSS? Star Rating possible with CSS? Do you think that we can create rating widget in our form without using any jquery plugin? Yes, it is possible. Using labels, radio buttons and few lines of css3, we can create star rating. The following is...
Continue reading