CSS Guide

I have been working on web development for over two years. I do much more than programming, but that is a major responsibility in my daily work. I like to think that I am pretty good at what I’m doing. My professor use to say that if you cannot learn new technology in three months, […]

CSS Column Layout

When working on websites, one of the most common patterns is column-layout. You want have some main content flow in the center of the page, and have one or two columns on the side. There are many, many solutions for this job. However, I believe that only few of them are “right” solutions. A right […]

Hide Button Text

There is a simple, but genius, method to replace button with icon. I learned it from jQuery. First, create the button, as you would always do. You can use <button> or <input type=”button”> <button>Next</button> Remove the text by setting text-indent with large negative value text-indent: -9999px; overflow: hidden; Finally, set the size and background on […]

On War

I’m reading The Art of War, edited by John Minford. I found there an interested passage. It is a quote from Records of the Grand Historian, which was written by Sima Qian in 109 BC – 91 BC. I feel this text would be an appropriate commentary to today’s policy of U.S. Records of the […]

Round corners

There’s got to be a 1000 hacks to add round corners to a website block. The most popular and flexible one is to have 4 elements: <div class=”block”> <h3>Header</h3> <div class=”content”> <p>…</p> </div> </div> Now, you can set 4 backgrounds, 1 for each corner. It is a bit easier to use pure CSS code, but […]