Firebug, an add-on for Firefox browser, is an awesome tool for web development. It can inspect and tweak HTML page and CSS in real-time, so you can see temporary changes [...]]]>

Firebug, an add-on for Firefox browser, is an awesome tool for web development. It can inspect and tweak HTML page and CSS in real-time, so you can see temporary changes that are made to the page in that moment without refreshing the page. It also has an advanced JavaScript debugger; you can see the full Firebug features here

This article is about further extensions for Firebug, which can extend Firebug from its basic feature for web development by installing additional extensions (that is also a Firefox add-on). If you’re still new in what is Firebug and how to use it, there is an extensive tutorial here at Makeuseof about “Amateur’s Guide To Customizing Website Design With Firebug”.

Here are a couple of its popular extensions, which I use in day to day basis:

YSlow

Among other extensions for Firebug, the most popular one, are developed by Yahoo! inc Company. YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites. The rules are

1. Minimize HTTP Requests
2. Use a Content Delivery Network
3. Add an Expires or a Cache-Control Header
4. Gzip Components
5. Put StyleSheets at the Top
6. Put Scripts at the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript and CSS
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags
14. Make AJAX Cacheable
15. Use GET for AJAX Requests
16. Reduce the Number of DOM Elements
17. No 404s
18. Reduce Cookie Size
19. Use Cookie-Free Domains for Components
20. Avoid Filters
21. Do Not Scale Images in HTML
22. Make favicon.ico Small and Cacheable

It ranked (like A, B, C, D) your website for performance based on three predefined rulesets:

1. YSlow(V2) – this ruleset contains the 22 rules listed above.
2. Classic(V1)- this ruleset contains the first 13 rules listed above.
3. Small Site or Blog- this ruleset contains 14 rules that are applicable to small web sites or blogs.

Note, the tools that are available in YSlow are also really useful, like JSlint a JavaScript code quality tools; YUI CSS compressor, Yahoo own tools that minifies CSS and including one of my favorite image compressors, Smush.it. It compresses image size so it became smaller without any loss of quality and thus makes the web load faster because of it smaller size.
You can install the YSlow extensions here and the full guide for the extensions here .

SenSEO

This extension analyzes web pages and tells you how good they fulfill on-page Search Engine Optimization criteria. It gives you

• Overview of SEO-important web page components
• Analysis of on-page-SEO-criteria
• In the newest version SenSEO (1.4.3 in the time of writing) checks
  Correct usage of Document-Title, Meta-Description and Meta-Keywords
• Headlines, Domain and URL-Path
• Other general content-criteria

As you can see in the screenshot, it shows all of the component that are needed for search engine optimization, from h1 to h6, meta description and keyword, the alt attribute in images and it even show how the search engine read the website trough visible content.
You can install the extensions from here.

There are others popular extensions like Flashbug (displays all the running .SWF file trace output), FireQuery (plugin for jQuery development), you can see it at “Firebug Extensions add-on page”, The extensions is ranked by its popularity and the complete list is in the official “wiki for list of all Firebug extensions.”.

u may also like this :

• – What do u do if u don’t have sense of art in designing a website
• – Miabebo Shop: Nursing Covers & Diaper Bags
• – Google Hack on Document
• – Toko Dephe Site Launch
• – Google hack query Summary (yes, another one… )

@font-face at-rule is one of the most anticipated feature in CSS3, it allow you to define custom font for your website, allowing you to upload fonts to your web [...]]]>

@font-face at-rule is one of the most anticipated feature in CSS3, it allow you to define custom font for your website, allowing you to upload fonts to your web server and deliver the font itself to the client browser

Typekit is a web service that provide fonts & the font delivery service for this use, the huge benefit of using Typekit is that you dont have to think about the font license that you’re going to use and the bandwidth that the font are going take, Typekit will take care of that. But lets get to the point on how to use it on your thematic child themes,

After signing in (currently on invitation only), you’re asked about the name and the address of your website (you can use localhost for testing environment) then you’re asked to add snippet code to your html head tag like this

1
2

<script type="text/javascript" src="http://use.typekit.com/XXXX.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

to use it on your thematic child theme use this code at functions.php

1
2
3
4
5

function childtheme_typekit() { ?>
<script type="text/javascript" src="http://use.typekit.com/XXXX.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<?php }
add_filter('thematic_head_scripts','childtheme_typekit');

(change the XXXX or change all the snippet code)

What this code does is put the script at your head tag. Easy right? if you want to know more about thematic you could visit Thematic Framework.

About Typekit, I was a late invitation on Typekit, i’ve notice on twitter that every body got the invitation since first august but i just get the invitation yesterday. My experience using typekit? it’s downright easy, u could automatically add font stack on the Typekit Editor in case the client browser doesn’t support @font-face.

after testing in localhost environment this is the screenshot of Typekit in action

This is good-dog font, using h1 selector with letter-spacing -1

Typekit comes in two version, the free and the pay version, the free version you’ll get less choice of font and you’ll get typekit badge while using it. There are 3 pay version scaling up the number fonts, bandwidth use & features.

Right now i’m using the free version, i haven’t thought in upgrading my account, because right now i dont have any plans on what i’m going to use it for.

u may also like this :

• – Using Thematic Child Themes
• – Create Custom Posts Layout in Home Page (Thematic Child Theme)
• – Learning Thematic
• – Puspaningrum Theme
• – Website Re-design

pic [...]]]> Beside using google hack query to look for songs and movies. I’d like to give an example query on how to use google hack to search document across the web.

pic by Brian Sawyer

As an example, let say we want to look books about “Angels and Demons”, i can give two query samples that help you search books about it. But let me give a warning before that if we want to use this query, the result in google is 98% filled with illegal use of copyrighted material, so proceed with cautious and another warning is make sure that your PC is installed with the latest antivirus and dont ever use this query with Internet Explorer Browser, because IE is prone to Cross-Site Scripting(XSS). We never know the search result site is infected or not.

The first query to look for document that have Angels and Demons keyword is

-inurl:(htm | html | php ) intitle:”index of” +”last modified” +”parent directory” +description +size +( pdf | lit | rtf ) “Angels and Demons”

And the other is the one that is more accurate but lesser result because the search query is targeted on the ebook or ebooks named folder.

-inurl:htm -inurl:html intitle:”index of” +(“/ebooks”|”/book”) +(chm|pdf|zip) +”Angels and Demons” “Last Modified”

To use the query we could directly click on the query above or u could copy paste the query on to google search bar. To modified the query in to anything that we want to search, just copy the file extension that we want to search, like if we want to look for a microsoft word document, just add or change the (chm|pdf|zip) keyword into (doc) or (chm|pdf|zip|doc).

The ( | ) sign resembles the meaning or, so if the query use (chm|pdf|doc) it meant to search file that have a file extension of thebookthatyouwant.chm or thebookthatyouwant.pdf or thebookthatyouwant.doc

Like i said before about google hack, there’s a lot of website that offer this kind of function to search books, songs or a movies. So why do we need to learn this query to look for books etc on google? The purpose to learn this tutorial is just a back-up plan, in case the favorite website that u visit is down or filled with spam.

Yup there’s a high probability that the site that offer this kind of function can be filled with spam/malware/virus, base on my experience there are 4 site that was my favorites happen to have virus, the site is down or change into a must register site.

Here a couple of website that are my preferred site to search specifically on pdf document

• PDFse Ebook Search
• PDF Search Engine

In case you’re not sure about the safety in using this site, just use the latest Firefox browser with NoScript add-on, or use Opera browser instead.
u may also like this :

• – Google hack query Summary (yes, another one… )
• – Google Hack?
• – Google Define and Google Currency
• – Google Toys
• – Opera or Firefox?

The hardest thing when differentiating between needs and wants is viewing the benefit of the things that we are going to purchase. If we can clearly see the benefit, we [...]]]>

The hardest thing when differentiating between needs and wants is viewing the benefit of the things that we are going to purchase. If we can clearly see the benefit, we can judge it right away that the purchase we are going to do are necessary, not an impulsive buying.

The bad things is when we really want something badly, our judgment become blind to view the benefit objectively. This happen to me very often, especially with books. To prevent it growing into a bad habits, i have a couple of routines that i usually do to monitor my monthly spending allowance

• use cash
• and the other is delaying the purchase

I can’t tell you how much i saved my money by using cash but let me explain how it goes, if we have a commitment in using cash for buying things, we have to prepare money in advance for spending. The amount money in your wallet is fixed so you can’t over budget using cash. If the cash in the wallet is thin, i usually have to go trough 2 choice, going to nearest ATM or ask my wife. Making the process of taking money longer sometimes could turn off impulsive buying in my case and the most positive thing in using cash is that we can aware the amount money we use.

The other one is delaying the purchase, this is my golden rule in buying expensive stuff. When i was confuse in choosing two item, i choose to delay the purchase a week or a month, rethink it again in another day, if i still remember it after a couple days couldn’t get over it, rethink the day to day useful of the item, ask ourselves if this item could encourage our line of work, could this item boost up our productivity or is there an alternative beside buying this item. If it’s an impulsive buying our conscience will tells it or the passion in buying will fade away.

I’m not saying that buying the things that we want is bad, i even encourage it if there’s a budget in spending it, buying the things that we want could motivate us further in doing what we do. It fulfilled our self actualization needs and the thing that we want could become the source of our creativity in working.

What i thinks is unhealthy is the impulsive buying that leads to debt. Spending more that you have. Just a couple of weeks ago i’ve gone eating with my friends. By looking at their jobs and lifestyle i know that they overspend their monthly allowance. While we are eating together after shopping, she even said that she had to use credit card again for her daily expenses, because she literally doesn’t have any money until next month paycheck.

I was sad seeing that kind of situation, i told her to budget their expenses, but i know that my advice doesn’t get through to her because its the second time i hear her complaint about day to day expenses. I’m not trying to interfere with other people’s business, but i’ve seen to many of my friends and relatives buried themselves in debts. Slowly but sure, their daily life becoming like a robot, working just to pay debt, day after day, month after month.
u may also like this :

• – Differentiating Between Needs and Wants
• – be dazzled
• – What U Need to Buy When U Want to Purchase an Entry Level Digital Camera (simple tips)
• – Want is the path to the Dark Side
• – Bad Habit that i’ve change (Part 1)

Just Read an 1986 books from Bondan Winarno, a famous journalist & freelance writer in Indonesia. he wrote an interesting article in one of his books called “Seratus [...]]]>
pic by .mands.

Just Read an 1986 books from Bondan Winarno, a famous journalist & freelance writer in Indonesia. he wrote an interesting article in one of his books called “Seratus Kiat” (a hundred tips).
The article title is How to eat a banana, what interest me the most is that the article really tell u how to eat a banana, it just make me awe of how something that simple there’s an international norm on eating it.
Okay here’s a couple of choice on how u eat it. Which do u think that will fit an international norm on eating it?

• Peel the skin and eat it right away
• Peel all and throw the skin then eat the fruit or
• Peel the skin partially and slice accordingly to what u can eat at the moment

If u guess, peel the skin partially and slice accordingly to what u can eat at the moment (not eat it straight away the fruit), u guess it right.

By knowing this, it really tells us no matter how much you know about other culture, there always new things that comes up for u to learn. But to be honest, I still eat banana right away after i peel it at my home, but i think we need to learn this manner if we were in other country because we want to appreciate others. By all means manner is the manifestation of respecting others, so by learning it, we know that we were in the right path in respecting others.

If u want to be more mindful of what you eat, there’s a more elaborate guide on how to eat banana from MindfulEating.org
In case u never seen a banana tree, i wrote in my past post about huge banana tree
u may also like this :

• – HUGE Banana tree!!!
• – WHAT THE F***!!!!
• – Huge Mango!
• – Today is a beautiful day
• – Google hack query Summary (yes, another one… )

phew, i just updated my site, i read an article from MyTestBox “Is your WordPress blog hacked? Why not upgrade to the latest version?” and realize how fragile [...]]]>
pic by petervanallen

phew, i just updated my site, i read an article from MyTestBox “Is your WordPress blog hacked? Why not upgrade to the latest version?” and realize how fragile my site is. I think anyone who have wordpress blog should know this.

Here are a couple of things that i didn’t know it would be key point factor in securing my site.

1. The wordpress default plugin directory is not secured, so anyone can see what plugin i’ve installed, in case u want to see it the default directory is in here “www.yoursite.com/wp-content/plugins”.
2. Change my admin password regularly, lucky i’ve just download a portable password manager KeePass Password Safe Portable couple of days ago. There’s a built in password generator in it (dont forget to click save after u’ve save all of your password).

There’s also a lot of recommended plugin in the site. And i thought updating my site with the latest wordpress is enough.

u may also like this :

• – WordPress Admin Management Xtended
• – Testing Safari 3 BETA and Firefox 2.004 on ADSL 40.kbps (1:1) Windows XP
• – WordPress Video Tutorial
• – PS3?! Heck Yeahhh!!, Blog Oh! Blog Site Review
• – Puspaningrum Theme

I have a confession, I suck making category for my writing at this site :( that’s why i always confuse what category supposed for my posts and after [...]]]>
Pic by scorpio_magic

I have a confession, I suck making category for my writing at this site :( that’s why i always confuse what category supposed for my posts and after that i put it in the same category over and over again, after a while i realize what should be the category of the writing and edit the post and save again. it’s a tedious task.

My biggest problem with it right now, i want to change all category of my post in the past with the appropriate ones so it became readable if i want to search it. but editing one by one is hideous, but i considered myself lucky because my writing is still not much (around 170 post), what if my writing like Mr. Roy at downloadmunkey.net? if i’m not mistaken he once had 150 post in a month?! that a great deal of works if he want to change all category of the posts. Before i had a lot of post like him i’d like to change it quick and that’s when i think there’s should be a WordPress plugin for mass changing category and tags.

Looking at the WordPress Extend Plugins Resources found this fantastic plugins, WordPress Admin Management Xtended. It not going to let you mass category change, but it will let u change it via the manage admin view.

Under the action text u could see those blue button which function as changing the date, allow comment or not etc. It’s a superb plugin imho, btw there’s a video explaining the function of Admin Management Xtended

While I add plugin for category i also add

• WordPress Database Backup
• Similar Posts
• FeedBurner FeedSmith plugin

All of this plugin i read it at Top 10 must install plugins for WordPress users!

u may also like this :

• – Securing Your WordPress Site
• – Puspaningrum Theme
• – Be Water My Friend… With Thematic
• – Like Button Metadata in WordPress
• – Website Re-design

This post is to help Poppie get rid the virus on her laptop.

okay, you got virus on your PC and its makin you sick, so what to do? To [...]]]>
pic by ninakupendaVIPS

This post is to help Poppie get rid the virus on her laptop.

okay, you got virus on your PC and its makin you sick, so what to do?
To be honest here in Indonesia the virus is different from the majority virus around the world, because almost all of the local virus spread via devices such as flash disk or memory card. The method is also quite intriguing, they use social engineering (see example to understand better about this term) to disguise the virus.

e.g. to fool users they use folder or Microsoft office Icon to persuade on clicking the virus. Before they could appear on the folder, Windows usually initiate autoruns. While on autoruns, the virus on the flash disk or Memory card change the registry of all the folder on the device to permanent hidden and hide the extension of the file like .doc or .exe. The flash disk or memory card that is used to spread the virus are chosen because internet is still not a common thing in Indonesia. The computer rental or the internet cafe are usually the hive of it.

pic by karl151k

Seeing this pattern, i notice that no antivirus from outside Indonesia could handle it quickly, the famous brontok virus is not recognize by Norton Antivirus until a month, Mcafee too. The only antivirus right now in my experience that could manage Local virus quickly from outside Indonesia are AVG and Kaspersky.

Luckily there’s a Local PC magazine that are taken the initiative in making antivirus for local virus. The Magazine are PC MEDIA with his famous antivirus PCMAV.
They use two method in bashing away the virus, their own signature of key of local antivirus and use Clam AV (Open Source Antivirus) database to eliminate from international virus.
The biggest advantage i think the Antivirus itself it’s portable and downright slim, 2mb only the PCMAV and 18mb with the Clamav main db, daily db and local library.

To use it right away u could donwload it here

Download PCMAV antivirus July Edition (2mb)
International Link
http://depositfiles.com/files/6677969

Local Connection (Indonesia)
http://www.indowebster.com/PCMAV_With_Updaterar.html

Download PCMAV Antivirus with main+daily update of CLAMAV antivirus and the required library for windows XP (June 20th update db, 18mb)
International Link
http://depositfiles.com/files/6673720

Local Connection
http://www.indowebster.com/PCMAV_CLAMAV_Database_with_Windows_Libraryrar.html

Beside the famous signature of local antivirus, PCMAV have some downside, u can’t setup proxy for updating, u need to cure/heal the file manually by pressing the cure/heal button and if u have 512mb ram, well prepare to stop working for a couple of hour. The scanning process is quite long, it may take up for 2hour+ for a full 80 gig of harddisk. But the scanning is perfect it may catches virus that unidentified by AVG or AVAST antivirus. The bad thing is if you’re using system restore on your XP you better turn it off for a while. sometimes if the virus identified as system file and it is locked, u can’t fix it with PCMAV that where other software come handy.

by Ng?c Hà

There are two other free software that is a must have on my PC regarding security, Unlocker and COMODO firewall (The best Firewall IMHO). Like i said before, there are file are locked and can’t be fixed with PCMAV, Unlocker work perfectly in EVERY SITUATION like this, there almost hundred of incident i’ve solved with Unlocker. Unlocker is a free software and a solution for (and i quote from the website )

Cannot delete file: Access is denied
There has been a sharing violation.
The source or destination file may be in use.
The file is in use by another program or user.
Make sure the disk is not full or write-protected and that the file is not currently in use.

pic by freewareblog

Unlocker unlock all of this issue, if u cant unlock it right away, Unlocker will unlock and delete it(if requested) after reboot. download it at http://ccollomb.free.fr/unlocker/ . Genius app!!

For firewall, i use Comodo Firewall, this is the best firewall there is, at first u may find tedious to approve EVERY application that want to connect to the internet, but once it identified it as a safe application u dont have to approve it anymore.

Actually there’s one little DOS command script that i make to remove permanent hidden on folder or file that have been damage with the virus. A really small script (1 kb) and u can read the content of the script with notepad. Use this script ONLY INSIDE REMOVABLE STORAGE or partition drive that doesn’t have Windows System folder (e.g if u have windows folder on C: , dont use this script on drive C:).
Download it Here
International Link
http://depositfiles.com/files/6678292

Local Link (Indonesia)
http://www.indowebster.com/Permanent_Hidden_Removalrar.html

u may also like this :

• – It’s Been a Hell of a Week
• – Google Hack on Document
• – My list of things to remember when re-design my own site
• – The bible of Uploading Sites
• – YouWave Android: the easy way to run Android on your PC

Interested in making Firefox as The Most Software Downloaded in 24 Hours? Firefox 3 is coming around this time of year and i’m sure participating this event will make big changes [...]]]>

Interested in making Firefox as The Most Software Downloaded in 24 Hours?
Firefox 3 is coming around this time of year and i’m sure participating this event will make big changes on people perspective on Firefox, as a person who use Firefox extensively i’m encouraging u to join Firefox 3 Download Day.

Well for those whose uncertain with the monstrosity features that Firefox offer is i can tell u this, if u decided to try, don’t just download the Firefox browser (even thought they have neat features), also installed them with thousand of useful plugins or add-ons.

Among the add-ons that i’ve installed is No-Script for the notoriously safe browsing and Stumbleupon for changing how u look the web.

if u’re uncertain with the thousands of add-ons that are available in the directory of firefox add-ons, well u can’t go wrong with
. With the immense feature of the toolbar itself i think u don’t really need to install another plugins (except stumbleupon of course :P )

So dont hesitate using Firefox and join in pledge in Firefox 3 Download Day!!

According to my google analytics there are 35% of my reader still using Internet Explorer, if u doesn’t convince with my statement, i’m sure there are 562527298 people who’ll be more convincing (data from Spread Firefox 2008 – 05 – 29). Just click the picture to join Download Day or click the Google Toolbar to get Firefox with toolbar
u may also like this :

• – Today We’ll Make History With Firefox
• – Testing Safari 3 BETA and Firefox 2.004 on ADSL 40.kbps (1:1) Windows XP
• – Firefox Download Day Certificate
• – Opera or Firefox?
• – Quality browsing…

Three days ago my boss want me to fix his computer [...]]]> Don’t ever trust this kind of locks!! it’s easily breakable. U don’t need to be a thief to open this.

Three days ago my boss want me to fix his computer but the PC was lock with this kind lock and loss the key.

After a while we try to find a bolt cutter to cut the lock but we couldn’t find the cutter. then my friend Rahma tells me that was an easy task, u could see her in my writing in hectic days in the office (the one with the red ruby in her head). she tells me that we need to find a trigonal clip

after finding it, we bend the trigonal clip into this shape..

twisted in the keyhole and then.. voila.., damn u can unlock it in just a few minutes, just to make sure u dont make the same mistake as my boss did, dont buy this kind of lock, this kind of method can be pratice on many size of locks as long it has similar keyhole.
u may also like this :

• – The Five Dollar Themes Club Small Potato
• – My Boss’s Birthday
• – Gaming Addiction
• – Jayus
• – a lunch at Sakura