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 […]
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 […]
Fonts for the web
How do you choose fonts for you website? How can ensure consistent experience across browsers and OS? Which fonts are safe? Unit Verse offers an answer to our every day questions on fonts: http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ They list the most widely used fonts for the web and how to apply them in CSS. There is a lot […]