1. VoiceOver demo of mobile first concept of MODX Manager Interface

    # vimeo.com/189799297 Uploaded 2 Plays 0 Comments
  2. # vimeo.com/189301654 Uploaded 0 Plays 0 Comments
  3. A series of screencasts that explain a proof of concept for a progressive web app. View more for TOC and links to specific sections. https://github.com/jpdevries/matboard/tree/gh-pages/labs/manage-users#manage-users-lab

    DOM Overview
    - HTML first
    - Semantically Storing Data
    - Quick Create Form
    - Link to Create
    - Search
    - Quick Actions for Users Per User Group
    - Bulk Actions Per Group

    Synchronous Endpoints (06:42)
    - form action
    - button formaction, formmethod

    Progressive Enhancements (09:56)
    - Quick Create Modal
    - Virtual DOM
    - Bulk Selection
    - Typeahead Search Filter
    - Filter Dropdown
    - Focus Contextual Menus

    DOM Consumption (17:20)
    - No Initial XHR Request
    - Hyper Performance
    - Triangle

    Screen Reader Considerations (22:30)
    - Accessibly Hidden Text
    - Some ARIA needs to be added still

    Bandwidth Considerations (25:20)
    - Leverage Browser Cache
    - CDN
    - DOM Consumption

    Keyboard Considerations (36:45)
    - 100% keyboard friendly
    - sync and async

    Responsive Layout (39:08)
    - Flexible
    - Mobile First

    Visual Contrast Considerations (41:24)
    - High Contrast Mode
    - !important

    # vimeo.com/176084699 Uploaded 29 Plays 0 Comments
  4. Example of playing Tic-Tac-Toe using Mac OS X VoiceOver
    https://github.com/jpdevries/tic-tac-toe

    # vimeo.com/173196688 Uploaded 16 Plays 0 Comments
  5. # vimeo.com/170857351 Uploaded 4 Plays 0 Comments

markuptips

JP DeVries

Browse This Channel

Shout Box

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.