Now, how can you bypass this protection?

Let’s find a random photo on Flickr. Here is one, a photo of skater by a Flickr user lomoD.xx

On that page, you can try to save the image, and you’ll notice that the save dialog box will prompt you to save a file named “spaceball.gif”.

Important note: It is the owner’s right to protect their artworks from irresponsible people who likes to steal other people’s content. This guide is just to help you to save the image for your personal collection, or if you’d like to publish it somewhere, it is your responsibility to link it back to the original source.

Use Firebug

Yes, that’s the only tool we need (other than Firefox web browser, for sure). If you’re not familiar with Firebug, I did cover some guides on my previous tutorial. Fire up Firebug, and use the inspect element and click onto the photo. You’ll (hopefully) see something like this:

Noticed the file spaceball.gif in the highlighted text on the left column in Firebug? Good. This .GIF file is overlaid onto the real photo that you’re seeing. So we need to get rid of it. The best way to do it is by modifying the inlined CSS. On the right column of Firebug panel is where you should modify the CSS. Initially, the CSS of the spaceball.gif is :

element.style {
   display:block;
   left:0;
   position:absolute;
   top:0;
}

All we have to do is to change the display:block to display:none as shown below.

Once you’ve performed this step, you can save the image, without having to deal with the spaceball.gif anymore. Note that this tricks will not allow you to get any other sizes of the photo other than the one you’re seeing on that page.

Use it wisely, people!

I’ve worked on this theme for months. I keep on delaying it because I’m too busy to finish it off. I almost gave up on the redesign, actually. But, fortunately I did not. I tried to squeeze some time to work on it, bit by bit.

To be honest, I still like the previous design. It was simple, and boxy. “Then, why the redesign?” you asked. Well, like my previous redesign, this is just another self-exploration and self-evaluation towards what I have learned and absorbed via extensive lurking around the web community for the past, say, few months. A lot of inspiration, a lot of resources and a lot of guidance available. So, here is where I tried my best to make use of all those information. Practice makes perfect. Perfect practice makes perfect – although, yeah, I admit, a lot of holes here and there that needs to be improved, and skills that need to be sharpened

In case you forgot, here is the screenshot of my previous design (click for full resolution) :

And you can compare it with the new design (this is what you should see on your browser, unless you’re using IE):

Although the basic format is retained in this redesign (one latest post with excerpt and previous posts with thumbnails), I tried to use some new approaches in terms of the presentation. The major one is probably the alignment of the whole structure – which is now left-aligned. Is it a good idea? You tell me. You can also see how the overall structure on the main page is divided into three vertical columns, and that is it. Less noise on the front page, I hope.

Design-wise, compared to the previous one, I make use of some subtle gradients, pixel-popping effects, subtle drop shadows and other minor enhancements here and there, that you will notice once you go through the site.

I will probably make additional changes in the next few days, if necessary, as to improve the overall experience. Do provide me with some feedbacks on the redesign – in the comment section. Thanks!

Note: As of this writing, I only tested the redesign on Firefox 3.5.6 (Mac + Win), Safari 4 (Mac), Chrome (Mac) and IE8 (Win). I don’t think I’m going to test it on IE6, but we’ll see about that.

Most of my friends knew that I’m not really a desktop kind of person – I’m always into laptop (but not netbook, they sucks). So, for me to buy this desktop-ish stuff is rather… weird. By the way, this is just a regular 21.5″ LCD display, by a brand I’ve never heard of. It had me at its beautifully simple design. (Update: The exact model of the monitor)

Wow I’m changing into a new person already. Photos!

This (very cheap) keyboard looks physically Apple-ish, except for being black (they have white color too, though). (Update: the keyboard brand is sensonic)  It is pretty cool, although I have to deal with different key strokes on some shortcuts and stuff – will probably buy a real Apple keyboard later on. Now someone should get me a Magic Mouse already.

Don’t blame me if my next website redesign requires a minimum of 1920 x 1080px resolution. I’m giving an early warning here

KreativeThemes is a collaboration works of seven young people, to provide you with high-quality premium and free WordPress theme. The people behind KreativeThemes are Izuddin Helmi and Amirul Faisyal as the co-founders – doing the boring stuff; Ajmal Eylia, Mohd Huzairy (Bat), Mior Muhammad Zaki, Nur Fatihah (Fath) and me as the cool people. Haha

I went to KL on the weekend, mainly to have a meet-up with these guys before the official launching. That was my first time meeting them, except for Izuddin Helmi (I used to stumbled into him at Puduraya last few months).  It is so different to be able to talk to people with the same interest, without having to explain so much on the terms and stuff. Not that I hate to explain, though. Haha

Concentrate. More photos in KreativeThemes fan page.

Although there was some technical issues here and there, and we had to sit on the floor in front of the elevator, we managed to launch it to the audience.

I am very excited. I worked so hard on two of the themes, Furvious (designed and coded by me) and my favorite, Phanatics (designed by Izuddin Helmi, coded by me). It is good to finally make them available online. Check them out! There are more to come from KreativeThemes soon! We are still new, do support us, and send some feedback too.

It was a special trip for me – because all the people I met are the people I met online. I even stayed at Bat’s house, and I haven’t even met him before. Thanks Bat! Later that night, we hanged out with Ajmal, Wafiq and MK up to 3am. Great guys.

Hope to see you guys again next time!

And guess what, other than these guys, I went out with 3 girls in two days. Haha.

I have been undergoing my internship programme for almost 5 months now, at Intel Penang. I don’t know about my other friends here, but I’m a pretty happy with it. I mean, I’m enjoying (almost) the whole thing.

Lets talk a little bit about it.

Unfortunately, I will not be able to share the whole details and information (or photos) about what I have been doing, because I’m respecting the confidentiality of the company’s information. A big overall picture will do. Basically I am working in a development team that is working on some in-vehicle infotainment system. It is  a pretty new and small team – with some developers, one PM and one PCM, and me, as the only one intern (and Malay) in the team.

At first, it was really uncomfortable to be around all the strangers. Everybody is busy with their work. I felt pretty bad. Unlike my other friends, I don’t have any cubicle – but my permanent place is in the lab. Not like those high school science lab though -  a development lab, with the computers, test system and stuff.

But the learning process is the one that helped me to get along with the team. And I started to enjoy the environment. My SV is the PM, so he is very busy with a lot of different stuff (and he is a very nice funny guy too!). So, most of the time, I have to be very independent – which is something I like, apparently. But he did assign people from the team to guide me through some basic stuff.

The toughest part was to get familiar with all the terms and acronym they used in the documents, emails and conversations. I didn’t expect them to explain to me one by one, but after quite some time, I started to get used to the terms and environment.

Experience.

Although I am just an intern, I am really glad that I am involved in (almost) everything. Project planning, all the project meetings, staff meetings, technical sharing, workshops – everything. I don’t know why, but I really like to go to the meetings. They are kinda fun, main because, they are not really conducted in a very formal way. It is a relax environment – people make jokes all the time. But the main reason I like them, is because of the insights and information I can get from the meeting – it is great to be able to observe how these guys thinks, make arguments and stuff.

Even if I’m listed as an optional attendee for certain technical sharing and workshop among the developers, I always joined them. This is the time where the developers share their high-level ideas and detail information for their planned development task. Sometimes, I have no idea what are they talking about – with all those weird and alien terms on the screen – but I like it. It is something not to be missed, because it is a great opportunity for me – and I’m probably not going to get this chance anymore – not in UTP anyway.

Plus, I have always wanted to know how exactly a product, in a form of a software, is developed in a team environment. The source control, project management, the bug fixing process, the testing and everything – up to the release, and the starting of the next releases. It is definitely a great experience for me.

What am I actually doing there?

Well, some stuff.

I’m not going to put everything in here – at least, not yet. There are still another 3 months to go. It is a great exposure for me – and I’m not going to take this for granted.

Plus, it is a great place to work – I can wear anything to work, I can keep my hair (!), I can go at anytime I want, I can have fun – as long as my works are not affected. And Friday is halfday!

I’m such a workaholic. I don’t want to go back to UTP.

Somewhere in the jungle. From left: Me, Fit Melongray, Maryam, Razan, Nisa, Syah, Erin, Enol, Hafiz.

Original photo by Enol

Original photo by Syah

Photo credit goes to their respective owners. More photos to be uploaded by them, perhaps into the Facebook later on.

Yeah, I’m still alive! Bye bye

Let me summarize the features/info about this theme:

• A 3-column fixed layout with fully widgetized sidebars
• Developed in WordPress 2.8.1, so features like nested comments, paged comments and everything in 2.8 should be working fine
• Comes with a simple Theme Options page
• Using CSS 3.0 for rounded corner and text-shadow; only viewable in modern browsers (Firefox 3.1+, Safari, etc)
• Beautifully integrated pagination based on WP-Pagination plugin
• Twitter status integration (can be disabled in the Options page)

This theme is suitable for anyone, and easily modified to suit your need.

Demo and Download

If you are interested with this theme you can view the demo page, or just download it now!
DEMO: View the demo page.
DOWNLOAD: Download Feusional theme now!

Change Logs

Will be updated later, if theres any update.

Support & modification.

There will be no support for any personal issues or custom modification on Feusional, except for bug fixes. The theme is provided as it is. However you can request for some major modification by sending some donation to my PayPal. Shoot me an email!

Credits and Licensing

This theme is available for free. You can download it, use it as it is or modify it as you wanted. However the credit and link back at the footer should remain in place. Easy? Cool!

Guides are those thin blue lines

As the name suggest, the Guides tool act as our guide – in terms of element positioning, layout arrangement and element sizing.

Guides on Guides

Starting up

During your design process, you can use unlimited number of guides (I suppose) to help you through. From the workspace, click and hold your pointer on the horizontal or vertical ruler on the left/top part of Fireworks. Then, drag it onto your working canvas. Now you have one guide. Yay!

Spaces in between

I normally use Guides to plan the width of my layout/elements; and the padding and margin between those elements. To do this, drag several Guides onto the canvas, and position them accordingly. To see the width/gap between each Guide, hover your mouse pointer on that area, and hold down the Shift key. Fireworks will show you the width and the height. Cool! Try to keep the Shift key down, and move your mouse pointer around.

Drag and display

You don’t want to keep on guessing the width/gap of certain part when you drag Guides onto your canvas. To avoid this, you can actually hold down Shift key while dragging your Guides horizontally or vertically. It will show you the width or height between those Guides, real-time.

Small pixel move

It was quite frustrating when you only want to move the line 1px to the left, but it is too small that it will move more than 1px further. I suffered that before – until one day I accidentally found out that there is a workaround. Double-click the Guides; a dialog box will appear with current location of the guide, based on the ruler. Vertical guide refers to the top ruler; horizontal line refers to the left ruler. Common sense, isn’t it? Now you just have to modify this current location value – either subtract 1px, or add 1px or any value.

Lock onto position

Since those Guides will be on top of your canvas, you might accidentally move it when you’re working, which is quite annoying. By locking the guides, this will not going to happen as I will not be able to moved. Great tip if you planned to build your custom grid system in Fireworks! Keyboard shortcuts: Cmd + Alt + ; (Mac) and Ctrl + Alt + ; (Win)

Hide/show the clutter

Sometimes when you had too much Guides on your canvas, it is going to be very messy – to a point where you cannot look at your design anymore! Not a problem. With Cmd + ; (Mac) or Ctrl + ; (Win), all the lines will be hidden from your view. The same shortcut will bring them back to live.. er, I mean, back onto the canvas. In fact, if you closed your Fireworks, to go out and get a life for a moment or two, the same guides will be preserved in your file (unlike Grid).

Those Guides will also be preserved if you send your source file to other people on different platform.

End of story

Personally, this Guide tool has been helping me a lot during my design phase in Fireworks – to be more precise with my layout arrangement and position, which going to help a lot through the coding phase, especially the CSS. The value for width, padding and margin has already being defined in Firework – just port them in to the CSS code.

Time saving in both design and coding phase. Awesome!

The main reason I wanted to come home is to grab the shirts that I ordered few weeks back. They arrived here one week after my order. That was really fast if you asked me. Normally I have to wait for 2 weeks minimum, for international orders.

Previously I never blogged about the shirts that I bought online – maybe because I wasn’t really satisfied with the products. Either the size is too small or big, or the material is not that good. So I’ll just keep them in the closet, or give them away, or just sell them to other people. One of my favourite was the one I wore in this post.

And here are the latest addition to my favourites:

Sorry for the low quality photo – I only used a crappy camera phone under a low lighting condition.

Two of them are from Drop Dead Clothing and the other two are from Never In Wonderland. Figure it out yourself. Awesome stuff. All of the items fit me perfectly. Well, you know how skinny I am – so, its kinda difficult to find a really really suitable size. I am definitely going to order more from them.

Yeah, yeah – I know some of you might be judging me now, buying these kind of shirts with offensive or disturbing images – but I like them that way. Big detailed illustration. If I wanted to get some conceptual and simple design with just some text and brilliant quotes, I can just buy them from our local indie clothing label. </sarcasm>

Oh I found another great online store. Going shopping now!

It is almost 7 weeks since I’ve been in Penang for my industrial internship. So far, everything is going great. It is so good to live a different kind of life this semester – with no lectures, no test and exams, no staying up late trying to complete all those assignments and stuff. Although it is 8-to-6 kind of work here, it is kinda fun.

I don’t feel like writing and sharing all the stuff that I’ve been doing here so far – too lazy. But I have been keeping some daily shots from my crappy Nokia N70 2.0MP camera phone, and upload it into another place, somewhere on the internet – no text, just photos. Well, I have always consider myself writing blog just as a medium of MY future pleasure. So, maybe I’ll keep it to myself first.

It’s a photo of a moving bus shot using night mode. See, who needs DSLR anyway? lol

I’m currently working on some thingx, only during my spare time (which is very short, by the way), with Izuddin Helmi on his new project. And because of this, I’m back with coding WordPress themes as well as a lot of new stuff to catch up. I have been playing things safe by just doing the basic part. I guess, it’s time to get into a much advance position. We’ll see later. I also have to pause my CodeIgniter exploration for some time to continue working on this. It’s pretty good that I finally able to understand those MVC thingy, and create a simple app – at least for now.

Oh another thing, I am pretty upset with my result for my last semester examination. Urgh. Screw that. I just wish I can stop worrying about this thing already. I want to finish study fast and start doing things that I’m really into. 4 years is long enough to keep on pretending. Screw everything. I’m tired of keeping scores.

bye bye.