How I spent my last weekend? I did some work and play with css and php. Watching some movies like You don’t mess with zohan and my fav series Top Gear. I love that even i stayed at home alone without my mates.

Status : 1 wordpress ready to release, 1 in development.

I am out.

Before that enjoy some of these videos. Hand-picked vimeo dot com.

Trust me, only cool vids here. no shit!

1. What Matters to You // Me?

What Matters to You // Me? from Jr.canest on Vimeo.

2. Sleeping Beauty - City lights / Music video

Sleeping Beauty - City lights / Music video from Benjamin Taft on Vimeo.

3. Fireplay

Fireplays from Jon Thomas on Vimeo.

4. Green

Green from Sami Takieddin on Vimeo.

5. Pause

Pause from Aaron Sjogren on Vimeo.

6. Driving

Driving from Martin Wilson on Vimeo.

7. Too much candy

Too much candy from Capucha on Vimeo.

8. The Whistler

The Whistler from trunk animation on Vimeo.

9. Swift Wings

Swift Wings from Charles Huettner on Vimeo.

10. University Lipdub (HS Furtwangen)

University Lipdub (HS Furtwangen) from DASKAjA on Vimeo.

11. Crazy in love

Wedding Video Crazy in Love Lip Dub from Jonathan Watters on Vimeo.

12. Lip Dub - Tambureddu HD

Lip Dub - Tambureddu HD from Leonardo Dalessandri on Vimeo.

I found 2 softwares that almost simillar to textmate. not 100% but yeah.

1. Intype - intype.info

Current release - 0.3.x. Sitll alpha.

Free

2. E-texteditor - e-texteditor.com

Current release - 1.0.24

Trial for 30 days. Full version $34.95

Quick review

Interface

Function and Preference. - I prefer E.

Bundle - E offer more. But you don’t have to worry about xhtml and css. Both included.

Speed - intype load faster than E. I feel intype more lighter than E. E-text editor takes some time to load.

Theme - E-text editor gives more preset theme and more option to edit the text color, bg color, gutter and more… while intype just like 17 preset themes and it is not editable.

So which one is the best?

If you dont want to invest some money. Just use intype. It is good enough to handle css, xhtml, js or php. Else just buy E. Its worth i guess.

First, i would like to thank Wpcandy & Liquidicity for release a great wp help sheet that help improve my productivity. You can download the .pdf from here 592kb

I like the sheet but it is in .pdf file. The thing is i don’t like the format. It’s big in size and difficult to copy and paste the code. So i decide to transform the whole thing to .html file. Yeah! Light and smaller size, guess what? 10kb.

What is WP Help sheet?
It is just a file with all common code that most wordpress developer use in wp.

Why we need?
Huh? It save time btw. You don’t have to search Google or open theme file just to search one code. Increase productivity

View : Wp Help Sheet

Download : Wp Help Sheet

Just print and paste it on the wall beside the screen. Have a nice day.

Been thinking or wondering how they did custom social button? In this article i will show how to create custom social bookmark button with working link.

Anyway, it is pretty easy if you understand the wordpress template tag. #.

The idea

The Code

1. Digg submit url
http://digg.com/submit/?phase=2&url=

2. Post permalink
<?php the_permalink() ?>

Digg submit url + Post permalink(1+2)
http://digg.com/submit/?phase=2&url=<?php the_permalink() ?>

To make a working submit button or link, just add some simple code.
<a href=”#” mce_href=”#”>link</a>

The code you should include somewhere in index.php or single.php
<a href=”http://digg.com/submit/?phase=2&url=<?php the_permalink() ?>”>Digg this post</a>

Other social bookmarking sites

del.icio.us
http://del.icio.us/post?url=<?php the_permalink() ?>

blinklist
http://blinklist.com/index.php?Action=Blink/addblink.php&Url=<?php the_permalink() ?>

ma.gnolia
http://ma.gnolia.com/bookmarklet/add?url=<?php the_permalink() ?>

StumbleUpon
http://www.stumbleupon.com/submit?url=<?php the_permalink() ?>

Technorati
http://www.technorati.com/faves?add=<?php the_permalink() ?>

Twitter
http://twitthis.com/twit?url=http%3A%2F%2F<?php the_permalink() ?>

Note: this is site submit url + post permalink code.

Result

Turn a link into a cool button with some cool css.

Examples

wefunction

Psdtuts

webdesignerwall

Don’t forget to

Digg! this post.

Good luck!

I use Windows XP with latest Firefox 3 and Safari 3.1.1.

Here’s what it look in the browser.

Font family : Arial sans-serif 11px.

I prefer Arial in Firefox. It is more readable. Safari smooth engine makes the letter weight increase and decrease the letter spacing. Firefox win.

Font family : Georgia serif 18px.

Safari text rendering is smooth compare to firefox (too sharp and looks like crap.) Safari win

Conclusion

If Steve Job never learn about typography. Mac never get multiple type faces*. That what he said in his Commencement address at Stanford in 2005. That’s one of the best speech i ever heard.

*PS : at 4.38 “Windows just copy the mac” < Owned

Photopro premium wordpress theme will be available soon.

Hello, i just upload mini wp 1.1 with new color scheme.

Demo : mini-wp v1.1

Download : mini-wp 1.1 (95)

Nothing much improvement from the previous version. Just added new background and new color scheme. I will add more if i have time.

I am regular visitor at vimeo.com and i love the site. Their main design is focus in simplicity.

So in this post I will show you how to create a multi color header like Vimeo staffpick header. Like this

1. Create a new document. 300×300 pixels. Fill the background with white (#ffffff).

2. Activate the ruler by pressing ctrl + r and make sure it is in pixels mode.

3. I create a section with line at 50 pixels width.

4. We are going to use this as color pallet.

5. By using Rectangular tool (U) create a 50 x 300 pixels box. Fill it with blue (#3399fe). Rename it as Layer 1.

6. Duplicate the layer 1(right click at layer no 1 and click duplicate) and rename the new layer as no 2. Drag layer 2 to the right.

7. Fill the new layer with #485077. Continue repeat the step. (duplicate the layer, rename it, drag to right and fill with color) Until you get this.

8. Now, use ruler and create a new section 50 pixels height (horizontal).

9. Use Rectangular tool (U). Make a new box with white color. Rename it as layer ‘a’. Duplicate the layer a(right click at layer ‘a’ and click duplicate) and rename the new layer as ‘b’. Drag layer b to the bottom.

10. Repeat the step no 9 until you get this.

11. Now lets just adjust some opacities of layer a, b, c, d, e, and f.

12. Save it as image.jpg file.

13. Create a new document. (950 x 300 pixels). Open image.jpg. Drag it to the new document.

14. Duplicate the image that you move just now. Drag to right. Repeat like 4 times.

15. Job done.

Example :

This wallpaper i made for my desktop. It was my experiment with Photoshop. I am off to Island tomorrow.

Download : 1280×800, 1280×1024

I back after one and half week without new post. The reason is I am still sick. I have been to specialist to check my sickness(continues flu). Even the doctor put a tiny camera through my nose to see what cause the problem. But he said there is nothing to be afraid. So, I just eat the medicine and get rest.

Lots of thing happened this month, this site has got more and more visitor after the released of Mini-wp theme. I didn’t expect that massive traffic come just from simple wordpress theme.

Another thing is i finished the new design of Css Panda. The previous theme was done in rush and it’s lack of many functions such as rating section, color tag and advertisement section.

CssPanda.com

The new look :

No. 1

No. 2

I have been working this for about a month and half As you can see, the website has may improvement like i said before. The main changes is it come with two different layout which the user can change on the fly.

Friends

Fath from pelangipetang.com transform his her blog to a creative production house. The theme is so cool. Congratulation.

Gie is MIA with his D80 after went to Jakarta(6th of May). Where is he?

Theme

Bat from infoMalaya.com released the new free theme, Pelangi. Yes, it is a great theme.