@papalozarou papalozarou released this Dec 6, 2013 · 63 commits to master since this release

Assets 2

loznotes is a notation layer for conveying information about wireframes, mockups, and design comps. Originally a fork, this now a complete rewrite of Elliance's Metaframe work (http://github.com/elliance/metaframe).


  • Usage of data attributes, 'data-notation', instead of class and 'notes' attribute
  • Switches to hide note anchors by default or turn off notation completely (both anchors and pane)
  • loznotes will now re-initialise the note anchors and notes tab after content is pulled in via ajax
  • Less intrusive note anchors and tab handle
  • Smaller, re-written javascript/jquery
  • All tab pane presentation handled in CSS, via transitions and media queries
  • Conversion to LESS
  • Uppercase 's' in 'show note markers' ;-)

©2013 Loz Gray - Creative Commons Attribution Sharealike 3.0 Unported http://creativecommons.org/licenses/by-sa/3.0/



  • You can now add a note to the body element, which is used as a description for the whole page
  • CSS classes have been changed to be more BEM-ish, beginning with either 'loznote__' or 'loznotes__'
  • Change to switch notation from 'notation=' to 'loznotes='
  • URL switches should now play nicely with other substrings, and can be placed either first or after an ampersand.


  • Added a listener to the document for completion of any ajax calls. Notes tab and anchors are then re-initialised to included any added content.


  • Rewrite and corrections to readme.md


  • Added ability to use 'hide' as well as 'hidden' to hide note anchors by default
  • Fixed title of notes pane displaying as 'undefined'


  • Corrected error in Javascript


  • Name change to loznotes – I've moved it sufficiently away from the original now with a re-write of the JS, and a few new bits and bobs.
  • Addition of switches ?notations=hidden and ?notations=off


  • Removed older JS files


  • Initial release