Relax Breath of Solution.

Just I wanted.. Do you?…

CSS Browser Selector Clever technique to help you on CSS hacks.

CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. Source of this example: DOWNLOAD http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js USAGE 1. Copy and paste the line below, inside and tag 2. Set CSS attributes with […]

CSS Selectors you Must Memorize

The star symbol will target every single element on the page. Many developers will use this trick to zero out the margins and padding. While this is certainly fine for quick tests, I’d advise you to never use this in production code. It adds too much weight on the browser, and is unnecessary. Compatibility | […]

CSS String Truncation with Ellipsis for IE FF Opera

We’ll start by adding a class “.ellipsis” to the p tag and building it by example. Add white-space: nowrap, to limit the paragraph to a single line, and overflow: hidden keeps it from making the browser window wider. We then add width: 300px to limit the size (IE6 needs a width defined, even if it’s […]

How To Make Clickable Areas Bigger

One basic principle of interaction design is that the larger the link you’re trying to click on, the easier it is to click it. With this in mind, if you are using text-based links , the actual ‘clickable’ area should be as large as possible. How Is It Done? First let’s create our simple unstyled […]