https://wiki.kabkimd.nl/index.php?action=history&feed=atom&title=Creative_Coding%2FMake_a_bad_UI_form
Creative Coding/Make a bad UI form - Revision history
2026-05-07T01:27:48Z
Revision history for this page on the wiki
MediaWiki 1.44.0
https://wiki.kabkimd.nl/index.php?title=Creative_Coding/Make_a_bad_UI_form&diff=354&oldid=prev
Leo at 16:36, 22 August 2025
2025-08-22T16:36:07Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en-GB">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:36, 22 August 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Using the tools from </del>the class, '''design'''<del style="font-weight: bold; text-decoration: none;">, </del>and '''code''' a '''bad UI form'''.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">During </ins>the class, '''design''' and '''code''' a '''bad UI form'''.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>What ''bad'' means, as well as the the form's interaction and aesthetics, are all features you should author yourself.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>What ''bad'' means, as well as the the form's interaction and aesthetics, are all features you should author yourself.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Deadlines'''</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Deadlines'''</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* First deadline: 📅 <del style="font-weight: bold; text-decoration: none;">13</del>/10/2025</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* First deadline: 📅 <ins style="font-weight: bold; text-decoration: none;">06</ins>/10/2025 <ins style="font-weight: bold; text-decoration: none;">(in-class)</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Second deadline: 📅 17/10/2025 (midterms)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Second deadline: 📅 17/10/2025 (midterms)</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Last deadline: 📅 08/12/2025 (course finals)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Last deadline: 📅 08/12/2025 (course finals)</div></td></tr>
</table>
Leo
https://wiki.kabkimd.nl/index.php?title=Creative_Coding/Make_a_bad_UI_form&diff=350&oldid=prev
Leo: Created page with "Using the tools from the class, '''design''', and '''code''' a '''bad UI form'''. What ''bad'' means, as well as the the form's interaction and aesthetics, are all features you should author yourself. '''Deliverable''': upload a P5js or CodeDot sketch to the [https://wb.kabkimd.nl whiteboard] with your name and the assignment title. '''Deadlines''' * First deadline: 📅 13/10/2025 * Second deadline: 📅 17/10/2025 (midterms) * Last deadline: 📅 08/12/2025 (course..."
2025-08-22T16:27:06Z
<p>Created page with "Using the tools from the class, '''design''', and '''code''' a '''bad UI form'''. What ''bad'' means, as well as the the form's interaction and aesthetics, are all features you should author yourself. '''Deliverable''': upload a P5js or CodeDot sketch to the [https://wb.kabkimd.nl whiteboard] with your name and the assignment title. '''Deadlines''' * First deadline: 📅 13/10/2025 * Second deadline: 📅 17/10/2025 (midterms) * Last deadline: 📅 08/12/2025 (course..."</p>
<p><b>New page</b></p><div>Using the tools from the class, '''design''', and '''code''' a '''bad UI form'''.<br />
<br />
What ''bad'' means, as well as the the form's interaction and aesthetics, are all features you should author yourself.<br />
<br />
'''Deliverable''': upload a P5js or CodeDot sketch to the [https://wb.kabkimd.nl whiteboard] with your name and the assignment title.<br />
<br />
'''Deadlines'''<br />
<br />
* First deadline: 📅 13/10/2025<br />
* Second deadline: 📅 17/10/2025 (midterms)<br />
* Last deadline: 📅 08/12/2025 (course finals)</div>
Leo