Snipplr - noah

(Ruby) Rendered WGet with Selenium

Mon, 18 Aug 2008 09:23:43 GMT

Created in response to a discussion about "ghosting," between Kord Campbell of Splunk and Christian Heilman of Yahoo! at Ajax World 2008. IMPORTANT: The Selenium-RC server must be running on port 4444 (the default) and you must have Curl and Tidy installed on your system. NOTE: Diffing the rendered versus the "server" source. This option works OK as a learning tool, but I need to do more in terms of normalizing the server source versus the rendered source. I run both the "server" and innerHTML sources through Tidy, but unfortunately there still seems to be a lot of extraneous differences between them. So while this works OK for downloading the rendered source via a Ruby script, I've got a ways to go before it can produce a reliable "rendered diff."

(JavaScript) List all class names used in a DOM tree

Wed, 28 May 2008 17:31:41 GMT

Lists each CSS class name that is applied to an element within an HTML page. Some applications suggested by this pattern are: - List class names by frequency of use. - List class names by what kind of element they are applied to. - List class names that are only used once.

(Perl) Generate XHTML on the command line with XML::API::XHTML

Sun, 10 Feb 2008 02:21:23 GMT

Build a simple XHTML document, format it with Tidy and print the result to "temp.html."

(Bash) Validate XHTML with Tidy and/or OpenJade, just like the FF extension

Sun, 10 Feb 2008 02:14:45 GMT

Neither command will give any feedback unless invalid markup is found.

(Bash) Tail requests for HTML files

Mon, 05 Nov 2007 12:40:54 GMT

(JavaScript) Find doubled IDs in the DOM

Sat, 14 Jul 2007 14:51:33 GMT

(Perl) scraper

Tue, 03 Jul 2007 22:48:36 GMT

For a while I used this to scrape weather.com. Then they changed their HTML and my script broke.

(Perl) Aggregate RSS feeds

Tue, 03 Jul 2007 22:45:27 GMT

Expects a newline-delimited list of RSS feed urls. Prints an HTML 4 page containing a grid of modules. The modules contain hyperlinked feed headlines. Very fragile, any invalid feed will break the whole aggregator.

(Perl) Wrap tab-delimited strings in HTML

Tue, 03 Jul 2007 22:21:46 GMT

A simple iterator that takes a tab-delimited file as input and prints an HTML document that contains the tabbed data.

(Perl) Make a list of JPEGs into a slide show

Tue, 03 Jul 2007 22:02:15 GMT

Show jpegs one-per-page on a series of hyperlinked web pages. Purpose was to provide a linear viewing mechanism for jpegs on my Palm Tungsten C.

(Perl) Show JPEGs in this directory all on one page

Tue, 03 Jul 2007 21:57:11 GMT

Dumps a list of image names into an HTML document, wrapped in centered IMG tags. Features the CENTER tag for added historical value.

(Perl) show JPEGs in this directory in a simple HTML gallery

Tue, 03 Jul 2007 21:53:26 GMT

Creates an HTML page with the first image in the directory in the center. Forward and Back buttons scroll through all the images in the directory in order. This is how I lived before Firefox ~.^

(Perl) insert ALT attribute into IMG tags that don't already have ALT attributes

Tue, 03 Jul 2007 21:43:16 GMT

At one point I wanted to give every image on my site an ALT tag. I did, with some help from beginners@perl.org.

(Emacs Lisp) BASE tag insertion macro

Sat, 02 Jun 2007 00:23:01 GMT

Insert a BASE HREF tag just after the head tag of an HTML document Positions point just after the second forwardslash in "HTTP://"

(Emacs Lisp) Command to search for TABLE tags

Fri, 01 Jun 2007 17:03:26 GMT

Search For Table Tags: find the next

(HTML) arrow entities

Wed, 30 May 2007 18:58:53 GMT

(HTML) Reusable Box with Images and CSS (implements a non-semantic variant of Sliding Doors)

Sat, 07 Apr 2007 09:47:05 GMT

Reusable balloon, built with JavaScript and css. Expands horizontally (set in the CSS) and vertically (automatically) up the size of its component images. This solution is not semantic, but it is flexible. The goal was to implement a variant of Sliding Doors that could be boiled down to two snippets of code (one before the content container, and one after) and some CSS. Expects 3 images, examples of which can be found here: http://onemorebug.com/meme.washer/code_examples/reusableBox/images Also includes an example JavaScript implementation.