...
Skeleton is een makkelijk te installeren framework, maar daar blijft het ook bij. Naast dat het voor je makkelijk gemaakt wordt met het goed zetten horizontaal uitlijnen van content horizontaal, had heeft Skeleton heel weinig andere functionaliteiten.
...
| Code | Criteria | -- | - | -/+ | + | ++ |
|---|---|---|---|---|---|---|
| CR1 | Documentatie | X | ||||
| CR2 | Complexiteit | X | ||||
| CR3 | Leesbaarheid | X | ||||
| CR4 | Prototype | X | ||||
| CR5 | Onderhouden | X |
++ = 0
+ = 1
+/- = 1
- = 70
-- = 07
Op het gebied van voorbeelden en stukjes code die kunnen helpen voor Skeleton valt hierover er weinig tot niks te vinden hierover. Dit maakt het heel lastig om er mee te werken. De weinig beschikbare functionaliteiten helpen hier zeker niet bij aan mee. Hoe complex het is valt dan wel weer mee. Skeleton is namelijk zeer minimaal gemaakt, dus zijn er ook weinig mogelijkheden. De leesbaarheid is daarentegen wel positief. Alles wat er te implementeren bestaat is redelijk makkelijk te lezen. De prototype heb ik ook niet naar behoren kunnen maken, omdat dit te lang duurde. Ik ben gestopt op het moment dat ik vast kwam te zitten en geen antwoord kon vinden op het internet. Skeleton wordt ook niet meer geüpdatet en de laatste update is heel lang geleden, dus is het onderhouden er van heel erg matig. Het onderhouden van het framework is dus ook afwezig.
Materialize
| 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>Materialize</title>
<link rel="stylesheet" href="/Materialize/css/materialize.css">
<link rel="stylesheet" href="/Materialize/css/materialize.min.css">
</head>
<body class="grey darken-4">
<div id="navbar" class="navbar-fixed scrollspy">
<nav class="grey black">
<div class="nav-wrapper container">
<div class="container"> <a href="index.html" class="brand-logo">Smalltalk-PROTOTYPE</a></div>
<ul class="right side-nav">
<li><a href="contactUs.html">Contact Us</a></li>
<li><a>My account</a></li>
</ul>
</div>
</nav>
</div>
<div id="index-banner" class="container">
<div class="section no-pad-bot">
<div class="container valign">
<br><br>
<h1 class="header center white-text text-darken-2">Made by Sem.</h1>
<div class="row center">
<h5 class="header col s12 light grey-text text-darken-2">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid accusamus tempora vero excepturi non tenetur molestias odit ex necessitatibus voluptatem. Hic qui quisquam suscipit, aspernatur perferendis aliquid maxime delectus. Laborum?</h5>
</div>
<div class="row center">
<button class="waves-effect white black-text btn">Learn more</button>
</div>
</div>
</div>
</div>
</body>
</html> |
...