notes_old/design.html at master · nolanhergert/notes_old · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
 lang="en" dir="ltr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>design</title>
  <link rel="stylesheet" media="all" type="text/css" href="all.css" />
  <link rel="stylesheet" media="screen" type="text/css" href="screen.css" />
  <link rel="stylesheet" media="print" type="text/css" href="print.css" />
  <link rel="stylesheet" media="all" type="text/css" href="export.css" />
</head>
<body>
<div class="dokuwiki export">
<!-- TOC START -->
<div id="dw__toc" class="dw__toc">
<h3 class="toggle">Table of Contents</h3>
<div>

<ul class="toc">
<li class="level1"><div class="li"><a href="#design">Design</a></div>
<ul class="toc">
<li class="level2"><div class="li"><a href="#css">CSS</a></div></li>
<li class="level2"><div class="li"><a href="#good_design">Good Design</a></div></li>
<li class="level2"><div class="li"><a href="#bad_design">Bad Design</a></div></li>
</ul></li>
</ul>
</div>
</div>
<!-- TOC END -->

<h1 class="sectionedit1" id="design">Design</h1>
<div class="level1">
<ul>
<li class="level1 node"><div class="li"> Great example of user-friendly design is Apple&#039;s <a href="https://en.wikipedia.org/wiki/Hypercard" class="interwiki iw_wp" title="https://en.wikipedia.org/wiki/Hypercard">Hypercard</a>, succeeded by LiveCode to some extend. It allowed people to program easily, with plain english. </div>
<ul>
<li class="level2"><div class="li"> <strong>However what are the limitations??</strong></div>
</li>
</ul>
</li>
</ul>

</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Design&quot;,&quot;hid&quot;:&quot;design&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:1,&quot;range&quot;:&quot;1-240&quot;} -->
<h2 class="sectionedit2" id="css">CSS</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li"> Great buttons! <a href="http://hellohappy.org/css3-buttons/" class="urlextern" title="http://hellohappy.org/css3-buttons/" rel="ugc nofollow">http://hellohappy.org/css3-buttons/</a></div>
</li>
</ul>

</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;CSS&quot;,&quot;hid&quot;:&quot;css&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:2,&quot;range&quot;:&quot;241-312&quot;} -->
<h2 class="sectionedit3" id="good_design">Good Design</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li"> Another great rant by Bret Victor: <a href="http://worrydream.com/LearnableProgramming/" class="urlextern" title="http://worrydream.com/LearnableProgramming/" rel="ugc nofollow">http://worrydream.com/LearnableProgramming/</a> in response to responses to his other great talk: Inventing on Principle: <iframe src="//player.vimeo.com/video/36579366" height="239" width="425" class="vshare__none" allowfullscreen="" frameborder="0" scrolling="no"></iframe></div>
</li>
<li class="level1"><div class="li"> <a href="http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/" class="urlextern" title="http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/" rel="ugc nofollow">Brief Rant on Future of Interaction Design</a> by Bret Victor</div>
</li>
</ul>

<p>
<a href="0media/titlefeel.png" class="media" title="titlefeel.png"><img src="0media/titlefeel.png" class="mediacenter" title="design:good" alt="design:good" /></a>
</p>

</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Good Design&quot;,&quot;hid&quot;:&quot;good_design&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:3,&quot;range&quot;:&quot;313-685&quot;} -->
<h2 class="sectionedit4" id="bad_design">Bad Design</h2>
<div class="level2">

</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Bad Design&quot;,&quot;hid&quot;:&quot;bad_design&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:4,&quot;range&quot;:&quot;686-&quot;} --></div></body>
</html>