Designing The Trail Guide App

  • The Trail Guide App is meant to help people engage more with natural areas.
  • This app's "agile development" consists of a variety of functional design and coding versions, testing, recoding, and testing again, using HTML5, CSS3 & JavaScript code, including responsiveness to varying screen sizes and mobile devices (see Design Versions below)
  • The application, and this website, are being coded to be responsive for use by mobile devices, and a wide variety of screen sizes using CSS Media queries, jQuery & jQuery Mobile JavaScript code


The Code

Note: The following HTML5, CSS3 & JavaScript code is based on the open source code from a variety of sources;

Design Versions: 1, 2, 3, 4 ...

a number of different design versions are showcased here Draft Trail Guide Maps .

v.1.0

v 1.0

Wireframe prototype

screenshot - V.1.0

v.2.0

v 2.0

Desc

Trail Guide screenshot - V.2.0

v.3.0

Desc

Trail Guide screenshot - v.3.0

v.4.0

Desc

Trail Guide screen shot v.4.0

v.4.1

Desc

Trail Guide screenshot v.4.1

v.4.2

Desc

Trail Guide screenshot v.4.4

v.4.3

Desc

Trail Guide screenshot v.4.3

Etc

Desc

Trail Guide screen shot v.4.0

Etc 1

Desc

Trail Guide screenshot v.4.1

Etc 2

Desc

Trail Guide screenshot v.4.4

Etc 3

Desc

Trail Guide screenshot v.4.3

What's Missing: ...

Missing 1

Desc

Missing 2

Desc

(screen shot)

Missing 3

Missing 3.1.a (still needs ...)

Missing 3.1.b

Desc

(screen shot)

Missing 3.1.c

Desc

(screen shot)

Missing 3.2

Desc

(screen shot)

Wish List: ...

Desc

(screen shots show ...)
  

The Code:

Note: this code was learned from source:

Still To Do ... in progress

1. in progress

  • Desc

2. in progress

  • Desc

3.

  • a
  • b
  • c
  • d

4. in progress

  • a
  • b
  • c
  • d