Tutorials on Web Development, Programming, and Web Design

Plugins to change WordPress database prefix

In Tutorials

Does your database table names look like this?  This show that the default database prefix of wp_ is being used.  If you did not specify a different database prefix during the installation of...

read more

Adding a Widget Area to WordPress Theme

In Tutorials

In this tutorial, we will add a new widget area to the default WordPress TwentyThirteen theme.   Before we make any changes to this theme, we had cloned TwentyThirteen into a new theme called...

read more

How to Clone a WordPress Theme

In Tutorials

There are times when you need to clone a wordpress theme.  Suppose you want to customize the template of WordPress’s default Twenty Thirteen theme.   You should not edit the template files of...

read more

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

Resizable Images that does not break out of container

In Tutorials

It is great when we create pages that resizes with the browser. However, it is not so great when an user resizes the browser to be smaller than an image. Typically, the image would remain at its...

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

How Not to Use Pixels for Font Size

In Tutorials

If you want a responsive web design where the font size can be adjusted by the users preference via the browser, you do not want pixels. Instead use the unit of “em” or percentages. Here...

read more

CSS Based Horizontal Tabs

In Tutorials

In this tutorial, we are going to create CSS-based horizontal tabs as shown here. View live code here. Graphics Used The graphics looks like this … Default gradient tab:...

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.