...
De homepagina die ik gemaakt met behulp van bootstrap Bootstrap ziet er als volgt uit:
Het was fijn om te gebruiken en gemakkelijk te installeren. Het heeft misschien een klein voordeel gehad aangezien ik al eerder gebruik heb gemaakt van bootstrapBootstrap. Ik hoefde niet veel op te zoeken, maar op momenten wanneer ik hulp nodig had was er niet veel tijd voor nodig en ik had mijn perfecte oplossing al gevonden.
...
Op het gebied van documentatie zit het met bootstrap Bootstrap meer dan goed. Om iets te kunnen vinden hoef je alleen maar bootstrap Bootstrap plus de zoekterm van wat je wil weten in te vullen op een zoekmachine en er komen genoeg antwoorden. De complexiteit daarentegen is een ander verhaal. Het is zeker niet de het lastigste framework wat beschikbaar is, maar je hebt zeker even nodig om het in je vingers te krijgen. Ook de leesbaarheid vind ik niet super na het implementeren van bootstrap. Wel Echter is het wel zo dat je het makkelijk kan zien lezen zodra je alle termen kent die in bootstrap gebruikt worden en aangezien . Aangezien wij als groep allemaal wel eens met bootstrap Bootstrap hebben gewerkt is dit geen groot probleem voor ons.
Tijdens het maken van de het prototype ben ik niet vast komen te zitten en heb ik de homepagina redelijk vlot in elkaar gezet. De ervaring had daarbij een grote rol, maar ook het framework zelf. Bootstrap maakt het heel makkelijk om content te plaatsen waar je het wil en maakt het een stuk sneller. Dit zorgde ervoor dat er toch een mooie homepagina kwam te staan in een redelijk korte tijd. Over het onderhouden van bootstrap Bootstrap valt niks slechts over te zeggen. Bootstrap wordt nog steeds geupdate geüpdatet en verbeterd.
Bulma
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bulma</title>
<link rel="stylesheet" href="./css/bulma-rtl.min.css">
</head>
<body>
<nav class="navbar is-black py-3 pl-6">
<div class="navbar-brand">
<a class="navbar-item">
<span class="is-size-4 has-text-weight-bold">Smalltalk-PROTOTYPE</span>
</a>
</div>
<div class="navbar-menu" id="nav-links">
<div class="navbar-start pr-6">
<a class="navbar-item">My Account</a>
<a class="navbar-item">Contact</a>
</div>
</div>
</nav>
<main class="hero is-fullheight has-background-black-ter">
<div class="container hero-body">
<div class="columns is-centered is-mobile">
<div class="column is-half content is-large has-text-centered">
<h1 class="has-text-white">
Made by Sem.
</h1>
<p class="has-text-grey-lighter">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum tempore ea perspiciatis
nulla, soluta quos voluptas tenetur facere et, quod ipsam obcaecati iure ratione eveniet dolorem
possimus enim, fugiat cumque?
</p>
<button class="button is-light is-large is-outlined is-rounded">
Learn More
</button>
</div>
</div>
</div>
<div class="container hero-footer">
<div class="columns is-centered is-mobile">
<div class="column content">
<p class="has-text-grey-light pt-6 m-6">
Smalltalk-PROTOTYPE
</p>
</div>
</div>
</div>
</main>
</body>
</html> |
...
Materialize is een heel makkelijk te installeren framework en ook het gebruik ervan is niet lastig. Ik had niet veel obstakels naast het veranderen van kleuren en het goed zetten in horizontale richting. Dit duurde even om onder de knie te krijgen maar op site staan voldoende mogelijke heden mogelijkheden om dat op te lossen.
| Code | Criteria | -- | - | -/+ | + | ++ |
|---|---|---|---|---|---|---|
| CR1 | Documentatie | X | ||||
| CR2 | Complexiteit | X | ||||
| CR3 | Leesbaarheid | X | ||||
| CR4 | Prototype | X | ||||
| CR5 | Onderhouden | X |
...
Er is genoeg te vinden om een redelijke website te maken, maar de voorbeelden maken het niet heel veel makkelijker. Het zijn alleen volledige templates die laten zien worden gezien. Kleine onderdeeltjes ontbreken, maar dat vangt de website van Materialize zelf redelijk goed op. De complexiteit valt ook mee, dit . Dit komt omdat het toch wel redelijk makkelijk voor je wordt gemaakt en de tijd wat die je nodig hebt om het te leren is erg laagkort. Wel wordt de leesbaarheid van de code met de regel onleesbaarder. Zolang het een kleine website blijft en geen pagina's met driehonderd regels is het prima te overzien.
De Het maken van het prototype ging redelijk naar behoren en duurde niet heel lang om te maken. Wel was het lastig in het begin om uit te vogelen hoe Materialize werkt. Wanneer ik begon moest ik even rustig kijken naar wat er nou precies gebruikt kon worden. Het onderhouden van de code is daarentegen niet heel best. Laatste De laatste commit met een update is alweer twee jaar geleden.
...