Kaleb Hornsby

New Horns.by Domain

2012-06-23T00:00:00+00:00

I moved my website to my new domain, horns.by. I do like my new vanity domain, but it was not the most straightforward or cheapest setup. For anybody thinking about getting a Belarusian domain, there are a few things that should be known.

First, a .by domain is expensive. It is listed as $15, at least 33% more than I have paid for any other domain. This is the price before the 20%, or $3, VAT, bringing the total up to $18 a year. This was not the last of the unexpected fees, however. The registrar does not take any expected form of payment. What they do accept is wire transfer which added additional costs.

The monetary expense was not the only thing making a .by domain a poor value. The lack of DNS management provided with the domain was unexpected. To overcome this, I decided to use Cloudflare free DNS management. After getting it set up, everything has worked great.

Form Labels

2011-11-26T00:00:00+00:00

When authoring HTML, if you find yourself writing an <input> element, chances are that you are going to need to label it. The proper way to label an <input> element is by using a <label> element. I don't know how many times I've seen web developers omit this tag. Start using it. It aids in the accessibility of your site.

The main component of the <label> element is its for attribute. The value of the for attribute is the id of a form element. Form elements can be one of <input>, <select>, <textarea>, or <button>. The for attribute can be omitted if the <label> element surrounds the form element.

The only issue that I have with omitting the for attribute is in Internet Explorer 6 in which clicking the label will not activate the form element. I don't have too many customers that still use IE6, so I omit the attribute depending on my customer. The W3 at one time did consider the omission of a <label> element's for attribute a failure criterion in accessibility, due to a lack of its interface control being determined programatically, but I do not believe that this is still the case.

See below for an example of labels in use. Hint: click on the label, and not the checkbox.

Mutt E-Mail Client and Gmail Over IMAP

2011-10-17T00:00:00+00:00

I wanted to set up mutt to check my Gmail over IMAP. Mutt is a highly configurable TUI email client. Since it is so configurable and I am already conditioned to using Gmail's keyboard shortcuts, I have decided to share my mutt configuration to emulate Gmail.

WebPutty and Respond.js

2011-10-06T00:00:00+00:00

A couple of months ago, Fog Creek came out with WebPutty, a "simple CSS editing and hosting service." It is a fantastic tool which hosts CSS files for me. This feature in itself is not that special, but what does make this service awesome is that it lets me write my styles in SCSS and it also has a pretty slick interface for letting me see style changes on the fly. I was loving it, but then I ran into a stumbling block, which I'll get to in a bit.

Respond.js

I've been experimenting with responsive web design for a little bit now. To aid me in accomplishing this with older deficient Internet Explorer browsers, I turned to Respond.js. Respond.js will parse all of a web page's CSS styles and emulate the supported media queries it finds with JavaScript to the best of its abilities.

To be able to retrieve the external CSS files, Respond.js performs an Ajax request. Since Ajax has a same origin policy, Respond.js cannot access stylesheets that are stored externally on a separate domain, such as webputty.net. Respond.js does have a solution for this: a proxy HTML file that must be on the external site hosting the CSS. I asked the guys at Fog Creek to implement this, and they have so kindly obliged.

WebPutty Responds

From: "Dane Bertram"
Date: Oct 5, 2011 4:05 PM
Subject: Re: (Case FC2120156) [webputty] Respond.js
To: "Kaleb Hornsby"

Hi Kaleb,

I just wanted to touch base quickly to let you know that we've added the Respond.js proxy to WebPutty and that you're welcome to start using it now.

We're still working on adding documentation, but for the time being, you can use the following to get Respond.js working with WebPutty (provided you've already got respond.proxy.gif and respond.proxy.js already on your own server):
<link id="respond-proxy" rel="respond-proxy"
  href="http://www.webputty.net/respond-proxy.html" />
<link id="respond-redirect" rel="respond-redirect"
  href="respond.proxy.gif" />
<script src="respond.proxy.js"></script>
We don't have the proxy working in the editor just yet though, so if you're trying to test your media queries in older versions of IE, you'll have to visit your website directly (rather than via the preview pane in WebPutty's editor).

Let me know if I can be of further assistance, if indeed this was helpful, or if this raises any other questions.

All the best,
Dane

SSH Keys

2011-07-21T00:00:00+00:00

For six months now, I have been a bad person. Love can make a person do funny things: to make compromises, to re-evaluate one's own principles. In my case, it was the love of my Cr-48. It is sleek and lightweight, simple and not fancy. I do not ask for much and in return it gave me the two things I really ever needed in a laptop operating system: a web browser and SSH.

As attractive as the Cr-48 is, it blinded me to a major flaw in its SSH client. It lacked any and all support for SSH keys. I overlooked this flaw and made a compromise; I decided to allow password authentication on my home server, exposing my poor little machine to the evils that lurk in the dark corners of the internet. Fear not, I have since re-disabled passwords. I would like to say that it was because I learned my lesson and repented from my slovenly ways, but I am not disabling password authentication because it is the right thing to do. It is rather that Chrome OS now supports SSH keys.

SSH key support has been available in Chrome OS since at least before May, but it was not until today that I noticed it. There is no SSH agent, and the syntax to use a key while connecting to a host is a little annoying, but these are some freedoms I am willing to give up for security.

From crosh, the Chrome OS terminal, this is how I discovered the ability to use SSH keys:

crosh> ssh
ssh> help
connect                       - connect
dynamic-forward port          - dynamic socks proxy (-D)
forward port:host:port        - static port forward (-L)
help                          - this
host <hostname>               - remote hostname
key <file>                    - sets private key to use (-i)
nocmd                         - don't execute command (-N)
port <num>                    - port on remote host (-p)
exit                          - exit ssh subsystem
user <username>               - username on remote host
Note that this program can only bind local ports in the range
8000-8999, inclusive.
ssh> key
File '' is not a valid key file. Key files must reside
under /media or /home/chronos/user. Key files in the Downloads directory may
be specified with an unqualified name.

The next few sections will be a step by step setup guide for using keys on SSH.

Generate a Public/Private Key Pair

I generated the keys on my home server. Your syntax may vary.

$ ssh-keygen -f vinz-clortho
Generating public/private rsa key pair.
Enter passphrase (empty for no passphrase): 
Enter same passphrase again: 
Your identification has been saved in vinz-clortho.
Your public key has been saved in vinz-clortho.pub.
The key fingerprint is:
01:23:45:67:89:ab:cd:ef:fe:dc:ba:98:76:54:32:10 zuul@example
The key's randomart image is:
+--[ RSA 2048]----+
|                 |
|                 |
|        o . .E  .|
|       . = .o..+.|
|        S .. oo++|
|         .   .*.=|
|             oo.*|
|               o=|
|                o|
+-----------------+

Add Public Key to Server

After the keys are generated, the public key needs to be appended to the SSH authorized keys listing.

$ cat vinz-clortho.pub >> ~/.ssh/authorized_keys

Add Private Key to Chromebook

I copied the public and private keys from my SD Card to my Downloads directory. To open up the file browser, hit ctrl + m.

Establish SSH Connection

Even though the SSH help mentions a -i option, I cannot seem to get it to work, and I am stuck with the following syntax:

crosh> ssh
ssh> host example.com
ssh> user zuul
ssh> key vinz-clortho
ssh> connect
Enter passphrase for key '/home/chronos/user/.ssh/key-123...abc':

Shut Off Password Authentication

Finally, lets secure this sucker.

$ sudoedit /etc/ssh/sshd_config

Set "PasswordAuthentication no".

$ sudo reload ssh

ChromeOS Split Windows

2011-07-19T00:00:00+00:00

ChromeOS recently updated and added some new features. One of them was an unexpected addition, and the other was something that I've been waiting for since the defect was marked as resolved.

Split Windows

When ChromeOS first released, the only way to view a web page was to view it maximized. This was somewhat problematic if one wanted to view two pages side by side, e.g. writing a paper in Google Docs and viewing a work to cite at the same time. Panelize is a Chrome extension that made this process a bit more bearable. It has an option that the user to open the current tab as a docked mini page. The problem with this is that mini pages always obscured at least part of the underlying page.

Despite what may be evident at first, ChromeOS is not just a web browser. It has another useful application as well: a terminal. To open the terminal, all the user has to do is hit the familiar ctrl + alt + t. This terminal does not have many features, as it is not a fully functional shell. The most useful tool that it does have is SSH, and I use it often. The terminal has some of the same multi-tasking hinderences as the browser: the inability to view multiple windows at once; the terminal is always full screen.

The latest update that I recieved as of this writing fixed this issue. Windows can now be split vertically. Now when a new browser is created or when a terminal is opened, the new windows are no longer full screen by default. The user can now drag to the left or right the width of the window allowing two windows—whether it be a browser or terminal—to be viewed at the same time. It's a boon to productivity. In the upper right hand corner of the browser windows there is now a maximize button so that the user may quickly maximize a window. Another change made was the functionality of one of the function keys. What used to be a button dedicated to switching windows—exactly the same functionality of alt + tab—is now used to maximize windows from the keyboard. If you want to be able to resize your windows with the keyboard, there's keyboard shortcuts for that.

Keyboard Shortcuts

If the user hits ctrl + alt + > or ctrl + alt + < , the window will resize to the left or to the right respectively. Chrome has many other useful keyboard shortcuts such as taking screenshots or changing input language. By hitting ctrl + alt + / the user can view all the keyboard shortcuts in ChromeOS.

Killing SSH Sessions

One of the biggest issues that I had with ChromeOS was the inability to depart a hung SSH session. When logged into an SSH session and the connection drops, the terminal would stay open with no method of closing it. ChromeOS disables the standard the standard tilde commands for security reasons, so that route does not work to kill or reconnect the session. The only recourse that I had was to either open a new terminal window and ignore the hung window or if I really wanted the hung sessions gone, I would have to log out and log back in. Now, it is a simple shift + ctrl + w, just like in gnome-terminal.

Google+ Hangout Hackathon

2011-07-14T00:00:00+00:00

Last night, I was invited to a Google+ Hangout to participate in a Chrome extension hackathon. I was not able to participate much due to some technical issues. It is really too bad, because I felt that I could have learned much from the other coders involved.

The project that we were working on is a chrome extension that allows users to play a game of pong while using Hangouts. This adds a whole new dynamic to how users can participate in Hangouts. Kudos to whomever first thought of the idea.

To be able to pull off creating this extension, we had to delve into the Hangouts source code. While doing this, we noticed a couple of interesting things after being pointed out by Mohamed Mansour.

Google+ Hangouts Uses Google Wave

One of the tasks needed to get the extension to work is that we needed to find a way to easily and programmatically access the list of all users currently in the Hangout. Mansour discovered a hidden <iframe> that contained much of its logic and data.

Deep inside this maze, Mansour noticed that Hangouts made some calls to Google Wave services. This was pretty interesting considering the fact that Google wave was retired almost a year ago. Well, not that interesting in that they stated that they will extend the technology for use in other Google projects. I really liked Wave none the less, and I wish it had caught on. That was not the only interesting discovery made during our code spelunking, though.

Google+ Hangouts Uses jQuery

Mansour had also discovered that Hangouts uses jQuery. Hangouts is powered by jQuery all throughout. This seemed like an odd finding for a couple reasons. The first strange thing about this choice of JavaScript library, is that I have not seen its usage in any other Google product. The second oddity is that none of the JavaScript was optimized nor minimized with the Google Closure compiler. Is Google getting real JavaScript web developers to work on these new projects and beginning to shy away from the Java and Google Web Toolkit programmers from their previous products (like Wave)? I didn't mean to sound harsh there, but I think that JavaScript needs a little more respect than the GWT project gives it.

All and all, for the brief time that I was participating in the hackathon, I was enjoying myself immensely. I would love to do one again, but before I do, I need to tune my desktop and switch to a faster ISP.

Array Cheat Sheet

2011-05-23T00:00:00+00:00

Note, all methods that are marked with an exclamation mark (!) will mutate their object. All italicized parameters are optional.

Static Methods

isArray(obj)

var a = [[],[1],2,"3"];
a.map(Array.isArray);
  //-> [true,true,false,false]

Instance Properties

constructor

length

Instance Methods

concat(args,)

[1,2].concat(3,4);
  //-> [1,2,3,4]
[1,2].concat([3,4],[5,6]);
  //-> [1,2,3,4,5,6]

every(callback, thisObj)

function decr(n,i,ary) {
  return n - 1;
}
[1,2,3].every(decr);
  //-> false
[2,3].every(decr);
  //-> true

filter(callback, thisObj)

function decr(n,i,ary) {
  return n - 1;
}
[1,2,3].filter(decr);
  //-> [2,3]

forEach(callback, thisObj)

[1,2,3].forEach(alert);
  // 3 alerts

indexOf(searchArg, fromIndex)

[1,2,3].indexOf(3);
  //-> 2

join(separator)

[1,2,3].join();
  //-> "1,2,3"
[1,2,3].join("+");
  //-> "1+2+3"

lastIndexOf(searchArg, thisObj)

[1,2,3].indexOf(3);
  //-> 2

map(callback, thisObj)

function decr(n,i,ary) {
  return n - 1;
}
[1,2,3].map(decr);
  //-> [0,1,2]

pop()!

var a = [1,2,3];
a.pop();
  //-> 3
a;
  //-> [1,2]

push(args,)!

var a = [1,2];
a.push(3, 4);
  //-> 4
a;
  //-> [1,2,3,4]

reduce(callBack, initialValue)

function sub(p,n,i,ary) {
  return p - n;
}
[1,2,3].reduce(sub);
  //-> -4

reduceRight()

function sub(p,n,i,ary) {
  return p - n;
}
[1,2,3].reduceRight(sub);
  //-> 0

reverse()!

var a = [1,2,3];
a.reverse(); a;
  //-> [3,2,1]

shift()!

var a = [1,2,3];
a.shift();
  //-> 1
a;
  //-> [2,3]

slice(begin, end)

[1,2,3].slice(1,2);
  //-> [2]

some(callback, thisObj)

[1,2,3].some(function(n,i,ary) {
  return n - 1;
});
  //-> true

sort(compareFunction)!

var a = [2,3,1];
a.sort(); a;
  //-> [1,2,3]
function longer(a,b) {
  return a.length > b.length? 1:
    a.length < b.length? -1: 0;
}
a = ["aardvark","beaver","cat"]
a.sort(longer);
  //-> ["cat","beaver","aardvark"]

splice(index, howMany, args,)!

var a = [1,2,3];
a.splice(1,2,4,5);
  //-> [2,3]
a;
  //-> [1,4,5]

unshift(args,)!

var a = [1,2];
a.unshift(3,4);
  //-> 4
a;
  //-> [1,2,3,4]

Computer Languages I Like

2011-03-23T00:00:00+00:00

ES5
go
Haskell
Python

Languages I Speak

2011-03-22T00:00:00+00:00

English
Mandarin
Farsi
Spanish
Latin
Esperanto

Another Categories Test

2011-02-09T00:00:00+00:00

Testing 1, 2, 3.

Testing Categories

2011-02-08T00:00:00+00:00

This is a test of the github blog categories feature.

Moving to Github

2011-02-05T00:00:00+00:00

Moving to Github

I have decided to move my host to Github. I hope it works out for the best.

It has some nice features like markdown support, basic blog posting, layout master pages, and revision control support.