Archive for the ‘Design’ category

« Older Entries

Stacey, The Lightweight Content Management System

February 5th, 2012

Browsing around the web the other day, I found a clean, lightweight template system called Stacey [http://www.staceyapp.com]. The layout and look is very straightforward and uncluttered. Using a subset of HTML tags, the most interesting feature is that it does not rely on any database — it is completely text-based. It’s also opensourced at github [http://github.com/kolber/stacey]

I wonder if anyone has found this useful or flexible enough to recommend this system over the other template systems out there.

Stacey, The Lightweight Content Management System.

No comments »

Posted in Design, Programming, Website

Tags:

OT/NT Refs: Development log, entry #5

July 8th, 2011

otnt-rev8Completed

  • Added layers (Quotations, Allusions, and Possible Allusions are all on separate layers, independently controllable (see below), as are the book arcs);
  • Added panning (click-and-drag to move);
  • Added keyboard event handler (to toggle visibility of layers (“q”/”a”/”p” for 3 link layers, “b” for book arcs, “c” to recenter view*, and “r” to reset view to initial state*);
  • Added zoom (“+” and “-” to zoom in and out, respectively)

ToDo

In priority order:

  • Add book labels
  • Fix intermediate point calculation
  • Post code to Github
  • Add basic interactivity [zooming & panning]
  • Add advanced interactivity [to show links for a specific book (a la http://www.nytimes.com/interactive/2007/12/15/us/politics/DEBATE.html)]
  • Add columns for each chapter (why?)
  • Add mouse scroll wheel zoom handler
  • Add the allusion links and possible [allusion] links
  • Set up correct Z-order (handled by order of function calls)

No comments »

Posted in Christianity, Data Visualization, Design, Graphic Design, Programming, Tools, Website

Tags:

OTNT Graphic Development slideshow

July 6th, 2011
  • otnt-rev8
  • otnt-rev7b
  • otnt-rev5
  • OTNT reference graphic: rev3
  • OTNT reference graphic: rev2
  • OTNT reference graphic: rev1

No comments »

Posted in Christianity, Data Visualization, Design, Graphic Design, Programming, Tools, Website

Tags:

OT/NT Refs: Development log, entry #2

July 4th, 2011

Added some random links to test where I should set the “through” point — at 2r/3, 1r/3, 7r/8, or some other value (notice the grey circles in the graphic at those settings). Suggestions?

 

 

No comments »

Posted in Christianity, Data Visualization, Design, Graphic Design, Programming

Tags:

OT/NT Refs: Development log, entry #1

July 3rd, 2011

I’m building a JavaScript-based graphic depicting references of Old Testament passages in the New Testament. I originally started with Circos (see earlier post: Old Testament/New Testament reference graphic), but didn’t like the lack of interactivity. Circos makes very pretty static graphics, but I’d like to be able to drill down and adjust the display based on user-input.

I recently discovered Paper.js (http://www.paperjs.org/), which looks very flexible and comprehensive. So, thinking I can build it with Paper.js, I began playing with the library, figuring out how to build something that at least looks like Circos, but without all the extra bells-and-whistles it has that I just don’t need. So far, I have completed three basic graphs…

» Read more: OT/NT Refs: Development log, entry #1

1 comment »

Posted in Christianity, Data Visualization, Design, Programming