1. MoA Wifi

    June 28, 2009

    Wifi Fights : KrispyKreme vs Burger King.
    Burger King Knocks out KrispyKreme in 2 Devastating rounds.

  2. Old is the New New

    June 18, 2009

    Old is the New ‘New
    Jeffrey Zeldman on Redesigned.

  3. 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.

  4. Dejavu

    June 9, 2009

    I’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.

  5. 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.

  6. Make a Div function as a link

    June 6, 2009

    In 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.

  7. 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.

  8. 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:

    centerbymargin1

    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:

    centerbyleftalignUsing 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.

  9. Hacked

    May 15, 2009

    posttitle

    I’m going to make this very short. These past few weeks, one-by-one my online accounts (may) have been compromised.

    [ Read More → ]

  10. The Advantage of a Valid Markup.

    April 9, 2009

    Valid Markup = making sexual intercourse with Firefox, Internet Explorer, Safari and etc.. Worry free.
    validmarkup

    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.

You decided this.

-->