| summary | time | deliverables |
|---|---|---|
Create a prototype interface for a playground finder app using tables & forms. |
2 hours |
1 HTML file, 4 CSS files, images |
- Fork this repository.
- Create a prototype interface for a web application using forms & tables
- The form’s
actionattribute doesn’t need to point anywhere,action="#"works okay. - Use grids, type systems, & modules as much as possible—there should be very little inside the
main.css - Data can be found inside the
play-structures-and-areas.csvfile. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
IBM Plex Sans - Colours:
#efefef,#ddd,#fff - Logo max width:
200px - Gridifier settings: defaults
- Typografier settings: defaults
- Modulifier settings: select all
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
- Watch this video to see how it interacts.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.