wh-logo Inleiding Grid Achtergrond kleur Hover A.grond kleur Tekst kleur Hover Tekst kleur Border kleur Top navigatie Side navigatie Font Margin Padding Border Align Shadow Button Rounding Tooltip Images Panel Alert List Table Form Dropdown Accordion Slideshow Animate Modal Linken Insigne Label Overflow Filters Contact

wh - framework

Inleiding Grid

Inleiding

Met het wh-framework kun je op eenvoudige wijze een responsive website bouwen.

Het is een makkelijk te leren systeem en zeer uitgebreid.

Het beschikt over meer dan 140 kleuren die veilig te gebruiken zijn.

Het heeft een eenvoudig en sterk grid systeem waarmee je robuste responsive websites kunt bouwen.

Andere bekende frameworks zijn:


Gratis

Je hoeft niet te betalen voor wh-framework. Geen licentie noodzakelijk.
Je kunt het pakket gratis downloaden:

Download wh-framework.zip

Instaleren

Na het downloaden en uitpakken van het zip bestand, kun je het bestand readme.html openen voor een voledig overzicht van wh-framework.
Om wh-framework te gebruiken kopieer de voledige bin map naar je website en voeg het volgende toe aan je html-pagina's:

Instalatie

<!DOCTYPE html>

<html lang="nl">
<head>
 <meta charset="utf-8" />
 <title>titel</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
 <link rel="stylesheet" type="text/css" href="bin/css/wh-framework.css" />
</head>
<body>

<script src="bin/js/wh.js"></script>
</body>
</html>
Om wh-framework goed te laten werken moet je met HTML5 werken!

Iconen

De icons die door wh-frameworks worden gebruikt zijn van Font Awesome en die worden via, zoals hierboven te zien is, een externe stylesheet link geladen.
Voor een voledig overzicht:

Font Awesome

Inleiding Grid

Copyright © H.J.Blonk all right reserved