J.me

Responsive layout testing

While working on a responsive website, testing it could be tricky. The usual way (and effective) is to resize the browser window and there’s many plugins on the browser that do just that. Another way is to use an available tools on the web, many of these are awesome, like The Responsinator and Screenqueri.es. Another one that is also my favorite is RWD Bookmarklet by Victor Coulon.

These were all cool and I frequently used it. However, these tools were made for testing on mobile and tablet display resolution, what if, you want to test a laptop or desktop resolution as well? In my case, I have 1280×800 laptop, so I never knew how the website will look on higher resolution screen. There’s also many display resolution on mobile now to consider, not just iOS resolution.

And so I created a simple tool to test responsive website, with a wide range of resolution to select, from mobile to tablet to desktop. Also HDPI display is common now, so I added a device pixel ratio selection that calculate the effective resolution. For example, Motorola RAZR have QHD display with pixel ratio of 1.5, so the effective resolution is actually 640×360, that is the resolution the phone display on it’s browser.

Feel free to use the tool here: responsive.jeffri.net

A little bit of disclaimer, I don’t store any data from your usage. There’s no trip to the server when you use it, at all. 🙂

Hope you find it useful! Cheers!

The Basics to Write a Secure PHP Web Application

Securing your application is the most important things when building an application. This is the basic that every programmer should follow, it’s a must. However, sometime programmer might forgot the basic, and the more complex your application is, the harder it is to maintain and looking for security holes. While securing your application doesn’t mean that you will be totally safe from a hack, since there is many factor of why a web can be hacked, but reduce the possibility is always a good practice.

This article will give you walkthrough on the basics of creating a secured PHP application. I will give some step by step to filtering input, keep your code up to date and standard. I’ll also give you some good practice I always do.

ZN5 Backup Tools 1.0

Here is my ZN5 version of Backup Tools.

Even though it used the same name as my E2 version, the code is completely different. I rewrite the code to make sure it would worked well in my ZN5. This is written in Bash and requires showQ and showRadio. So any modded firmware should be able to run this. In addition, you need to have Mgx Box, MPKG Box, or similar software to install MGX.

I just added some basic features for the backup and restore. The backup file is stored in tar archive and the file name is generated by date. By default, the backup file is stored in /mmc/mmca1/backup, you can change it anyway.

It support backup and restore following data:

  • Contact, SMS, and other related data stored in /ezxlocal/sysDatabase/main.db
  • Menu Tree
    this should work only on the same firmware, so it is useful when you want to try a new firmware and then return to your old firmware, you restore this file and your menu tree will still the same as before you flashed
  • Web Profiles
  • Settings
    I would recommend you to restore this on the same firmware, although it might worked fine to use the backup for the other firmware

The best feature it has is it support multiple backup. So you can choose to restore backup from any date you want (as long as you have the backup). 🙂

Download

If the download didn’t work, try to right click and choose save link as (or other similar option in your browser).

Hope you find it useful. Cheers… 🙂

Any comments, suggestions and bugs report are welcome. Thanks.

Installing Aptana Studio on Ubuntu 9.04

aptana

Aptana Studio is a powerful IDE for web development. It supports HTML, CSS, Javascript and the server side script such as PHP, Ruby and Python. Even more, it support a wide variety of Javascript library. It based on Eclipse and available as a standalone application or as a plugin for Eclipse. Aptana Studio is available on Windows, Mac and Linux. And the best of all is, Aptana Studio is free. Here I will post how I install the recent version of standalone Aptana Studio, 1.5, on 32 bit Ubuntu 9.04 Jaunty Jackalope.

First of all, download the Aptana Studio on http://www.aptana.org, choose the Linux and 32 bit version, or change it accordingly to suit your machine. Before we start installing the Aptana Studio, we need to ensure we have installed the sun-java6-jre and sun-java6-plugin. To do that, simply type this in terminal

Digsby, multiprotocol IM client

My installed Pidgin didn’t work well this past few days so I started looking for another multiprotocol IM client that is free and customizeable, then I ended up using Digsby. Well, why didn’t I use the single IM client? Simple, because I need to online in three (actually two) IM service at once, MSN, YM and ICQ (sometime). Digsby also support email notification and social networking such as Facebook and MySpace! This save my life a lot. 🙂 Also, I prefer the ad-free client… Oh, also, if you see the left sidebar on this blog now, you will see Digsby widget there! Yup, now you can chat with me directly from this blog… Don’t forget to set your name first so I can identify you. 😉

Okay, back to the client. During the installation, there is some ads and a few application that you need to install. There is total 4 application (free and trial, including Digsby), but I uninstall all of them leaving Digsby alone since I don’t need the other. 🙂 This is fine though, since it is available for free, the important thing is, there is no ads anymore after this…