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
action
attribute 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.csv
file. - 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.