I have been using WordPress for more than 5 years and I have played around with plugins a lot. Plugins are an essential part of any WordPress site. Every WordPress site is unique and the plugins we use for the site will depend on the functionality of the site.  Here, I am going to list a few plugins that are essential to any WordPress site irrespective of it’s functionality. The plugins I will be talking about here do not have anything to do with how the site functions. These plugins do not add anything new to the front end of the site (except for one). They are tools that help with site maintenance and ease of use from the back end.

Read More >>

Categories:Plugins,WordPress

I finally made the time to bring this site and blog out of its long slumber and hibernation. When I started working for a small web development company, I never spent time on this blog. I had so many things to write here – but I never made the time to do so. Now, as I am back in the freelancing world, I have decided to bring it back to life.

When I started my career as a freelancer a few years ago, I did not have many clients. I realize now that I was not confident enough to quote the right price for the projects that came my way. So, I had very few projects that did not pay well.

Read More >>

Categories:Freelancing

WordPress menus make it very easy to add navigation to your WordPress pages. You can have multiple menus on the same page. Although images for WordPress menus are not very SEO friendly and make it difficult to edit menu items, there are times when you would like to add background images to the menu. If you wish to use a specific font which is not rendered by the web, images are the best option.

To create a menu in wordpress, use . For more information, see the WordPress codex on menus

Once you register the menus, you can see them on the wp-admin panel under Appearance->menus. Then add the pages you want on your navigation. Read More >>

Categories:WordPress Tutorials

The canvas tag is a new HTML tag which is used to draw graphics using JavaScript. You can learn more about the canvas tag and its basic usage here. Since it is a relatively new tag, it does not render in all the browsers. For those browsers which do not support the canvas tag,  you would need a fallback image or code inside the canvas tag.

Here is the code to draw the US flag using the canvas tag mostly following the specs for the flag. See the final image.

Open an editor and create a new HTML5 document. You can copy the following code and save it as canvas_demo.html.

Read More >>

Categories:HTML5,JavaScript

I just finished working on a project and while I was in the final testing phase, I realized that there were some check boxes in a form that were not displaying correctly in IE. I found a few answers on Google but, these did not fit to my CSS styling properties and I needed a quick fix without redoing a bunch of CSS.

So, I came up with a simple solution of adding a class to the check boxes.

Here is the my form. Just a list of the days of the week. I need them to display one below the other.

<form id=”stylized” name=”email_reminders” method=”post”>
<label for=”repeat_sunday”>Repeat:</label>
<input type=”checkbox” name=”repeat_sunday” value=”1″ />Sunday<br />

<label for=”repeat_monday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_monday” value=”2″ />Monday<br />

<label for=”repeat_tuesday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_tuesday” value=”3″ />Tuesday<br />

<label for=”repeat_wednesday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_wednesday” value=”4″ />Wednesday<br />

<label for=”repeat_thursday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_thursday” value=”5″ />Thursday<br />

<label for=”repeat_friday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_friday” value=”6″  />Friday<br />

<label for=”repeat_saturday”>&nbsp;</label>
<input type=”checkbox” name=”repeat_saturday” value=”7″ />Saturday<br />

</form>

 

Read More >>

Categories:CSS

I was working on a simple PHP form that would take in a phone number and other fields and add it to the database and eventually display it on the screen. As I was testing this form, I noticed that the phone number was getting added to the database but was not showing up on the screen. It seemed very weird. I could not see the phone number in PHPMyAdmin either. It showed up when I wanted to edit a record.

To make sure I did not have an error in my PHP code, I created a simple test.html with the following code in it:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Phone Test</title>
</head>

<body>
Phone Number: 123-234-3456
<br />
Another Phone Number: 980-989-9989
</body>
</html>

The first phone number did not show up but the second one was fine. If I replaced the dashes in the phone number with spaces, Read More >>

Categories:Firefox

The other day, my husband and I had an argument over CSS and Table based layouts for web pages. His point was that tables are more easier to predict and give a structure to the website where as with CSS it is rather difficult to achieve this. I think it is true to some extent. I used to design websites with tables before I learnt CSS. Now, I don’t think I would ever go back to table layouts entirely.  Here are some reasons why CSS based layouts are better.

File Size:

The file size with CSS based layouts is smaller which helps in faster loading of the site. Table based layouts have a lot more tags that result in a larger file size.  It has been found that CSS based layouts usually load 2-4 times faster than table based layouts.  It also takes up less bandwidth. Some hosting providers charge based on the amount of bandwidth used. So, using CSS layouts helps lower those costs especially if it is a large site. Patrick Burt has some good suggestions to reduce file sizes with CSS.

Cheaper and faster redesign:

In CSS based design, the content of the website is separated from its visual appearance. External style sheets Read More >>

Categories:CSS

When I am coding the web pages, I frequently run into problems with CSS rendering properly on Internet Explorer. So, the first place I go to for a solution is my best friend Google. Over the time, I have collected some CSS tips from the many forums and other websites and I save them for a quick reference. Here are some of them.

Margins in IE:

Margins are rendered differently in FF and IE – especially IE6. To correct the double margin showed by IE6 add the following:

display:inline

Read More >>

Categories:CSS,Web Design