Tools by Konigi

See also the "Extras" tag.


Aspect ratio calculators

In my Skillshare course there’s a brief moment where I show a ratio calculator that I use for doing things like figuring out dimensions of containers while designing.

The idea is simple. You have a ratio like 16:9, 4:3, 9:6, etc. and want to see how to scale another object with that ratio using a fixed dimension, e.g. you know the width.

Here are a few that I like:

Aspect Ratio Calculator, a free web calculator by Andrew Hedges that I’ve used for years.

Aspect Ratio Calculator for Mac, by David Wolf. Available via the Mac App Store for $3.99.

Aspect Ratio Calculator for Chrome, a Google Chrome extension that’s always available if you’re working in the browser. (via @ryanshafer)

Principle for Mac: Animation and Prototyping

Principle for Mac ($99) is a tool for designing animation, primarily for mobile devices. It provides an easy to use interface for prototyping interaction, transitions, or other animated elements in your interface.

You can design with text, rectangles (which can modified with border radius to make circles), or graphics created with other tools, and then hook up animations for actions like taps, scrolling, and drag, and use the drivers UI to connect those actions to drive other properties. An animation UI gives you control over timing and easing for specific transitions, but the defaults also work well without customization. Really nice.

In the prototype window, you can test out your actions and animations. Pressing the video icon will record the session and allow you to export as a .mov file or animated gif.

They have a gallery of starter templates to help you with basic needs. There’s also some great examples of what people are building over on Dribble.

Read more about Principle for Mac.

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.

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.