iCreativeLabs blog

We’ve built Jamit Job Board official site since May 2007 and now they have great web 2.0 style site. Jamit Job Board is a web application for running and managing a Job Board. It is written in PHP and supported with MySQL database. It is a complete script for those who wants to run a professional Job Board website, and you can find jamit features here. Our roles in this project are design concept in psd (adobe photoshop) and convert into xhtml and CSS (tabless). You can see the Jamit earlyconcept below :

Concept #1

continue reading

Google invite us to make

Google favicon

, the g one is not they favicon final, it was a first step to a more unified set of icons. They needs value feedback from user and want to hear new ideas that they may have missed. Google team tried in total more than 300 permutation. What they wanted are something distinctive and noticeable shape than just a block. Below,what the Google team said in their googleblog, So… we think Steve Jobs and his iPhone the person who make Google must change their Google favicon. ha ..ha..ha.. ha..

The reason is that we wanted to develop a set of icons that would scale better to some new platforms like the iPhone and other mobile devices.

If you have your own notions about the

Google favicon

, please send them to google submit favicon. Maybe your idea will be the one that people see billions of times per day. But, dont be up sad if your work not in publish… this is what Google said

we can’t promise that we’ll use your work, but we really appreciate your taking the time to bring your own ideas to life and share them with us.

Just entries until June 20, 2008. You must be of a legal age to form a binding contract to participate.

Here are the technical requirements for your submission:

• resolution: 16 pixel x 16 pixel image
• format: .png, .gif, or .ico
• size: 5 KB
• transparency: 32 bit alpha transparency

DO YOU WANNA GET FAMOUS?? JUST

SUBMIT YOUR GOOGLE FAVICON IDEAS

Name : Flight Company site 2.0

Description : we build again free web template design for flight company site with different layout at header and content after we release the version 1.0. The color of the website are orange, red and blue with web 2.0 style. We add more icon at main menu and different flight board information.

File type of template :

• PSD (Adobe photoshop)
• PNG (Fireworks)
• JPG

Features :

• You can edit the vector via Fireworks
• Layer with organize folder
• free logo design

Icon Support : All icon support by vistaicon and famfamfam

Download Template :
Download free web template

Note:
This pack is licensed under a Creative Commons Attribution 3.0 License. This means you may copy, distribute and adapt the work as long as you include a link back to www.icreativelabs.com in your website, software, project, etc.

If you design or create website you must validated the CSS and HTML. You can find the css and html validator from w3c validator. When i used thickbox in my site the css not valid cause thickbox used css3 and the validation use css level 2

I think i must played cheat with this validation cause it’s make me feel sick. I make some modification for the engine for played cheat with this W3C engine.

First I learn what engine that W3C have and if found this on my engine [HTTP_USER_AGENT] => W3C_Validator/1.575 .When i see that i got the point, W3C used custom engine and the call the engine with W3C_Validator . I think i can modified my code and put some code for hide my thickbox.css from this engine.

This is the code for hide my CSS

<?php
$text         = $_SERVER["HTTP_USER_AGENT"];
$findme        = 'W3C';
$engine = strstr($email, $findme);
if (!preg_match("/".$findme."/i", $text)) { ?>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
<?php } ?>

You just need change the line 6 with your css that you want hide

And when i checked on W3C once more time, they said this site already validating you can see here

Google change the favicon. When I saw the google favicon in my browser I feel something wrong with my browser and feel annoying with the favicon. I tried to asked my friend and she got same favicon in the browser.

I got same references for the meaning of this favicon in internet, and found this one

The first time when I saw the new favicon at Google Image Search, I thought there was something wrong with my browser’s cache or I typed an incorrect address. Google’s new favicon is less cheerful and comforting, but it makes a lot of sense: the small g is a symbol for infinity (∞). A googol (10¹⁰⁰) is just a poor approximation for the huge amount of information that needs to be indexed, organized and made useful by Google.

Name : Flight Company site

Description : we build free web template design for flight company site. The color of the website are orange, red and blue. The style very web 2.0.

Type of Template : PSD with organize folder, PNG layer with organize folder (fireworks), and text bitmap.

continue reading

grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner. Grid-based layouts have become really popular among web designers over the last year and some people who love website build a grid system, they are Khoi Vinh, Cameron Moll, Olav Bjørkøy, Brandon Schauer, Jeff Croft and Mark Boulton. below the site who talk about grid and column design.

960 Grid System

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. They give Zip contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML, you can download it there. thanks to Nathan Smith

continue reading

Hi bloggers, First of June 2008, we decided to share some free web design templates categorized by professional usage for your convenience to browse. Some of them are transportation, company, hospital, travel, organization, and more. These freebies are provided with several file types:

1. PSD with organized folders (Adobe Photoshop)
2. PNG layered with organized folders (Fireworks)
3. XHTML
4. CSS
5. JPG or GIF

with following features:

1. XHTML and CSS Validation by W3C
2. Semantic code (easy to read by search engine)
3. Compatible in many browser
4. Can be install in CMS open source (joomla, Wordpress, or Drupal)
5. Inside page
6. Icon support by vistaicon

As for freebies, you will have it in limited file types, some might be in PSD and PNG layered with organized folders, and some can be installed in joomla.

These freebies templates will be updated every 2 weeks and we look forward for your feedback. If you want to share your templates with us please feel free to drop message for any questions.

On lately January 2008 we got job from Onlinegamez Australia. They want a new brand and make a lot of marketing tools. wow… this is our new challenge to get what kind target market they want it. Our job for this project are :

1. Logo-gram onlinegamez
2. Website
3. DVD box, CD box, CD sleeve and CD label for 6 games ( Gun bound, Rakion, Wolf Team, Granado Espada, Maple Story , and Nostale)

its not easy thing to do, coz we must make this new brand more freshly and catchy than the old version. but we just enjoy with our lovely job and have a fabulous time scratching design ..

this is our step by step to build onlinegamez marketing tools,

Onlinegamez logo

first mockup for logo onlinegamez, we gave 3 option :

they choose option number one and got some minor revision, below is the final logo. they really love it

continue reading

This late of night for writing something useful, but i try to describe the problem and solver in just a few paragraph.

This FCKeditor case. When I try customizing Jamit Job Board I got error on admin Page. This error only came on FCKEditor, you can see the error code below

uncaught exception: Permission denied to set property Window.FCK_STATUS_NOTLOADED
....
fckeditor.html (line 183)
uncaught exception: Permission denied to get property Window.FCKeditorAPI

For your attention in our tested case everything run smoothly, but when I test again after my client said they found some error like before I got some error like my client said.

Hmmmm what’s wrong with the code…

I learn every code and html output, everything not on mess, all tag already close. Trying on uncle google an still can’t found anything.

At last I found the problem when I watch every case in before. The problem it’s on HTTP address. In wrong version i used www before the address and the correct setting it’s without www.

For solved the address problem I used .htaccess rewrite

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.eastafricajobs.com$
RewriteRule (.*)$ http://eastafricajobs.com/$1 [R=301,L]

That’s code will rewrite your url and will redirect www.eastafricajobs.com to eastafricajobs.com

Problem done and one jobs has solved