Firebug

Anyone doing site design knows that pouring over HTML codes looking for that line of code that you need to change is tedious. Especially when you’re not entirely sure where to look or can’t find it within the thousands of lines of code. That was before I discovered FireBug.

Firebug is not just a HTML viewer and editor that runs on Firefox. It has other tools that are useful for web development. Head over to Firebug’s site for a list of features. I’m just going to show you some features that I really like about Firebug:

1. Inspecting page elements

firebug1

Men are visual creatures. Instead of pouring over lines and lines of code, now with Firebug you just have to mouseover the element that you want to inspect. In the example above, hovering over the title “Going Back to Film” reveals that the style class is from “titlecontent” and I instantly know the font family, size, and color. So if I ever need to change the font style, I just have to go look under “titlecontent” in the styles.css file and make the changes there.

2. Useful Tooltips

firebug2
Hovering the mouse cursor over the color code #18A700 reveals that it is green in color.

firebug6
Hovering over an image link shows the image.

These tooltips really help speed things up. Instead of having to go to different programs to figure out the color for example, now you can do it right from Firebug.

3. Instant preview

This is one of the coolest and most useful feature of Firebug. Instant previews.

firebug3
Hovering over a line in the styles page will cause a grey “disable” sign to appear beside it. For example, the style “title_block” defines the “About Me” font style.

firebug4
Clicking on the grey “disable” sign will cause it to turn red and disabling the style instantly. As you can see, the “About Me” font is no longer bold.

firebug5
Instead of disabling certain styles, you can even edit them. For example, changing the font-family.

This happens instantly so it’s really useful if you want to see if a particular style will be suitable without having to edit and upload the file to the server.

The above are just a few nifty features that I like about Firebug. It’s also useful if you want to see how something is done on another site. Maybe you like how they decorate their tables (HTML tables) and want to know the code behind it. Or maybe you like their fonts and couldn’t be bothered to “View Source” and go through all the code just to find the font-family. Now you can do it conveniently with Firebug.

So get Firebug today, and let it do wonders to your web development life!

Firebug - Web Development Evolved Continue reading

Using a Nikon SB600 on a Holga

I bought a Holga without the built in flash because I didn’t think it would be powerful enough to illuminate what I need to illuminate. Instead, I modified (read: using masking tape) the Nikon SB600 slightly so it would work on the Holga.

DSC_6577
Holga 120GN with Nikon SB600.

First thing you’ll need to do is get some tape. I recommend masking tape because they leave no sticky residue and are easy to work with. Next, take a look at the pins under your flash:

DSC_6579

We need to cover up those pins that are circled in red. This will prevent the pins from getting shorted when mounted on the Holga. This is what I did:

DSC_6574

You can do it anyhow you want. Just make sure those 3 pins are covered and you then can mount your flash on to the Holga. Keep in mind that only manual flash is available on the Holga (obviously). So keep a chart handy to know what power to use. For example, at ISO100 @ f8, you need 1/1 to illuminate subjects further than 3m. At the closest focusing distance (0.3m), you just need 1/8. You can even bounce the flash, but you’ll need a whole lot more power for that.

On other news, my Fujifilm Superia Realas arrived yesterday. I didn’t even know films have datasheets.

DSC_6596 Continue reading

Airline Manager Route Distance Database

Airline Manager is a Facebook game that allows you to build an airline and manage it. Due to the recent drastic changes of the route system by the creators of the game, players are no longer able to see the available routes and distances. This has become a big problem when players want to assign an aircraft to a route. Most of us want to maximize an aircraft’s range, but not having a list of the routes and their distances means we have to go through trial and error to find the route with the distance that we want.

airline_manager
Airline Manager Route Distance Database

So I’ve come up with a solution in the form of a searchable database that lists down all routes available and their distances. Known as the Airline Manager Route Distance Database, just enter the required distance and it will show you all available routes that are within that distance. With the names of the routes give, you can then make an informed decision on which route you want to take. Note however that the distances may vary slightly with the game’s.

If you’re playing Airline Manager on Facebook, this may just save you some time when assigning new routes for your planes.

By the way, check out co.cc for free domain registration! No gimmicks! Airlinemanager.co.cc was registered there. Continue reading