Author Archive

50 Search Field Design From Various Search Engine

July 21st, 2010   by  aditia rahman

search-engine-thumbs

The search feature is one of the must have feature when creating a website, when we designing a search field, it has to match our site theme or look and feel. Here I listed the 50 search field design from various search engine that I found on internet, there are some with classic design, some with fancy image, etc. Just check it out.

Posted in Design Showcase1 Comment
Tags:

Extjs: Simple Image Gallery Using DataView and PHP

July 21st, 2010   by  aditia rahman

Last week I tried some of the extjs dataview example, it really great, just my thought, why not creating simple image gallery with dataview? All that we need is provided in the example (the panel, fileinputfield, the xtemplate) and this is the page wire frame that I created using Pencil Firefox Plugins.

Ext JS Dataview Gallery Wire Frame

Posted in Extjs PHP6 Comments

Fedora Linux Desktop Wallpaper Collection

July 19th, 2010   by  aditia rahman

Fedora Wallpaper Thumbnail

Fedora is one of the popular linux distribution on planet, it mostly supported by RedHat, and fedora make me love linux for the first time, it stand about 6 month on my old laptop before I moved to ubuntu, eventought now I using windows I still love the blue theme that fedora have with gnome desktop, check it out.

Posted in WallpaperNo Comments
Tags:

Extjs: Basic Multiple File Upload

July 17th, 2010   by  aditia rahman

Uploading file on Extjs is quite simple you can use the ux plugin from example site or find the 3rd party plugins or extension (whatever you called it), in this post I want to implement the multiple upload using default plugins from extjs example one another one using 3rd party plugin called “awesome uploader”

Using Default Extjs Ux File Input

You need to include these two files on your Extjs application, they are the js file in folder “examples\ux\fileuploadfield\FileUploadField.js” and the css file in folder “examples\ux\fileuploadfield\css\fileuploadfield.css”, then you can add field on the FormPanel with xtype “fileuploadfield” and add config “name” (this will processed by server) for example in my formpanel

Posted in ExtjsNo Comments

Beautifull HD Quality Castle Photography

July 15th, 2010   by  aditia rahman

There are sometimes when I watch movie that have classic kingdom background, and sometimes I imagine how it looks like the castle that used in that movie (some kind movie like braveheart or king arthur), then I search it on Flickr and I found so many photos about classic castle in HD quality, thanks to all the photographer on Flickr, providing us a lot of great photos.

Posted in Photos ShowcaseNo Comments
Tags:

Tools for Analyzing AJAX Request on Popular Web Browser (Except IE)

July 15th, 2010   by  aditia rahman

When you working in a web application project with rich client feature for example like using full Extjs component, you must be dealing with a lot Ajax request,  you must be want to know what the server response so in local development in different kind of web browser I always using these tools.

Firefox
You can use firebug for firefox addons for seeing ajax request that sent to server and see the server response, the advantage using firebug than the webkit inspect element is you can see the server response as a simple text or as an html, but on my firefox sometimes it got some error (nothing wrong with the server but server response not displaying on firebug). After you installing firebug restart the firefox and click on the firebug icon on the right bottom.

Posted in How ToNo Comments
Tags:

Cropping Image To Square Dimension With CodeIgniter

July 14th, 2010   by  aditia rahman

I’ve posted similar article before but this time I want to do it with codeigniter, codeigniter have a powerful image manipulation class, in this post I will use it to make thumbnail square from image, let get directly to the code. I make the function inside the controller, this code is cropping image that already located on the server so the image path (not URL) have to be defined.

Posted in Codeigniter1 Comment

World Cup 2010: A Collection of Infographic

July 13th, 2010   by  aditia rahman

Even though the 2010 World Cup already end, there’s so many great story and data behind it, here I compile to a post the infographic during the biggest football party on earth, many great artist has describe the data in the interesting way and congrats to Spain fans.

Productivity 2010 World Cup Infographic ( link )

Posted in Design ShowcaseNo Comments
Tags:

CRUD using CodeIgniter and EXTJS Grid – Part 3

July 13th, 2010   by  aditia rahman

This is the final post of the series CodeIgniter and Extjs CRUD, if you want to read the previous posts, here the first part and the second part of this post. Basically we already finish all the crud feature on the second part this only another common feature to add in the application, so we will add a quick search field on the grid, and what you need is the search grid plugin, I’m using the extjs example search field plugin from this extjs grid tutorial, you can download the complete code and find this file searchfield.js and put it your desire folder, in this post i put on the “assets/js/ext/plugins/” folder. Now all you have to do just include the js file in the view file and change the controller method.

Posted in Codeigniter Extjs19 Comments
Tags:

CRUD using CodeIgniter and EXTJS Grid – Part 2

July 12th, 2010   by  aditia rahman

This post is continuation of the part 1, in part 1 we already created the Extjs grid with pagination and load the store grid from the database, in this part we will add the save, edit and delete feature to that grid, and for make it easier it will use the editor grid.

First Edit The View ( in “application/views/user/index.php” )

We will use the editorGrid, one of them should be editable on the combobox field and the value is fetched from the database, so we create country store component and set like the code below (in this step we haven’t created the method to get all countries. it described in the controller section).

Posted in Codeigniter Extjs2 Comments
Tags: