Application Development & Informative Tutorials
An Initiative of AS Tech Solutions
I had popup working and I wanted to open popup from another popup where a link was placed inside first popup using jQuery. This kind of scenario is quite common.
Most probable example we see are login and register popup boxes where one can toggle to login/register popup box through a link given in currently opened popup.
Someone asked me how do I create depth border effect or deep border using lists in CSS. Actually he wanted to create a strand effect (divider) between each list item as you can see in the screenshot below. You can see one more example using light background in rest of the article.
With powerful features of CSS we can show content on mouseover using CSS and we don’t need javascript. Here I have provided two examples, first contains no transition and second has CSS transition effect while hovering. You can see these examples in demo.
Bootstrap is popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. I faced issue of Bootstrap navbar breaks on two line while designing interactive navbar header as you can see in picture below.
Sometimes we get undesirable gap between HTML element that create unwanted behaviour of element as a result. Fortunately, removing whitespace between HTML elements is not so hard. In this article we will discuss about some solutions to remove the space.
The top three solutions are dedicated as answer of the particular issue I have specified in this article. Later I have provided some general solutions that fit with other tags and elements like inline-blocked elements.
In this tutorial we are creating responsive multi column list which maintain predefined number of columns in each row regardless of device size. The last output of our tutorial will be like below with 3 responsive columns in each row. You can easily change it with 2,4,5 or more columns as per your requirement.
In a grid system you can maintain responsiveness where fluid container display grids of images, videos, text, and more. In our article we are doing the same but maintaining number of grids in each row.
Here is a good solution to make vertically and horizontally center a div inside another div. We also discussed how to center a div in a div either horizontally or vertically later in this article.
I am looking for a “working” IE 8 CSS3 border radius hack in wp site. I am using htc file also, I have created a css file in wp theme’s css folder and placed border radious styles there with IE8 hack
This last part of CSS Shapes will tell you about Different CSS Shapes including Speech Bubble, Heart, Biohazard, Yin Yang, Infinity, Magnifying Glass and TV Shapes.
This fifth part of CSS Shapes series covers making Chart and Ribbon using CSS. The Chart is shown in Top, Right, Bottom, Left direction while Bookmark Ribbon and Badge Ribbon are two forms given of Ribbon.
