Using jQuery in Chrome User Scripts (Greasemonkey scripts)

If you want to much of anything useful in a Greasemonkey ("User") script, you'll want to use jQuery or similar library.

Greasemonkey uses a "@require" command to pull in these libraries, but Chrome won't allow this.

To include jQuery in a Chrome user script, here's a good link which pulls in jQuery by adding a element to the page you're working on.

http://erikvold.com/blog/index.cfm/2010/6/14/using-jquery-with-a-user-script

Greasemonkey (User Scripts) in Chrome - @include vs. @match

Greasemonkey uses a "@include" syntax to indicate which web sites a given script should run on.

I believe Chrome accepts the older "@include" syntax for the sake of compatability, but Chrome prefers a "@match" syntax.

For example,
@match http://*.google.com
will run the indicated script on any google.com domain.

http://www.chromium.org/developers/design-documents/user-scripts

Categories: 

HTML Mock-ups (prototypes)

I had an earlier post describing free or cheap UI mock-up tools.

To take things to the next level and start creating prototypes, I was looking for rapid application development (RAD) tools that would allow me to draw out HTML pages with dragging and dropping.

I haven't yet found a suitable RAD HTML editor, but I did run across a blog post which provides copy-and-paste HTML elements (source) which you can use to quickly cobble a UI together. Here's that link :

Categories: 

jQuery Wizard Controls

jQuery Formwizard

* Pretty full featured. Lots of examples. Nice looking.

* Seems to handle branching better than SmartWizard

* http://plugins.jquery.com/project/formwizard

* http://thecodemine.org/

* MIT license

jWizard

* Pretty configurable

* Well documented

* Side menu

* Some form validation

* Able to open as modal dialog

* http://dominicbarnes.us/jWizard/

* License ?

jQWizard

* Kind of simplistic. Nice to show progress.

* http://plugins.jquery.com/project/jQWizard

* MIT & GPL license

Categories: 

Free or cheap UI mock-up tools

I'm certainly no expert in UI design, but it's nice to mock-up things before you start committing them to code.

I like what I've seen from Balsamiq (http://balsamiq.com), but $79 for a license seemed a bit of a stretch for my modest needs.

I found the free app "Pencil" (http://pencil.evolus.vn) seems to work pretty good.

You can use Pencil as a Firefox plugin, but I ran it as a stand-alone XULRunner app.

Documentation is kind of sparse, but here's one useful link :
http://www.graphicrating.com/2009/10/05/creating-wireframes-with-pencil-...

Categories: 

Running webOS emulator - webOS in a virtual machine

I was interested in looking at Node.js as a potential framework for some back-end network services.

I initially thought about installing Node.js on Ubuntu, but then thought about trying it in webOS since webOS has been shipping with Node.js since Oct, 2010.

Getting webOS running in a virtual machine (VM) is easy enough. You'll first need to have Java and VirtualBox installed on your machine.

Then download the webOS 3.0 SDK here :

https://developer.palm.com/content/resources/develop/sdk_pdk_download.html

BitKeeper - "stripdel: removed 2 deltas from control"

When cloning a repository I received this message :


Looking for, and removing, any uncommitted deltas...
stripdel: removed 2 deltas from myFile.php

I believe BK is saying :

In the repo you're cloning, there is one file with two deltas that are checked in' but not committed. To give you a consistent, committed view of the repo, I'm going to strip out these 'staged' changes and give you only the committed versions.

I 'bk status' in the repository. That indicated there was one file with staged, but uncommitted edits :

Categories: 

HP Touchpad (webOS) and Node.js.

I haven't paid much attention to webOS, but I heard it was trying to be 'web developer friendly' -- meaning 'web standards' like HTML 5 I thought.

I was pleasantly surprised to find the following :

https://developer.palm.com/content/index.php?id=4012

Roll your own services with Node.js

The popular Node.js runtime environment is built into webOS 2.1, which means that you can now develop not just webOS apps but also services in JavaScript.

This to me is very interesting and indicates HP (Palm) may have done webOS right.

Pages

Subscribe to luhman.org RSS