Materialise Tutorial
Materialize to biblioteka komponentów interfejsu użytkownika utworzona za pomocą CSS, JavaScript i HTML. Komponenty Materialize UI pomagają w tworzeniu atrakcyjnych, spójnych i funkcjonalnych stron i aplikacji internetowych, przy jednoczesnym przestrzeganiu nowoczesnych zasad projektowania stron internetowych, takich jak przenośność przeglądarki, niezależność urządzenia i pełna gracji degradacja. Pomaga w tworzeniu szybszych, ładniejszych i responsywnych stron internetowych. Jest inspirowany Google Material Design.
Ten samouczek jest przeznaczony dla profesjonalistów, którzy chcieliby poznać podstawy Materialise i dowiedzieć się, jak z niego korzystać, aby tworzyć szybsze, piękne i responsywne strony internetowe i aplikacje. Ten samouczek wyjaśnia wszystkie podstawowe pojęcia dotyczące Materializacji.
Przed kontynuowaniem tego samouczka powinieneś mieć podstawową wiedzę na temat HTML, CSS, JavaScript, Document Object Model (DOM) i dowolnego edytora tekstu. Ponadto pomoże to, jeśli wiesz, jak działają aplikacje internetowe.
W przypadku większości przykładów podanych w tym samouczku znajdziesz plik Try-itopcja. Skorzystaj z tej opcji, aby uruchomić programy Materialize na miejscu i cieszyć się nauką. Wypróbuj poniższy przykład przy użyciuTry-it opcja dostępna w prawym górnym rogu następującego przykładowego pola kodu.
<!DOCTYPE html>
<html>
<head>
<title>The Materialize Example</title>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel = "stylesheet"
href = "https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel = "stylesheet"
href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type = "text/javascript"
src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
</script>
</head>
<body>
<div class = "card-panel teal lighten-2"><h3>Hello World!</h3></div>
</body>
</html>