Tutorials on Web Development, Programming, and Web Design

Tutorial on Creating Your First HTML 5 Page

In Tutorials

In this tutorial we will create a very simple HTML 5 page. We will keep it as simple as possible so that you can get something up and running quickly. HTML 5 is a significant change from HTML 4.  It...

read more

List Drop Down Menu Examples

In Resources

It is not a problem building a basic horizontal menu, but building a horizontal menu with drop down item upon hover is a bit more challenging — especially if it is a complex multi-level menu...

read more

When to use “em” and “i” tags for italics in HTML5

In Articles

In HTML5, both the <i> and the <em> tags are perfectly fine to use.  Both will italicize text with the same appearance. So when do you use the <i> versus the <em> tags? Use...

read more

Bold with b versus strong tags in HTML5

In Articles

Some of you may have been doing web design long enough to hear the instruction of not to use the <b> tag and to only use the <strong> tag for bolding text. Well, in HTML5, the <b>...

read more

How to make Internet Explorer 8 support media queries

In Articles

CSS media queries are supported by most modern browsers including Internet Explorer 9.  However, Internet Explorer 8 does not know of CSS media queries.  But you still can make it support them by a...

read more

Media query syntax

In Articles

Media queries are conditional CSS rules. For example, the following written in the CSS stylesheet … @media screen and (min-width:768px) { h1 { font-size: 2em; }  } means to apply the h1...

read more

Use of meta viewport for mobile devices

In Articles

To understand the purpose of this tag, we have to understand what mobile browsers are doing when they are rendering sites.  Let’s say that a mobile browser is trying to render a site that has...

read more

Resizable Faux Columns works with responsive page

In Tutorials

In a previous tutorial from which we now continue, we made an responsive page that resizes as the browser resizes. But as you will note, the column lengths are uneven due to uneven...

read more

How to make your page resize with browser

In Tutorials

With responsive web design, the web page scales in proportion with the browser size. If you are using pixel fixed width, when the browser window is smaller than the page design width, you get...

read more

Learn Web Design Online is hosted by Hostmonster and design based on Wordpress template by Elegant Themes
All contents are opinions and are copyrighted and may contain ads and affiliate links for which site may receive revenues from.
See Terms of Use and Privacy Policy.