Archive for the ‘Graphic Design’ category

Typecast

October 27th, 2012

Typecast (beta.typecastapp.com) is a new website from Front designed to make web typography and design easier.

Typecast Projects

Supporting fonts from typekit, fonts.com, Font Desk, and Google web fonts, Typecast provides a simple and flexible formatting solution for blocks of text on a web page. Currently in beta, as of 22 October, the site is open for everyone and free to use. (They will start charging for font use when the site leaves beta.)

Creating blocks of text is as simple as a few clicks; setting a consistent font size, line height, and color is a few more clicks. Soon, you’ll have a page with an even look-and-feel, letting you spend more of your time focusing on the content.

 

Four intro videos walk you through the basics of using the site. Pricing and release date have not been announced. Looks very promising.

Update (10/30): Monotype acquires Typecast. See the announcement or the blog post announcing the purchase.

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)

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