Borey

A web developer at Yoolk Inc. Specialize on frontend.

 

Here’s the link to download this free ebook on rack -

“The Little Rack Book” http://goo.gl/dTXCs

IMPORTANT

You Do NOT Have Rights to Edit, Resell, Copy or Claim Ownership to this Book!

However…You DO Have the Right to Pass this Book Along to Others Who Might Benefit from it!

Feel free to share it with your blog readers and give it away as a freebie.

ALL RIGHTS RESERVED: You do not have any rights to sell or profit from this book. All content is to remain unedited and all links must stay in tact as they are. You can not claim any type of ownership without express written permission from the creator and only the creator, Satish Talim. All rights to this book belong to the author only.

 

1. Open File: /etc/environment
2. Add a line below then save
GTK_IM_MODULE=xim

3. Reboot machine

 

I’ve just started my own OpenSource web framework. I name it “HashHandler”. Its main functionality is helping to handle the hash “#” in URL. This will make developer easier to build single page web application. This framework is still in very early stage. It can be used to build single page web application, however, it lacks of functionality & documentation. It might be full of bugs. I will spend time improve this framework & write documentation. Meanwhile, you can play around with it.

Here’s project source: https://github.com/borey/hash_handler

 

JavaScript is popularly used for adding extra functionality to web page. As the popularity developing dynamic web page and Rich Internet Application(RIA) grow, many developers have started to develop their RIA and dynamic web page using JavaScript library without knowing the pure JavaScript DOM & Event.

In this talk, I’m going to introduce the DOM & Event using pure JavaScript without any help from other library. At the end of the talk, I’m expecting to get all the participants get more understanding on usage of DOM & Event in JavaScript.

Open Tech Talk flyer

Open Tech Talk flyer

here’s the slide:

 

Here’s my presentation at DevCamp event on 28th August 2010. It’s an introduction to Titanium Mobile framework, developed by Appcelerator. With Titanium Mobile, we can use fully JavaScript (optional HTML & CSS) to build a native application running on Android & iPhone.

 

Recently, I’ve upgraded to use Ubuntu 10.04. It seems that by default, I can’t just use “sudo apt-get install sun-java6-bin” to download the java package. After doing Google for the solution, I’ve come across a working solution. I need to add apt repository first, before I can download the java package:

sudo add-apt-repository “deb http://archive.canonical.com/ lucid partner”
sudo apt-get update

NOTE: Be mindful of the double-quotes in case you are doing a copy-paste from the webpage.

Feb 082010
 

Here’s slide I’ve made for my presentation to my college on Singleton Design Pattern. There’s example in C# and JavaScript.

Oct 052009
 

Here’s my presentation slide during barcamp phnom penh 2009:

Sep 302009
 

Here’s a littile progress bar I’ve created using JavaScript. I’ve use JavaScript setInterval() to increase the progress bar & clearInterval() to stop progress bar.

//Create dom
var bar = document.createElement("div");
progressBar = document.createElement("div");
with(bar.style){
    width = "200px";
    height = "10px";
    position = "absolute";
    border = "1px solid #949DAD";
};

with(progressBar.style){
    width = "0px";
    height = "100%";
    background = "#D4E4FF none repeat scroll 0 0";
};

bar.appendChild(progressBar);
document.body.appendChild(bar);

//start setInterval
var x = window.setInterval(
	function(){
                progressBar.style.width = parseInt(progressBar.style.width) + 5 + "px";
            //stop interval when progress bar width = 200
            if(parseInt(progressBar.style.width) == 200) clearInterval(x);
	},
	40
);
Sep 132009
 

The tabIndex property sets or returns the tab index for a text field. The tab order defines the order the elements appear if you navigate the page using the “tab” button on the keyboard.

Given the scenario that we have a webpage which has many links & a form for users to complete. In this case we see that the main focus is the form not the links before the form. If users were to use tabkey to browse to the form, it would take many keypress before users are able to go to form. We can solve our problem by specifying the tabindex property.

Here’s a simple example:

<pre><form>
    <label for="name">Your Name</label>
    <input value="" id= "name" name="name" type="text" tabindex = "1">

    <label for="email">Your E-mail</label>
    <input value="" name="email" id="email" type="text" tabindex = 2>

    <label for="mobile">Your mobile</label>
    <input value="" name="mobile" id="mobile" type="text" tabindex = -1 >

    <label for="message">Message</label>
    <textarea rows="4" cols="30" name="message" id="message" tabindex = 3></textarea>
</form>
</pre>

“tabindex = -1″ will make the tab not go though the field when the user clicks tabkey.

© 2012 Programming & technology Suffusion theme by Sayontan Sinha