I've made a few tools for UI design work over the years. Below are some of the ones that may be useful to UX designers. The less useful ones can be found under the "Extras" tag. At the bottom of the page are my reviews of UX tools.

Tools by Konigi


Recommended

Static Site Generator Directories

These are the 2 main directories listing generators that you can use to build a static site. Each offers a sortable lists to browse by user rating or language.

StaticGen - Lists the top Open Source static site generators only. Filter by language. Sort by rating, issues, forks, titles.

Static Site Generators - Lists Open Source and Commercial static site generators. Sort by rating, license, and language.

Astropad: Use iPad as Mac Graphics Tablet

AstroPad turns your iPad into a Mac graphics tablet, mirroring a section of your Mac’s screen when connected via WiFi or USB. Once connected you can sketch/draw on the tablet with an iPad stylus or finger. It will operate pretty much like a Wacom graphics tablet when you’re using a Desktop graphics app with a drawing tool like Pixelmator, Photoshop, or Sketchbook Pro.

http://astropad.com/

UX Check

UX Check is a Google Chrome extension for reviewing web sites and apps against Jakob Neilsen’s Usability Heuristics.

The tool opens the heuristics in a side panel next to the website you enter. You select a problem area on the screen, related to one of the usability heuristics and a callout appears for you to add notes and recommendations. When you're done a report is available with screenshots and your notes for each issue. You can download the report as HTML or in Word .docx format.

Looks like a nice tool for evaluating web sites in Chrome, as long as the pages you're reviewing have selectable DOM elements.

http://www.uxcheck.co/

AniJS: Declarative handling library for CSS animations

AniJS is a library for CSS animations that allows you to write simple statements for handling animation as key/value pairs in html data attributes. It feels very close to writing natural language statements, in a format that is a bit more familiar in code than writing sentences.

A simple example contains IF, ON, DO, and TO pairs and would look like this:

<input id="name" type="text" data-anijs="if: focus, do: wobble, to: p">

Really nice and an easy technique for prototyping. Check it out.

http://anijs.github.io/

uilang

uilang is a minimal, ui-focused programming language for web designers that handles click events, primarily for toggling classes and css display properties. I love the natural language approach to scripting in uilang. You just insert a statement in a code block like this and it works magically:

<code>clicking on ".try-it" toggles class "hidden" on ".info-box"</code>

You still have to write your CSS to handle things like effects, but that's a plus if you don't want or need someone else's implementation of those things. Check it out.

/ht Leon

http://uilang.com