-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
96 lines (87 loc) · 5.54 KB
/
about.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
86
87
88
89
90
91
92
93
94
95
96
<!doctype html>
<html lang=en-us class=no-js>
<head>
<meta charset=UFT-8>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name=mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-capable content=yes>
<title>About | Rules of UX</title>
<meta name=description name=og:description content="Rules of UX is a collection of the maxims and principles that designers can consider when building user interfaces.">
<meta name=image content=https://rulesofux.vercel.app/images/social.jpg>
<meta itemprop=name content="Home | Rules of UX">
<!-- Twitter -->
<meta name=twitter:card content=summary_large_image>
<meta name=twitter:title content="Home | Rules of UX">
<meta name=twitter:description content="Rules of UX is a collection of the maxims and principles that designers can consider when building user interfaces.">
<meta name=twitter:image content=https://rulesofux.vercel.app/images/social_1024.jpg>
<meta name=og:title content="Home | Rules of UX">
<meta name=og:image content=https://rulesofux.vercel.app/images/social_1200.jpg>
<meta name=og:url content=https://rulesofux.vercel.app/ >
<meta name=og:site_name content="Rules of UX">
<meta name=og:locale content=en_US
><meta name=og:type content=website>
<link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png>
<link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png>
<link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png>
<meta name=theme-color content=#333333>
<!-- Stylesheets -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,700" rel="stylesheet">
<link rel=stylesheet href=style.css>
</head>
<header class=header role=banner data-header>
<div class=header_container>
<h1 class=header__title>
<a href=index.html data-transition-page>
<svg class="icon header__title-logo" width=32 height=32 viewBox="0 0 100 100">
<use xlink:href=#logo />
</svg>
<span class=header__title-text>Rules of Front End Development</span>
</a>
</h1>
</div>
</header>
<main role=main class=wrapper>
<div data-transition-content>
<div id=laws class=section>
<div class="modal__container container container--med">
<div class=modal__body>
<div class=modal__section>
<nav role=navigation class=nav>
<ul class=nav__list>
<li class=nav__list-item>List of Rules</li>
<li class=nav__list-item>01. Aesthetic Usability Effect</li>
<li class=nav__list-item>02. Doherty Threshold</li>
<li class=nav__list-item>03. Fitts’s Law</li>
<li class=nav__list-item>04. Hick’s Law</li>
<li class=nav__list-item>05. Jakob’s Law</li>
<li class=nav__list-item>06. Law of Common Region</li>
<li class=nav__list-item>07. Law of Prägnanz</li>
<li class=nav__list-item>08. Law of Proximity</li>
<li class=nav__list-item>09. Law of Similarity</li>
<li class=nav__list-item>10. Law of Uniform Connectedness</li>
<li class=nav__list-item>11. Miller’s Law</li>
<li class=nav__list-item>12. Occam’s Razor</li>
<li class=nav__list-item>13. Pareto Principle</li>
<li class=nav__list-item>14. Postel’s Law</li>
<li class=nav__list-item>15. Von Restorff Effect</li>
<li class=nav__list-item>16. Zeigarnik Effect</li>
</ul>
</nav>
</div>
<aside class="modal__section text-sml">
<p>Rules of UX is a collection of the maxims and principles that designers can consider when building user interfaces.
<p>It was created by <a href="https://andrebass.co/">Andre Bass</a>.
<p>Tools used to create this site include paper, pencil and <a href=https://www.sketchapp.com/ >Sketch App</a> for design, and <a href=https://code.visualstudio.com >Visual Studio Code</a> for HTML/CSS templating.
<p>Typography is set in <a href=https://www.ibm.com/plex/ >IBM Plex Sans and Plex Mono</a>, an open-source typeface by IBM.
<p>©Andre Bass 2022 | All Rights Reserved<hr>
</aside>
</div>
</div>
</div>
</div>
</main>
<script src=https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/plugins/ScrollToPlugin.min.js></script>
</html>