Web Development Blog

There are many ways to style input buttons in CSS. And this is how I do it.
HTML
<input type=”submit” name=”submit” value=”Send” id=”submit” />
CSS
#submit {
color: #fff;
font-size: 0;
width: 135px;
height: 60px;
border: none;
margin: 0;
padding: 0;
background: #0c0 url(images/send-now.gif) 0 0 no-repeat;
}
And that’s it, you will have a nice [...]

Continue reading How to style a Submit button in CSS

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

Are you building a form where you have a drop down list of countries for users to choose from? If you are, you might find the following snippet handy.

Continue reading Country drop down menu

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

http://www.w3.org/QA/Tips/use-links

Continue reading Use <link>s in your document

<P>Which Web browser do you use most often?
<SELECT NAME=browser>
<OPTGROUP LABEL=”Netscape Navigator”>
<OPTION LABEL=”4.x or higher”>
Netscape Navigator 4.x or higher
</OPTION>
<OPTION LABEL=”3.x”>Netscape Navigator 3.x</OPTION>
[...]

Continue reading Optgroup

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

Continue reading xhtml code for favourite icon

Web Standards is defined as a set of rules or specifications that should be followed when developing a website. The main objectives of web standards are to separate data from the presentation, to enhance compatibility, accessibility, extensibility and maintainability and to make user experiences richer and more enjoyable.
Read the full article: Web Standards
Technorati [...]

Continue reading Web Standards

Didn’t know about this feature till I read this article – http://builder.com.com/5100-6371_14-5061538.html

You can also use Dreamweaver MX to convert existing HTML files to XHTML 1.0 Transitional. After opening an HTML file in Dreamweaver, select File | Convert | XHTML. If Dreamweaver encounters code it can’t convert, such as <img> tags without alt text, [...]

Continue reading Converting HTML to XHTML in Dreamweaver MX