CSS3 (2015)
Dit deel van de serie Web Development Library biedt een stevige basis voor het vormgeven van webpagina’s met de opmaaktaal CSS. De auteurs gaan uitgebreid in op de mogelijkheden die zijn vastgelegd in CSS3 en alles wat daarbij hoort. Met behulp van voorbeelden en oefeningen ontwikkelt u zich tot een gevorderde webdesigner.
Tot de behandelde onderwerpen behoren:
- Kennismaken met CSS3 en de nog steeds actuele voorganger CSS2.1.
- Basiskenmerken zoals de opbouw van stijlregels en waar die komen te staan.
- Het gebruik van lettertypen en de opmaak van tekst en menu’s.
- Gebruikmaken van eenvoudige en geavanceerde selectors.
- Het boxmodel en de positionering van elementen.
- Kleurgebruik en achtergrondafbeeldingen.
- Media queries, lay-outs met positionering en floats en flexbox.
- Transformeren en animeren.
Bootstrap 4 (2018)
Bootstrap is een CSS- en JavaScript-bibliotheek waarmee u op eenvoudige wijze websites en -apps kunt vormgeven. Bootstrap bevat daar allerlei componenten voor, zoals knoppen, drop-downmenu’s, tabs en tabellay-outs. Daarnaast is er een uitgebreid gridsysteem waarmee u websites opmaakt voor zowel bureaucomputers als mobiele apparaten (smartphones en tablets).
Met Bootstrap kunnen niet-designers hun websites snel op consistente en eenvoudige manier opmaken, terwijl ‘echte’ designers hun hart kunnen ophalen aan de vele mogelijkheden die het framework biedt om het naar eigen wens in te stellen. In dit boek leert u werken met alle aspecten van Bootstrap, van het maken van een eenvoudige knop tot het werken met de dynamische componenten zoals modale overlays en carrousels.
Tot de behandelde onderwerpen behoren:
- Een eerste website maken met Bootstrap
- Lay-outs maken met het gridsysteem
- Inhoud vormgeven: teksten, tabellen, knoppen en afbeeldingen
- Formulieren vormgeven
- Componenten gebruiken
- Componenten met JavaScript-uitbreidingen
CSS Flexbox en Grid-Layout (2017)
Dit deel van de serie Web Development Library biedt een stevige basis voor het maken van lay-outs voor webapps en webpagina’s met de opmaaktaal CSS. Centraal staat het nieuwste dat CSS te bieden heeft: Flexible Box Layout en Grid Layout. Daarmee zijn lay-outs mogelijk die voorheen alleen met veel moeite en omwegen of met behulp van scripting waren te realiseren. Het bekendste voorbeeld daarvan is the holy grail layout. De auteur gaat uitgebreid in op de fantastische mogelijkheden die dankzij goede ondersteuning door de belangrijkste browsers direct kunnen worden toegepast.
Tot de behandelde onderwerpen behoren:
- Flexcontainers en flexitems en hun instelmogelijkheden.
- Uitlijnen en centreren in alle richtingen.
- Elementen weergeven in een andere volgorde dan in de HTML.
- Flexibiliteit met flex-grow, flex-shrink en flex-basis.
- Kennismaken met CSS Grid Layout.
- De principes achter rastercontainers en rasteritems.
- Een raster maken: volledig gedefinieerd of automatisch.
