https://github.com/jpdevries/modx-create-resource

A MODX concept for a reimagined create new resource user flow
https://github.com/jpdevries/modx-create-resource

a11y accessibility html5 modx

Last synced: 2 months ago
JSON representation

A MODX concept for a reimagined create new resource user flow

• Host: GitHub
• URL: https://github.com/jpdevries/modx-create-resource
• Owner: jpdevries
• License: mit
• Created: 2017-05-19T14:08:21.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-26T23:20:30.000Z (almost 9 years ago)
• Last Synced: 2025-04-09T09:35:47.295Z (12 months ago)
• Topics: a11y, accessibility, html5, modx
• Language: ApacheConf
• Homepage: https://jpdevries.github.io/modx-create-resource/
• Size: 146 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MODX Create Resource

This concept originated at the [MODX Malta Meetup](https://github.com/Sterc/modx-notes/blob/master/2017-05-13-Malta/malta-notes.md).

## Demo

[Try the demo](https://jpdevries.github.io/modx-create-resource/).

## Goals

 - Simplify the Create New Resource Experience

 - Make experience more end user friendly

 - Accessibiilty

 - Usability

 - Plain language ([w3c/wcag21#30](https://github.com/w3c/wcag21/issues/30))

 

 ## Features

  - Set Resource Title

  - Choose Parent

     - Typeahead Search input

     - Select input

  - Live descriptive feedback with plain language (`aria-live`)

  - Choose a Template "tree"

  - Fullscreen mode

  - Take me to

     - Edit This

     - Create New

  - Set Resource Type

  - Responsive Preview (would probably be an Extra)

  

## Screencast

[Watch the screencast](https://vimeo.com/219024629) (3min).

## Screenshots

![](https://d3vv6lp55qjaqc.cloudfront.net/items/1a0n2j3H2i0t11172j0B/Screen%20Shot%202017-05-26%20at%2012.56.35%20AM.png?X-CloudApp-Visitor-Id=1192978)

![](http://j4p.us/07090B3f3Y2r/FullSizeRender-(1).jpg)

![](http://j4p.us/0G3Z2c0o0f14/FullSizeRender.jpg)

### Responsive Preview

![](http://j4p.us/333c1m1n151l/Screen%20Shot%202017-05-27%20at%201.07.17%20AM.png)

![](http://j4p.us/3q0g2k3m050q/Screen%20Shot%202017-05-27%20at%201.07.24%20AM.png)