You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Created and designed by Google, Material Design is a design
20
-
language that combines the classic principles of successful
21
-
design along with innovation and technology. Google's goal is to
22
-
develop a system of design that allows for a unified user
23
-
experience across all their products on any platform.
24
+
Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology.
25
+
Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.
The metaphor of material defines the relationship between
42
-
space and motion. The idea is that the technology is
43
-
inspired by paper and ink and is utilized to facilitate
44
-
creativity and innovation. Surfaces and edges provide
45
-
familiar visual cues that allow users to quickly
46
-
understand the technology beyond the physical world.
37
+
The metaphor of material defines the relationship between space and motion. The idea is that the technology is inspired by paper and ink and is utilized to
38
+
facilitate creativity and innovation. Surfaces and edges provide familiar visual cues that allow users to quickly understand the technology beyond the
39
+
physical world.
47
40
</p>
48
41
</div>
49
42
50
43
<divclass="col s12 l4">
51
44
<imgclass="promo" src="images/bold.png" />
52
45
<h4class="center">Bold, graphic, intentional</h4>
53
46
<p>
54
-
Elements and components such as grids, typography, color,
55
-
and imagery are not only visually pleasing, but also
56
-
create a sense of hierarchy, meaning, and focus. Emphasis
57
-
on different actions and components create a visual guide
58
-
for users.
47
+
Elements and components such as grids, typography, color, and imagery are not only visually pleasing, but also create a sense of hierarchy, meaning, and
48
+
focus. Emphasis on different actions and components create a visual guide for users.
59
49
</p>
60
50
</div>
61
51
62
52
<divclass="col s12 l4">
63
53
<imgclass="promo" src="images/motion.png" />
64
54
<h4class="center">Motion provides meaning</h4>
65
55
<p>
66
-
Motion allows the user to draw a parallel between what
67
-
they see on the screen and in real life. By providing both
68
-
feedback and familiarity, this allows the user to fully
69
-
immerse him or herself into unfamiliar technology. Motion
70
-
contains consistency and continuity in addition to giving
71
-
users additional subconscious information about objects
72
-
and transformations.
56
+
Motion allows the user to draw a parallel between what they see on the screen and in real life. By providing both feedback and familiarity, this allows the
57
+
user to fully immerse him or herself into unfamiliar technology. Motion contains consistency and continuity in addition to giving users additional
58
+
subconscious information about objects and transformations.
73
59
</p>
74
60
</div>
75
61
</div>
@@ -83,11 +69,8 @@ <h2 class="header">Meet the Team</h2>
83
69
<h5>The community</h5>
84
70
85
71
<pclass="caption">
86
-
Due to inactivity of the original developers, MaterializeCSS has
87
-
been forked by a community of enthusiasts, which continues to be
88
-
fully maintained by open source principes since 2021. Without
89
-
the many contributors who participated in this fork, this
90
-
project would probably not have received any updates anymore.
72
+
Due to inactivity of the original developers, MaterializeCSS has been forked by a community of enthusiasts, which continues to be fully maintained by open source
73
+
principes since 2021. Without the many contributors who participated in this fork, this project would probably not have received any updates anymore.
was originally launched in 2014 by a team of students from Carnegie Mellon University. After 4 years of development, the latest official release was released in
91
+
September 2018 and received more than 38K stars on GitHub.
Copy file name to clipboardExpand all lines: auto-init.html
+5-11Lines changed: 5 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -13,17 +13,14 @@
13
13
<divclass="col s12 m8 offset-m1 xl7 offset-xl1">
14
14
<divid="introduction" class="section scrollspy">
15
15
<pclass="caption">
16
-
Auto Init allows you to initialize all of the Materialize
17
-
Components with a single function call. It is important to note
18
-
that you cannot pass in options using this method.
16
+
Auto Init allows you to initialize all of the Materialize Components with a single function call. It is important to note that you cannot pass in options using this
<codeclass="language-javascript">M.AutoInit()</code> to ignore
58
-
a certain element, you can add the class
59
-
<codeclass="language-markdown">.no-autoinit</code> to the
53
+
<codeclass="language-javascript">M.AutoInit()</code> to ignore a certain element, you can add the class <codeclass="language-markdown">.no-autoinit</code> to the
60
54
element and it will not be initialized by autoinit.
0 commit comments