about
Prototypes Track Summary
04/22/2024

Prototypes Track Summary

prototypes for track pages, free pages, ... & widgets used in pages

Site Explorer Site Repository
click header to toggle Proto Explorer
Prototypes Index Thread Page Page designed to link to other pages Free Page Stand-alone Page with no Next, Prev, or Pages buttons Bits Page Wrapper Page with contents panel on left and iframe with contents on right Bits Page Contents Page with no menus, just contents PageFrame Page with nested Parts - the basis for all recent pages in site Photo Sizer Web component that displays resizable image Slide-in Panel Widget that displays slide-in panel Slide Show Widget that displays slide-in panel Draggable Element Widget that displays draggable html element Splitter Bar Widget that displays two panels with splitter bar Image Sizer Widget that provides image grab bar for resizing    
Figure 1. Partial PhotoSizer code
The prototypes presented here were developed for this site. Several of them are used throughout the site with little or no modification.
You may find them to be good for learning about page structuring and building widgets to improve page ergonomics.
The Bites pages need code documentation similar to that in PhotoSizer bite (that code needs reformatting). Prototypes are Pages, widgets, or compile-able code used to decide how to implement site entities. This track is a place to view prototype pages and widgets developed for this site.
  • Thread and free pages are starting points for new pages for threads and for standalone information.
  • Widgets provide components like resizeable photos, splitter bars, and slide-in panels.
This page was developed from ThreadPagePrototype and Figure 1. is an instance of PhotoSizerWebComponent. Click on the image body to enlarge and on the title to contract.

Prototypes

Pages:

PageFrame Prototype
Thread Page Prototype
Free Page Prototype
Bits Prototype Wrapper
Bits Prototype Content

Widgets:

Photo Sizer Web Component
Hideable Photo Sizer Web Component
Slide In Panel
Slide Show
Draggable
Splitter Bar
Image Sizer

2.0 References
  Next Prev Pages Sections About Keys