-
Notifications
You must be signed in to change notification settings - Fork 4
/
resources.html
85 lines (76 loc) · 3.81 KB
/
resources.html
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
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html manifest="manifest.appcache">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<title>Future-Friendly Resources</title>
<link rel="stylesheet" href="styles.css">
</head>
<body id="resources">
<header role="banner">
<a href="index.html"><img src="assets/fflogo.png" alt="Future Friendly" title="Future Friendly"></a>
<h1>Future-Friendly Resources</h1>
</header>
<p>In the spirit of embracing unpredictability, here are some resources to help you start thinking and acting in a future-friendly way. Please help us extend the list of worthwhile forward-thinking resources.</p>
<section id="landscape">
<header>
<h2>Landscape</h2>
</header>
<ul>
<li><a href="http://www.slideshare.net/yiibu/letting-go-9109114" rel="external">Letting Go</a></li>
<li><a href="http://designmind.frogdesign.com/blog/the-coming-zombie-apocalypse-small-cheap-devices-will-disrupt-our-old-school-ux-assumptions.htm" rel="external">The Coming Zombie Apocalypse</a></li>
<li><a href="http://precious-forever.com/2011/05/26/patterns-for-multiscreen-strategies/" rel="external">Multiscreen Patterns</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1320" rel="external">First-Person User Interfaces</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?862" rel="external">Networked Consumer Device Platforms</a></li>
</ul>
</section>
<section id="context">
<header>
<h2>Context</h2>
</header>
<ul>
<li><a href="http://www.cloudfour.com/on-mobile-context" rel="external">On Mobile Context</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1393" rel="external">There Is No Mobile Web</a></li>
<li><a href="http://yiibu.com/articles/wider-context/" rel="external">A Wider Context</a></li>
<li><a href="http://adactio.com/journal/4443/" rel="external">Context</a></li>
<li><a href="http://mark-kirby.co.uk/2011/the-mobile-context/" rel="external">The Mobile Context</a></li>
<li><a href="http://www.uxbooth.com/blog/its-about-people-not-devices/" rel="external">It's About People, Not Devices</a></li>
</ul>
</section>
<section id="content">
<header>
<h2>Content</h2>
</header>
<ul>
<li><a href="http://www.slideshare.net/stephenhay/structured-content-first" rel="external">Structured Content First</a></li>
<li><a href="http://endlesslycontent.com/2011/08/04/structured-content-shifting-context-responsive-design/" rel="external">Structured Content, Shifting Context</a></li>
<li><a href="http://endlesslycontent.com/2011/06/30/content-first/" rel="external">Content First?: Semantics, Structure, and Why We Should Care</a></li>
</ul>
</section>
<section id="approach">
<header>
<h2>Approach</h2>
</header>
<ul>
<li><a href="http://www.lukew.com/presos/preso.asp?26" rel="external">Mobile First</a></li>
<li><a href="http://www.alistapart.com/articles/responsive-web-design/" rel="external">Responsive Web Design</a></li>
<li><a href="http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/" rel="external">COPE: Create Once, Publish Everywhere</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?940" rel="external">Integration Across Networked Devices</a></li>
<li><a href="http://filamentgroup.com/examples/bdconf-2011/sjehl-bdconf-2011.pdf" rel="external">Responsive & Responsible <em>(pdf)</em></a></li>
</ul>
</section>
<nav role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="thinking.html">Thinking</a></li>
<li><a>Resources</a></li>
</ul>
</nav>
<footer role="contentinfo">
<ul>
<li>We're <a rel="license" href="http://creativecommons.org/licenses/by/3.0">Creative Commons friendly.</a></li>
<li><a href="https://twitter.com/grigs/mobilewood/members">Talk to us.</a></li>
</ul>
</footer>
</body>
</html>