Today, while doing search on net for CSS Compression mechanisim came to knwo about some of the very interesting free online Compression Tools.here we go –1. CSS Compression Tool2. Compression ToolWhat exactly it does ?Basically it takes out all the extra spaces, alignments or seperations and makes it ugly:).Yes, it gives good light file size.. which matters a lot and this adds great advantage for any project.

Hi all, browser compatibility one of the most complicated issue we face during our development. So whenever i get into problem, go and search on internet. Here, I like to share Paul Irish. /***** Selector Hacks ******//* IE6 and below */* html #uno { color: red }/* IE7 */*:first-child+html #dos { color: red }/* IE7, FF, Saf, Opera */html>body #tres { color: red }/* IE8, FF, Saf, Opera (Everything but IE 6,7) */html>/**/body #cuatro { color: red }/* Opera 9.27 and below, safari 2 */html:first-child #cinco { color: red }/* Safari 2-3 */html[xmlns*=””] body:last-child #seis { color: red }/* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:nth-of-type(1) #siete { color: red }/* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:first-of-type[…]

Expand and collapse option through JS and CSSFollow steps1. Copy this code in notepad2. Save your note pad as .html or .htm3. Open with browser… solution is ready ­čÖé <html xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head><style type=”text/css”>h4{ color:#719500;}</style></head><script type=”text/javascript”>var collapseDivs, collapseLinks;function createDocumentStructure (tagName) { if (document.getElementsByTagName) { var elements = document.getElementsByTagName(tagName); collapseDivs = new Array(elements.length); collapseLinks = new Array(elements.length); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var siblingContainer; if (document.createElement && (siblingContainer = document.createElement(‘div’)) && siblingContainer.style) { var nextSibling = element.nextSibling; element.parentNode.insertBefore(siblingContainer,nextSibling); var nextElement = elements[i + 1]; while (nextSibling != nextElement && nextSibling != null) { var toMove = nextSibling; nextSibling = nextSibling.nextSibling; siblingContainer.appendChild(toMove); } siblingContainer.style.display = ‘none’; collapseDivs[i] = siblingContainer; createCollapseLink(element, siblingContainer, i); } else[…]

Number of times, i have tried to make html popup based application… finally i have got very good solution. Here m framing that code, its output is well enough. Take this and paste as it is in notepad and save it as a .html file.. and see the output. To make attractive, u can go for images within CSS.follow these steps1. Copy this code in notepad2. Save notepad file with .html extension3. Popup application is ready <html><head> <title>Desktop Provisioining Portal</title> <style type=”text/css”> #child { position: absolute; top: 50%; left: 50%; margin-left: -365px; margin-top: -250px; z-index: 3; width: 730px; height: 520px; background-color:black; background-repeat: repeat-x; border: solid 3px #2c7292; } #divTitleBar { position: relative; text-align: right; width: 100%; margin-top: 5px; margin-left: -5px;[…]