New Theme 97% Complete, Bandwidth Deprive

Finally, within one week I managed to make a new theme for NH.

Before I start coding & designing, I initially set 5 aims.

  • Pull image tag (PHP) – Success!
  • Extract favicon when linking (CSS) – Success!
  • Watermarking (CSS) – Partially, I know the method.
  • Ajax commenting (PHP) – Failed. jQuery doesn’t play nicely.
  • Cascading sidebar (PHP) – Not needed.

I’ve also added a drawer feature on top, which I called, Peekaboo! In Peekaboo, there are 4 dynamic bars or shall I say widgetize bar (you can edit via admin).

Main page

The funny writings only appears on main page. If you are diligent enough, hit refresh, you’ll see 3 more designs. Using PHP, rotating images. I plan to add 10 of those.

On the sidebar, I’ve limit the sidebar to 3 fields.

  1. Featured article. It pulls the first <img> tag and overlays the title of the post.
  2. Recent Comments. It helps me to get around quickly.
  3. Recently Read. Automated from GoogleReader, which also features favicon.

In any web design, there are two major considerations; IE6 (backwards compatibility) and total size. There’s nothing you can do about IE6 other than force your users to upgrade. The latter is worrying.

Last month, I nearly blew my 50Gb allocated hosting bandwidth. I was only 3Gb shy to being suspended. For NH alone, I used up 20Gb! Assuming 1Mb per visit, that’s about 20,000 visitors! I have other domains (Negaraku & Laman7) riding on NH’s back. For that reason alone, I have to conserve bandwidth.

To overcome this, I use GooglePages. Any file that exceeds 30kb, will be uploaded there. Usually images and jQuery library. This way, you download content simultaneously from both Google and NH, saving you that extra miliseconds. In short, killing 2 birds with 1 stone 😉

I use 960.gs grid system. They’ve also been kind enough to provide .psd template (photoshop), which makes life, a hell lot easier.

One last feature I’d like to show, is the 404 page.

404 Page

I like it 😉

Ok, I probably sound like fat kid drooling over cupcakes. No more technical stuff.

ps: My light-headedness isn’t getting any better, so is my fever. I’ll go to HKL and check for H1N1 tomorrow. Seriously people, H1N1 is not a laughing matter. So don’t go around saying, “tah tah H1N1 kot?

 

There are 47 Comments for “New Theme 97% Complete, Bandwidth Deprive”

waaah~
cepat sembuh!!

Reply to This comment


NoktahHitam replied #1

Hopefully cepat laa sembuh. Ade iras-iras blog ko tak? Hahahah.

Reply to This comment


xun replied #1

hmm. not really. i don’t think so.
if we developed a robot, it does not mean that others don’t. right?

this theme still has you DNA in it. 😀

Reply to This comment


NoktahHitam replied #1

The black, red and silver. Vampire-ish, yup my DNA 😀

I should have given you 70% of the credit. I referred to your CSS a few times 😉


xun wrote on August 2, 2009 #1

Betul tu, kalau ada symptom2nya…pergilah check…lega hati nnt

moga Allah menyembuhkan…

Reply to This comment


NoktahHitam replied #1

Baiklah mak :”>

Reply to This comment


Kujie wrote on August 2, 2009 #2

wow. cool design.
I love the scrolling twitter updates. hehe.
anyway, get well soon dude.

Reply to This comment


NoktahHitam replied #1

Tp aman, aku rase pointless buat twitter pusau2 macam tu. Takpe la, janji “cool”, usability, haprak 😛

Reply to This comment


aman replied #1

ooo. komen dari admin tak kelihatan kat recent comments ea. hehe. bagus2.

Reply to This comment


NoktahHitam replied #1

Dari dulu lagi macam tu bro. Tp kalau ko tanye camne aku buat, aku pon dah lupe 😛


aman wrote on August 2, 2009 #3

ko guna font ape kat negaraku yg down tue? nak. hehe.

Reply to This comment


NoktahHitam replied #1

EvilGeniusBB. Font ala-ala comic Marvel

Reply to This comment


Sweet Thinker wrote on August 2, 2009 #4

bro. tumpang tanya.mcmana ko buat utk compatible theme ko dgn IE7 atau IE8?

kalau leh bagi tips atau teknik yg boleh aku gunakan. aku sangat2lah berterima kasih. sbb aku pn sedang belajar pelan2 buat theme utk wordpress nih.

walaupun xdelah lawa mcm theme2 yg ko buat, kira ok la jugak bagi aku sendiri guna.

adios

Reply to This comment


NoktahHitam replied #1

Nak cerita dari A sampai Z, susah gak bro. Pendek kate gune Firebug. IE7 atau IE8 dah lebih kurang Firefox. Safari dan Chrome same engine, jadi tak yah risau. Lagi satu, ko bole bace, Abgwebmaster.com

Reply to This comment


zaryl wrote on August 2, 2009 #5

H1N1 is just a flu…you’ll get well in a week..
yes, people die from H1N1, but those with other chronic conditions..those people die from flu every year..
you’re young & healthy, don’t worry!

Reply to This comment


NoktahHitam replied #1

Of course I’m worried. There are many deeds in life I have yet to fulfill.

Reply to This comment


bul4n wrote on August 2, 2009 #6

dah 6 yang meninggal sebab h1n1 neh
dah merebak teruk la
better pergi check kalau demam

Reply to This comment


xun replied #1

my sis kata, jangan terlalu taksub dengan kes H1N1 ni. ramai gile kat hospital! siap marah2 Dr lagi. Padahal diorang ikut procedure je.

kesian my Sis and Bro-in-law. Sehari about 200+ yang report nk check up H1N1.

Reply to This comment


NoktahHitam replied #1

Dah kalau Ismail Merican sendiri yg suruh pegi check, nak buat camne?

Anyway bro, dapat a few dah mati because of H1N1. That’s why kene berjaga². Ade dalam paper tu, die igt anak die demam biase je, last-last mati. Tak ke sedih? Baru 21 tahun budak tu.

Reply to This comment


MakanMalaya wrote on August 2, 2009 #7

nice colour . =)

ish , semua dah start buat ni . nak jugak la. =)

Reply to This comment


xun replied #1

hehe. jom join Theme Development Wave!

Reply to This comment


NoktahHitam replied #1

Mase utk berkembang~

Reply to This comment


asx wrote on August 2, 2009 #8

nice new theme~

ps: get well soon~

Reply to This comment


NoktahHitam replied #1

Thanks bro!

Reply to This comment


d2z wrote on August 2, 2009 #9

Stim lak aku main tekan-tekan F5. Kool dowh quotes ko.

ps: Watermaking – Font kasi kecik sket dude. Sampai ilang background image dikerjakan oleh watermark ko.

pss: Ko nak release tak theme ko ni? Bagi kat aku satu. Whoahahaha

Reply to This comment


NoktahHitam replied #1

Memang aku nak belasah image tu pon! Hahaha. Watermarking tu aku test untuk photoblog. Kire lepas ni, tak yah la nak edit satu2 dlm photoshop. Upload je, terus ade watermark. Cool doh CSS ni!

Release theme? Tunggu aku start company theme aku dulu 😉

Reply to This comment


Syam replied #1

Ko adjust la size watermark ko kasi kecik sket. Baru nampak senonoh sket. Ikut cam aku nye current theme.

CSS dia mmg kool dude. Siap xleh nak save image. Mantapap

Reply to This comment


Syam wrote on August 2, 2009 #10

i like the tagline..even heroes have the rights to weep :)

do check ur flu condition..hope u’ll be fine

Reply to This comment


NoktahHitam replied #1

Hehehe. Everytime I look at that tagline, I’d grin to myself. Unexpectedly excited all by myself 😛

Reply to This comment


inah wrote on August 2, 2009 #11

Nice new design. Black, elegant and kick-ass!

Reply to This comment


Bryan Karl wrote on August 2, 2009 #12

cun! memang cun theme baru ko nie. tahniah!

aku pun punyai harapan yang sama untuk punyai theme yang seringkas dan sekemas ini.

aku ada satu persoalan mengenai penggunaan sistem CSS grid. bagaimana utk serapkan sistem tersebut!? aku tak faham atau aku pening pun aku tak pasti hu3.

ps – cecepat pegi check up bro! semoga cepat sembuh dan dilindungi dari gejala H1N1!

Reply to This comment


NoktahHitam replied #1

kau biasa pakai firebug? Bukak page 960.gs pastu ko try dgn firebug. Tgk camne die buat. Memule mmg blur. Aku pon blur jugak. Tapi lame-lame dah grasp concept, senang je.

Reply to This comment


megat replied #1

aku biasa ternampak firebug tapi tak pernah guna. macam mana aku nak daaptkannya!? add ons firefox ker!?

Reply to This comment


megat wrote on August 3, 2009 #13

WHOA !!
this theme and all the tweak is SICK !

i guess i will be spending more time here admiring your work.

awesomeness.
=D

Reply to This comment


Fawwaz wrote on August 3, 2009 #14

heheh.. siyes mmg cun theme ko.. :) Penuh ngan grapig tapi takde la berat pun. hohoh.. keep up the gudwok.. gudlak :)

Reply to This comment


mr.eims wrote on August 4, 2009 #15

boleh tahn ye theme ni….
ni..
9/10

Reply to This comment


myhardday wrote on August 4, 2009 #16

Am I the only one who wants the old theme back?? Is your theme 100% complete now? Because I feel like it’s not even 97% complete.

Just my one cent. It doesn’t worth anything at the grocery store nowadays…

Reply to This comment


NoktahHitam replied #1

Nope. My bestie likes the old theme better. I thought you said the same thing when I changed to my previous theme? Anyway, I don’t feel much like home with the new theme.

Reply to This comment


atreyustrange replied #1

I don’t think it was me because I don’t know of any other theme you HAD besides the previous one.

* Eh, what happened to all the smileys??

Reply to This comment


NoktahHitam replied #1

The smileys are still there, just not always visible. It clashes with other some part of the new theme. Sadly kan? Some things memang kene sacrifice.


atreyu strange wrote on August 6, 2009 #17

perghhh semat la bro ini theme… jeles lak aku…

Reply to This comment


Kill-Vearn wrote on August 9, 2009 #18

cool theme. Mesti penuh semua hospital di Malaysia ni sebab H1N1. Hopefully you are getting better now.

Reply to This comment


hafiz wrote on August 10, 2009 #19

cool design… x open for public ke?

Reply to This comment


myfr3ak replied #1

lawa..release la bro, takpa, nanti aku tolong bloggerized..hehe (sbb nak guna..aci tak?)

Reply to This comment


Azah wrote on August 15, 2009 #20

whoa.. this new theme it’s totally kicking asses.. =)
any chance of a version of this new theme available for download, like the old theme / plant-a-tree?

Reply to This comment


w1zard wrote on August 21, 2009 #21

sirus, smart gila theme ni. nak tempah satu blh? wat ala2 camni gak. hehe

Reply to This comment


mohdisa wrote on September 8, 2009 #22

Leave a comment, I won't bite ;)

feed for comments on this post.

Login or Register if don't want to fill in the details below everytime.