Cross-browser transparency
How to do it? You can make any element transparent by using “opacity” property and a value the only thing is, this declration is treated totally differently in all browsers. With four separate declrations, you can cover all browsers and fortunately they don’t interfere with each other. In this example I’ve used 70% transparency: .transparent_element { -moz-opacity:...
Read MoreAccordion with jQuery and CSS
The jQuery accordion plugin works with nested lists or just nested divs. There are also some options available to specify the structure, the active element (to display at first) and to customize animation. This plugin will come in handy when you are dealing with orgonizing a good chuck of content. HTML Markup In this markup I’m using nested divs, an <h3> is the heading of accordion...
Read MoreDropdown with jQuery and CSS
Here is a solution for a very simple drop down menu system. All you need is jQuery and these below few lines of JavaScript and CSS. The features of this menu system are: Unordered list as menu structure Absence of mouse events within html Timeout effect Cross-browser compatible (even IE 6) Multi-level and retains “trail” Easy to adopt styling Minimal JavaScript How to do...
Read MoreConditional Stylesheets for IE
We all have dealt with IE issues and bugs but you don’t have to keep banging your head against the wall when you can fight with IE problems with conditional stylesheet. This way you can code hack-free and you don’t have to worry about how dangerous hacks will behave in future, you also get to keep your main stylesheet clean and valid. You can also use conditional tags for loading...
Read More
Faramarz Kolivand is Founder and President of FaraJoomla Web Design and Development. He is also a web designer and web developer with over 8 years experience providing website design and web development services to companies, businesses and individuals.