• screenshot 1

    Phaseo

    Today, July 26th 2009 is the anniversary of Abdusfauzi.com and I am here to announce the private release of my new WordPress Theme, code name Phaseo. The development of this theme is a new experience for me.

    Phaseo took the shortest time to be designed, sliced, xhtml-ed, css-ed and debugged when compared to my other graphic-centric WordPress theme. The idea came since last semester while I was blog-hopping. The design process took me only 2 days — a paper sketch plus illustrated on the laptop. However it took me 3-4 days for coding. A total around a week of less. Like always, my WordPress theme will be focus on the design of the header.

    Phaseo

    This theme is 90% hard coded by me, scratch. The 10% is the usage of 960.gs CSS Framework. Before this, I was using Blueprint CSS Framework.

    It was a breeze when you have the basic layout from 960.gs because the framework came with a bundle of designing and html developing resources, such as the graphic templates for Fireworks, Photoshop, InDesign, Inskape, Omnigraffle, Illustrator and Visio. These templates come with the grid and guides according to the css framework.

    With those resources, you can start designing without worrying on how to slice them later. You can arrange the elements and blocks that you want, and later you can just slice and start to html-code the design. 960.gs comes with more than that — including a sketch-sheet PDF for print and later to be used for paper sketch. Cool.

    Enough with the css framework. The code name Phaseo derived from Penyue -> Phenyue -> Phayue -> Phaseo. This theme utilize a JavaScript framework from jQuery and some other plugins to make my idea a reality. I chose jQuery because they are easy to learn and able to be used together with Prototype JS framework.

    The Header

    The concept came from ElliotJayStocks previous theme. However, the fonts are different. There are a lot of visitors were curious about how I create them. The truth is, I used Symbol fonts and other special character from a font which I forgot. I manually pick every single letter from Symbol alphabets list which give out the result as what you see on the header of this theme. Some of them which I recognize is Alpha, Beta, Delta, Function, Micro / Mu (Mew).

    And, owh. This is my 150th post! Weee~

    Thats all for now, HAPPY BIRTHDAY TO ABDUSFAUZI.COM! The site is 1 year old, effectively on 26th July 2009.

    Development Processes

    sketch-mockup-w1024development-list2-w1024development-list1-w1024

    Related links:

    960 Grid System
    ElliotJayStocks

60 Comments

Add Your Comment