Posts

Showing posts from August, 2013

Image format Usages

When it comes to website development, images plays a vital role. And making use of proper image formats is also very important. Here is explanation about which format we need to use and when. Jpegs are for photos. I see jpegs with text in them occasionally and they just look awful. Text is best for text, otherwise use PNG. If it's not a photo, but you want a graphic of it, use a PNG. A PNG is almost always smaller than the equivalent gif and will not lose quality like a jpg. A png equivalent of a jpg will typically be a lot larger (assuming it's photorealistic). There may be times where this is still desirable. PNG does allow for 8-bits of transparency, but if you have to support IE, you'll find that they continually refuse to support that correctly. They  do  support a single bit of transparency in an 8-bit image (essentially the same as gif) as far as I know. There are also numerous hacks to get 8-bit transparency to work in IE. I've never bothered, myself.

Jquery simple Slide up and Slide down

Simple Jquery slide up and slide down Here's the HTML for jquery slide down and slide up. <ul>     <li><a href="index.php" class="current_link">THE LATEST</a></li>     <li><a href="community.php" >COMMUNITY</a>         <ul>             <li><a href="chat.php" >Video Chat</a></li>         </ul>     </li>     <li><a href="business.php" >BUSINESS</a>         <ul>             <li><a href="market_price.php">Market Rates &amp; Trading</a></li>         </ul>     </li>     <li><a href="entertainment.php" >ENTERTAINMENT</a></li>     <li class = "top_menu"><a href="#" >LIFESTYLE</a>         <ul class = "sub_menu">             <li><a href="top_eat

Browser Specific CSS Hack

CSS Hack for different browsers without writing separate CSS file Here, I'm going to discuss about the one way of css hack for different browsers with out going for separate file. Sometimes, we have to restrict ourselves to not keeping the all the css for specific browser in different file. For this reason, following js file is helpful. For clean code, you might make use of the javascript file here: http://rafael.adm.br/css_ browser_selector/   By including the line: <script src = "css_browser_selector.js" type = "text/javascript" ></ script> You can write subsequent css with the following simple pattern: . ie7 [ thing ] { background - color : orange } . chrome [ thing ] { background - color : gray } This js file will add corresponding classes of browser name, operating version and other things to HTML tag. So, we can make use of them and target specific browser. I'm sure there are other ways of css browser hack