I finally got around to cleaning up my Google Chrome version of Hacker News OnePage. You can install it for your Chrome browser over at the Google Chrome Extensions gallery.
Install Hacker News OnePage for Google Chrome:
https://chrome.google.com/extensions/detail/plldnnbdlbgbiknjebohmlggcbicghlj
Check out the source code:
http://tdupree.com/chrome/chrome_onepage/chrome_hn_onepage_source.zip
EDIT: Check here for updates to the Google Chrome Hacker News OnePage extension.
Google just recently released Chrome v3.0, and the developer builds in the dev channel now have extensions turned on by default (no need to append –enable-extensions to the exe target). The extensions system for Chrome is getting nicer and nicer (just check out chrome://extensions in your Chrome browser). I have a working version of Hacker News OnePage that I have tested with dev channel build 4.0.206.1. I assume that it will also work fine with the new 3.0 stable release if you have extensions enabled.
This morning I had to implement an interactive map that allows one to locate local dealers of GPS equipment. The site I needed to do this on is running an extremely old version of prototype.js (version 1.5, circa 2007) and moodom.js (the precursor to MooTools). I didn’t want to use these outdated libraries to create the little interactive app. I would normally use MooTools, but I needed a library I could namespace so that I wouldn’t step on Prototype’s shoes. I grabbed the latest build of jQuery, namespaced it using the jQuery.noConflict(); technique, wrote my code, and included it right before the /body tag of document.
Everything worked fine in Firefox and IE. When I went to test it in Chrome and Safari non of the functionality worked and I received an error such as “TypeError: Result of expression ‘jQuery(document).ready’ [undefined] is not a function”. I tried some workarounds and got rid of the above error but was stuck with “Error: NOT_SUPPORTED_ERR: DOM Exception 9″ referring to line 1081 of prototype.js.
Eventually, in searching the net, I stumbled across the solution. If you need to use jQuery with an old version of prototype/scriptaculous/moodom, make sure you load your namespaced jQuery library, and any jQuery code you write, BEFORE the other legacy js frameworks. Works like a charm now.
EDIT: Check here for updates to Hacker News OnePage
A new update to Chrome brought a better packaging system for extensions, but also broke all the extensions packaged with the old system. So here are the new Hacker News and Digg extensions that will work with chrome.
Hacker News OnePage (install): Provides users with the ability to browse Hacker News articles and comments without leaving the page. source - manifest
Digg AdBlocker (install): Removes ads from digg. source - manifest
There was a submission about “What makes a good programming font?” on HN today and, as usual, the comments on the submission proved more enlighting than the actual linked post (Hacker news has a great community). From the comments I came across some nice programming fonts; Envy Code R and Bitstream Vera Sans Mono. The user who posted about the Vera Sans Mono font also added a picture of it in action here. I liked the syntax highlighting/code coloring of that code screenshot, so naturally I set out to try out something similar with dreamweaver and TextPad.
I have to say, I’m disappointed in the both of them. While you can go to a preferences pane and change the code coloring in both editors, neither supports creating, saving, and loading new color schemes files. Additionally, both editors made the whole process cumbersome to change just one color as there was no instant application of the change to the document, so I was forced to apply the changes and close the settings box every time I changed something to see how it looked. Weak.
I think I am going to try the Envy Code R for a while and see how it goes. I never got a color scheme going that looks like the nice screen shot (I did in TextPad but it was only applied to the working document), oh well.
In searching for answers I did come across a nice addition to the Dreamweaver Syntax highlighter which adds support for MooTools.
Here’s an interesting site I came across today, that lets you create isometric pixel images for fun. No real purpose other than just a neat JavaScript experiment. It uses jQuery for the JavaScript framework which powers the UI.
