Wifi Fights : KrispyKreme vs Burger King.
Burger King Knocks out KrispyKreme in 2 Devastating rounds.
-
MoA Wifi
June 28, 2009Leave a comment! | Posted in Aside
-
Old is the New New
June 18, 2009Old is the New ‘New‘
Jeffrey Zeldman on Redesigned.Leave a comment! | Posted in Aside
-
Recoded for Asides
AsideShop Plugin for wordpress doesn’t work anymore. I can’t believe that I still had time to hard-code my site to support Asides. I hope it works fine on all browsers. I’ve checked it on IE and FF. Works just fine.
Leave a comment! | Posted in Aside
-
Dejavu
June 9, 2009I’ve been here before. Around 6 months ago, I was thinking of what to make of this blog. And it took me a lot of time to decide. And here I go again.
I’m thinking about WPFuse.com. Obviously, stated on my last post, that I’m going to put Custom Wordpress themes there. But I’m thinking again because I’m dwelling on the possibility of developing a strong Wordpress Framework that can be easily customized without breaking anything ( Plus a Valid Markup ).
I guess I’ll be giving myself around a week or two to decide.
-
Purchased a new Domain
I just purchased a new domain. It’s WPFuse.com. I intend to put all my Wordpress themes there. I hope to launch it soon But for now, I’m still thinking of a design most suitable for a Wordpress theme site.
-
Make a Div function as a link
June 6, 2009In this entry, I’m going to show you how to make a whole div to function as a link.
I will make my header as an example.
Normally, Header images such as mine are coded this way to set it as a link:
<div id="header"> <a href="http://example.com/"> <img src="./header.jpg" alt="" /> </a></div>
However, the problem comes when the image is the background of a div set at the CSS file. I’ve seen people put huge amount of spaces to fill the entire div and set it as a link. Which I believe isn’t a good coding practice.
The good thing is there’s a solution for that. Take a look at the code below:
<div id="header" onclick="location.href='http://example.com';"></div>
You’ll notice that an ‘onclick’ is set. That will make the Div be set as a link.
For wordpress you can use this:
<div id="header" onclick="location.href='<?php bloginfo('url'); ?>/';"></div>That way, you can keep the markup clean.
Leave a comment! | Posted in HTML
-
Reading improves
I’m currently reading Coloring Web Graphics by Lynda Weinman. It’s kinda old but very informative. Everything about web colors is covered. A must read for Aspiring web designers.
Leave a comment! | Posted in Aside
-
Centering a Div
A lot of people ask me how I center DIV elements in my work. I actually have 2 techniques which works fine and validates at W3.org.
1st is Centering a div through Auto-Margins:

Lets say you placed a div named ‘page’ inside your body tag to serve as a container for your content and you want to place it in the center of the page. Using Margins and having it set automatic horizontally will usually do the trick. (refer to the code below).
#page { <strong>margin: 30px auto;</strong> width: 500px; }Code Explanation : The 1st value in the margin field ‘30px’ sets the length of the margins at the top and bottom of the ‘page’ div to 30 pixels. The second value in the margin field ‘auto’ sets the length of the margins at the left and right side of the ‘page’ div automatically which also centers it because it sets the margins equally for both left and right margins.
2nd is Centering a div through a Negative Margin Method:
Using the same HTML Structure, we can also place the ‘page’ div in the center by using the negative margin method.#page { position: absolute; left: 50%; width: 500px; margin-left: -250px; }Code Explanation : What is obviously done here is that we push the ‘page’ div at half (or 50%) of the screen starting from the left side. And then pull back half of the total width of the div (which is 250px) . That should center the div perfectly.
Though there are tons of ways of centering a div, I choose to stick to these because it leaves the markup clean.
Leave a comment! | Posted in CSS
-
Hacked
May 15, 2009
I’m going to make this very short. These past few weeks, one-by-one my online accounts (may) have been compromised.
2 Comments | Posted in Internet Stuff, Rants
-
The Advantage of a Valid Markup.
April 9, 2009Valid Markup = making sexual intercourse with Firefox, Internet Explorer, Safari and etc.. Worry free.

Seriously. I’ve read in a web design irc channel :
“robotsdemise: having a valid markup is unnecessary. just a complete waste of time fixing those errors if your design shows up well”.
Here’s to you Mr. Robot. You are a complete nincompoop. Here is why : click here.
Comments Off | Posted in Web Design