Web Designer, Build Web Apps issue 217 [book]

I already bought this book around RM39.90 last 2 months ago at Kinokuniya, KLCC. It’s quite long enough I kept this book until I read it by today at my office, just got free time to check the content. The title is Web Designer, Build Web Apps issue 217 and got some freebie, a CD that contain a lot of tutorials and resources.

web designer build web apps

web designer build web apps

Table of contents: (Quick Look)

  • Is Snap set to change the face of web animation?
  • How effective are screen captures?
  • Get your creative skills seen.
  • Make money with Twitter.
  • Trust in yourself.
  • Lightbox.
  • Sports for life.
  • A collective of talent.
  • Build web apps.
  • Google tools masterclass.
  • 25 ways to make PHP beautiful.
  • Portfolio.
  • Crowd source.
  • Hosting listings.

Upon my friend request for wordpress theme, you can download the package below.

I will post a few of tutorials from this book later. Please inform me which tutorials you are interested below.



Don’t hesitate to contact me if you got any questions regarding to this book. Enjoy!!

How to adjust status bar properly for iOS (hybrid app)

Sometimes you will see your status bar not properly adjust in your iOS. Here got some tip and trick to fix your problem.

Put this code inside your MainViewController.m right after MainViewController @implementation and before @end.

- (void)viewDidLayoutSubviews{

    if ([self respondsToSelector:@selector(topLayoutGuide)]) // iOS 7 or above
        CGFloat top = self.topLayoutGuide.length;
        if(self.webView.frame.origin.y == 0){
            // We only want to do this once, or if the view has somehow been "restored" by other code.
            self.webView.frame = CGRectMake(self.webView.frame.origin.x, self.webView.frame.origin.y + top, self.webView.frame.size.width, self.webView.frame.size.height - top);


status bar (before)

status bar (before)


status bar (after)

status bar (after)

Nightmare Clients

Difficult clients are a fact of freelance life. Luckily forewarned is forearmed. Here are four hazards to watch out for and how to avoid them.

clients from hell

clients from hell


This happens more often than you expect. It isn’t enough to agree that you will get paid at the end of a project. To protect yourself completely, ask for a deposit up front – ideally 50 percent of the overall fee, then draw up a comprehensive contract that sets out a schedule payment and defines the scope and length of the job.

Late Cancellations

Don’t be blinded by the prospect  of an exciting new project. If you keep your schedule clear for work that hasn’t actually been confirmed by the client with a written contract, you could end up out of work and hugely out of pocket if the project falls through. Always make sure you have a signed contract before getting carried away.

Differing Ideas

It’s so easy to conduct all your business by phone or email, but makes it harder to suss out new clients. Set up a face to face meeting before you start the work and you will get a better feel for their expectations and modus operandi and hear any warning bells much earlier on.

The Terrible Client

You now them, there are the ones who call at all hours to make endless revisions. Make sure your contract (signed before starting works) states how many revisions you are prepared to make before you will start charging for extras. And don’t be afraid to explain your working hours if you feel a client is taking advantage of your work ethic.


Simple Ajax Data Retrieval (JSON)

Sometimes peoples keep asking me again and again how to do ajax data retrieval using JSON format. The technique is so simple.


First thing, you need to setup your parameters (if needed) in formData variable. Then declare your URL, data type for response and request and callback (mostly success and error callback). Below is a sample for your ajax data retrieval. It request and response your JSON data. If you not really understand what is JSON, you can visit this website here.




formData = {
    param1: param1
    type: 'GET',
    contentType: 'application/json',
    url: "http://localhost/test.php",
    dataType: "json",
    data: formData,
    success: function(data) {
        //success handler
    error: function(data) {
        //error handler

Make sure your url can request and response JSON data. If you don’t know what it is, you can visit these websites for your clarification about this technique.

It’s easy right? Happy coding!!