Free Tools

Image Index

Wednesday, September 2nd, 2009

Notice the icons are all the icons themselves, not just a standard image icon.

Download Image Index

Have you ever opened up a apache directory listing page for a directory full of images and been frustrated that all you see is the same little icon next to each one? I bring you Image Index, a firefox plugin that replaces that icon with a thumbnail of the image itself.

Vim Color Improved – Syntax Highlighting for WordPress

Tuesday, January 8th, 2008

Vim Color Improved is a syntax highlighting plugin that allows you to include code from local or remote files in your WordPress posts. I started using vim to syntax highlight my code samples based on a couple of searches that turned up this page here. However, since I started my new project that involves posting even more code, I thought it’s about time to come up with another solution. The only other vim highlighting plugin that I found was old, required a Perl library from cpan, and didn’t seem to work in the version of WordPress I’m running here. So I set out to create my own.

Download Vim Color Improved

It uses the same tag and parameter parsing as the popular codeviewer 1.4, and should be compatible with it’s options. In addition, any of the optional parameters from codeviewer 1.4 can be set as defaults, which can then be overriden by parameters in the tag. Vim Color Improved outputs code in <pre> formatted blocks, rather than ordered lists, which can be difficult to copy and paste, and can syntax highlight any language which vim supports.

Vim Color Improved contains a sophisticated caching system that stores the generated html to the filesystem. This greatly reduces the time required to display the code. In addition, it checks the modified time on both local and remote files to ensure that cached information is up-to-date. If it is unable to access the source code, and there is a cached version available, it will display the cached version with a notice.

Using Vim Color Improved

(These instructions basically parallel those for CodeViewer 1.4)

Vim Color Improved searches your post for a custom tag named [viewcode ] [/viewcode], that tells the server to look at an external file and parse it into syntax higihlighted html. It can be placed anywhere a block-level tag is valid but the tag must be properly closed.

Note that there should not be a white space character after viewcode and before ].

Parameters
[viewcode ] src=”URI or path to local file” link=yes|no lines= scroll=yes|no scrollheight=valid css height showsyntax=yes|no cache=yes|no[/viewcode]

Default values for all of these parameters, other than src can be set in the options page.

The src attribute is required.
src – string – The URI or path to a local file of the code to display. Note that relative paths are in relation to the default_path set in the options page. This default value is set to the directory your blog is installed in.

The link attribute is optional.
link – string – Should the link to the code be displayed (yes), or not be displayed (no). If the link attribute is left out of the tag completely, the value defaults to no.

The lines attribute is optional.
lines – string – Which line numbers shall be visible in the output. Use , and – to separate line numbers. Example: lines=1,3-5,10-12,16-18,22.

The scroll attribute is optional.
scroll – string – Should the scrollbar be displayed (yes), or not be displayed (no).

The scrollheight attribute is optional.
height- string – Height of the scrollbar. Any valid css height declaration can be used. Example: 100px or 50em

The showsyntax attribute is optional.
showsyntax – string – Should the syntax used of [viewcode ] be displayed (yes), or not be displayed (no).

All attribute values can optionally be surrounded with double quotes (“) or single quotes(‘).

Installation

  1. Download Vim Color Improved
  2. Unzip the archive and copy the entire vim-color-improved folder to the wp-content/plugins directory
  3. Vim Color Improved needs a directory to store the cached files and to use as a temp directory. Please make sure that your web server can write to and read from the vim-color-improved/tmp directory.
  4. Activate the plugin from the Plugins page in your WordPress administration console.
  5. Vim Color Improved also provides an options page for you to set the default options. While the plugin will work without any intervention, you may wish to review these at (Options->Vim Color Improved. You may also see a list of cached files and clear the cache there.

Frequently Asked Questions

Why are there no FAQs?

This is the first release.

Example

Here is an example of Vim Color Improved in action. We can see here the parameters that were passed in the tag by looking at the showsyntax block above the html code block.

[viewcode]src=http://www.zacharyfox.com/blog/wp-content/plugins/vim-color-improved/css/vci-style.css cache=yes showsyntax=yes[/viewcode]


HTML code generated by vim-color-improved v.0.4.0.Download this code: vci-style.css

Requirements

This plugin may not work on all php installations. Specifically, there are some access needs that may be locked down on your web server.

  1. Your web server must be able to exec(vim) through php
  2. If you want to use remote files, your web server must be able to open the files through http using file()

To Do List

  1. Add the ability to use vim’s options, such as using css, using xhtml, etc…
  2. Add the ability to use WYSIWYG editor for posts, including file selection box for local files.

Version History

v.0.4.0 Bug fixes and new features

  • Fixed problem with files not being found not displaying an error
  • Fixed vim command, was missing last quit
  • Added vcihtmluse_css parameter and option
  • Added vim classes to style.css
  • Refactoring of vci_color(), created new methods to decrease the main method size
  • Added vci_link for a default value
  • Added more vim options to the vim command to help performance
  • Added functions.php to include additional functions not directly related to vci
  • Moved temporary directory to the system temp dir to ease installation – no longer need to chmod a directory
  • Attempt auto-detect of vim path using exec(‘which vim’)
  • Added admin css, moved css files to css directory
  • Added management page for cache management
  • Added ability to clear single files from the cache
  • Changed to scroll horizontally by default if code is too wide

v.0.3.2 First Public Version

License

Copyright 2008 Zachary Fox (email : ecommerceninja at gmail dot com)

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

Competitive Keyword Research Tool

Friday, September 21st, 2007

Rand posted a list of interesting and useful queries that you can perform on google to give you some insight into the competition. Now I like doing search engine queries as much as anyone, but all that tedious typing things in just doesn’t cut it for me, so I built a little tool to help out.

competitive-keyword-researc

This page basically takes your keyword(s) and builds the queries for you, so you can view the results of all these queries quickly. Clicking a query will load it into an iframe in the page. Feel free to use it, but as with anything provided for free, please don’t abuse it!

Competitive Keyword Research Tool

NoDoFollow – A Firefox Extension

Monday, September 10th, 2007

Updated, should install and work on Firefox up to 3.5.x Download HERE

Well, I’m not going to get too heavily into the debate over whether or not to nofollow your internal links, but thinking about how I would go about doing it, I decided that it would be helpful to see all the links on the page, and if they were dofollow or nofollow links. So I present NoDoFollow, a simple firefox extension that highlights the links on the page, color coded according to their follow status.

Here is a screenshot of what it looks like when activated (Thanks, Matt Cutts. I knew I would find some nofollow links on your blog):

nodofollow-screenshot

The extension installs into your tools and right click menu and highlights the links pinkish red for nofollow, and light blue for dofollow.

I hope that someone finds this useful. I have at least one friend who was asking for this since he wants to try and test  using nofollow on internal links.

Download NoDoFollow Here

If you find NoDoFollow useful, or have comments, bug reports, or other requests, please comment here, and I’ll see what I can do to help you out!