Web Development Blog

The followings are useful cheat sheets for web developers who need to refer to certain syntax and code quickly and easily. They are printer-friendly so you can print them out and stick them on your wall like posters. For those who want a little more than cheat sheets, check our our recommended web [...]

Continue reading 15 useful cheat sheets for web developers

Some words on a new business venture that I have just launched. It is called ‘My site in a week‘ and it aims to provide a professional, reliable and affordable website package to small businesses within the shortest turnaround time possible – a week. More information can be obtained from the website: [...]

Continue reading Get your business online within a week

One of the problems we often encounter with front end development is a browser compatibility issue. And Internet Explorer seems to be the biggest offender of all when it comes to rendering CSS properly. Don’t get me wrong; I don’t have anything against Microsoft or Bill Gates specifically, it is just that I [...]

Continue reading MutipleIE – Install multiple versions of IE on one computer

I stumped upon Revised Image Replacement article on mezzoblue and thought I would give my two cents.
According to the article, there are quite a few image replacement methods with CSS.

Classic FIR
Single-pixel <img> Replacement
Radu Method
Leahy/Langridge Method
Phark Method
Phark Revisited
Dwyer Method
Gilder/Levin Method
Lindsay Method
Shea Enhancement

What I use:
I usually use a combination of Phark Revisited + [...]

Continue reading Image Replacement with CSS

The following CSS selectors are considered workarounds and hacks for specific web browsers.
IE 6 and below
* html {}
IE 7 and below
*:first-child+html {} * html {}
IE 7 only
*:first-child+html {}
IE 7 and modern browsers only
html>body {}
Modern browsers only (not [...]

Continue reading CSS Hacks (for IE 7, IE 6, Opera, etc)

You know those tracing dotted lines (see above) which appear when you click on a link? I found out not too long ago that you can get rid of them easily just by adding the following into your stylesheet file.

a {
outline: 0;
}

Technorati Tags: css, stylesheet, tip, www

Continue reading How to get rid of tracing dotted line on a:active with CSS

Has CSS bloomed? Without a doubt! Here’s yet another css showcase site with a clever (and easy-to-remember) domain name.
www.cssbloom.com
Technorati Tags: css, design, designs, web, www, showcase

Continue reading CSS Bloom

Almost every website is going through a redesign, so I thought I would join the hype. Well, that’s not the real reason, but yes, this weblog has been redesigned.
The objectives of the redesign
- To push ads [Read about Adsense Tips and Tricks]
- To highlight the articles (content pages)
- To have a slightly [...]

Continue reading esn studio – redesign

CSS Vault is having a redesign (it’s still a work-in-progress at this moment).
Some of the things I love:
- Navigation Tabs
- Overall Layout (minus the color scheme – I don’t really like the combination of green and blue)
- Site Rating
Technorati Tags: CSS, web design, Web, showcase, xhtml, redesign, [...]

Continue reading CSS Vault Redesign

My 5 CSS Tips by Mike Rundle at businesslogs.com.
1. Organize Your CSS
2. Avoid Default Styles
3. Use Your Utility Tags
4. Use The Right Tool For The Job
5. Name According To Where It Is, Not What It Looks Like
Not very sure about #2, but I think the rest of them are good practices to follow. [...]

Continue reading CSS Tips