Op werkdagen voor 23:00 besteld, morgen in huis Gratis verzending vanaf €20
-
Inloggen
-- Inloggen
  • accountoverzicht
  • bestellingen
  • facturen betalen
  • downloadcentrum
  • summaries
  • gegevens
  • nieuwsbrief
  • partnerprogramma
  • financieel
  • inloggen
  • uitloggen

Uw winkelwagen

Naar winkelwagen Verder winkelen
Uitdagingen + oplossingen
Alle uitdagingen + oplossingen
  • Direct naar
    • Alle uitdagingen en oplossingen
    • Meest bekeken managementvragen
    • Recent gestelde vragen
    • Stel jouw managementvraag
  • Ontdek oplossingen per thema
    • Boekadviezen en geschenken
    • Digitalisering en technologie
    • Communicatie en onderhandeling
    • Compliance en regelgeving
    • alle thema’s
  • Voorbeelden
    • Boekcadeau voor promotie
    • AI toepassen op werk
    • Versterken interne communicatie
    • Voorkomen corruptie en onethisch gedrag
    • alle vragen
Managementboeken
Alle managementboeken
  • Direct naar
    • Managementboek TOP 100
    • AI-books
    • Managementuitdagingen
    • Auteur in de spotlight
    • Online Magazine
    • Aanbiedingen
    • Trending trefwoorden
  • Rubrieken
    • Advisering
    • Algemeen management
    • Coaching en trainen
    • Communicatie en media
    • Economie
    • Financieel management
    • Inkoop en logistiek
    • Internet en social media
    • IT-management / ICT
    • Juridisch
    • Leiderschap
    • Marketing
    • Mens en maatschappij
    • Non-profit
    • Ondernemen
    • Organisatiekunde
    • Personal finance
    • Personeelsmanagement
    • Persoonlijke effectiviteit
    • Projectmanagement
    • Psychologie
    • Reclame en verkoop
    • Strategisch management
    • Verandermanagement
    • Werk en loopbaan
    • alle rubrieken
Overige boeken
Alle overige boeken
  • Direct naar
    • Bestseller 60
    • Fictie TOP 20
    • Non-fictie TOP 20
    • Spanning TOP 20
    • Jeugd TOP 10
    • Culinair TOP 10
    • Aanbiedingen
  • Rubrieken
    • Cadeauboeken
    • Computer en informatica
    • Economie
    • Filosofie
    • Flora en fauna
    • Geneeskunde
    • Geschiedenis
    • Gezondheid
    • Informatief / professioneel
    • Jeugd
    • Juridisch
    • Koken en eten
    • Kunst en cultuur
    • Literatuur en romans
    • Mens en maatschappij
    • Naslagwerken
    • Paramedisch
    • Psychologie
    • Reizen
    • Religie
    • Schoolboeken
    • Spiritualiteit
    • Sport, hobby, lifestyle
    • Thrillers en spanning
    • Wetenschap en techniek
    • Woordenboeken en taal
Interactief leren
Alle seminars & trainingen
  • Direct naar
    • Live events
    • Online training
    • AI-books
  • Online Magazine
    • Previews
    • Recensies
    • Interviews
    • Podcasts
    • Videos
  • Volg ons op
    • Spotify
    • YouTube
    • Instagram
    • Linkedin
Attenderingen
Attenderingen instellen
  • Algemeen
    • Recht op u af
    • Juridische attendering
    • Hiatensignalering juridisch
    • Seriesignalering
    • Herdruksignalering
    • Internationaal
  • Aanbevolen per ministerie
    • Algemene Zaken
    • Binnenlandse Zaken en Koninkrijksrelaties
    • Buitenlandse Zaken
    • Defensie
    • Economische Zaken en Klimaat
    • Financiën
    • Infrastructuur en Waterstaat
    • Justitie en Veiligheid
    • Landbouw, Natuur en Voedselkwaliteit
    • Onderwijs, Cultuur en Wetenschap
    • Nationale Politie
    • Sociale Zaken en Werkgelegenheid
    • Volksgezondheid, Welzijn en Sport
Periodieken
Alle periodieken
  • Algemeen
    • Uw periodieken
    • Verlengen / opzeggen
    • Openstaande claims
    • Bibliografische wijzigingen
    • Abonnementshouders
    • Afleveradressen
    • Referenties
    • Notities
  • Aanbevolen per ministerie
    • Algemene Zaken
    • Binnenlandse Zaken en Koninkrijksrelaties
    • Buitenlandse Zaken
    • Defensie
    • Economische Zaken en Klimaat
    • Financiën
    • Infrastructuur en Waterstaat
    • Justitie en Veiligheid
    • Landbouw, Natuur en Voedselkwaliteit
    • Onderwijs, Cultuur en Wetenschap
    • Nationale Politie
    • Sociale Zaken en Werkgelegenheid
    • Volksgezondheid, Welzijn en Sport
Boekseries
Alle boekseries
  • Algemeen
    • Uw serieabonnementen
    • Geadresseerden
    • Abonnementshouders
    • Afleveradressen
    • Referenties
    • Notities
  • Aanbevolen per ministerie
    • Algemene Zaken
    • Binnenlandse Zaken en Koninkrijksrelaties
    • Buitenlandse Zaken
    • Defensie
    • Economische Zaken en Klimaat
    • Financiën
    • Infrastructuur en Waterstaat
    • Justitie en Veiligheid
    • Landbouw, Natuur en Voedselkwaliteit
    • Onderwijs, Cultuur en Wetenschap
    • Nationale Politie
    • Sociale Zaken en Werkgelegenheid
    • Volksgezondheid, Welzijn en Sport
Nu lezen
Online Magazine
  • Direct naar
    • Recensies
    • Interviews
    • Previews
    • Opinie
    • Actueel
    • Podcasts
    • Videos
  • Lees over
    • Algemeen management
    • Coachen en trainen
    • Leiderschap
    • Marketing
    • Organisatiekunde
    • Strategisch management
    • Verandermanagement
    • meer onderwerpen
  • Recente artikelen
010-4731397
Klantenservice
Mijn account
Mijn bestellingen
010-4731397
Boeken Computer en informatica CSS Flexbox en Grid-Layout
CSS Flexbox en Grid-Layout
Peter Doolaard

Peter Doolaard is eindredacteur en vormgever bij Van Duuren Media B.V. Hij redigeerde talloze boeken over aan computers gerelateerde onderwerpen en vertoont een bijna ongezonde belangstelling voor alles wat er op dit gebied valt te beleven.

Meer over Peter Doolaard
Peter Doolaard

CSS Flexbox en Grid-Layout

Paperback Nederlands 2017 1e druk 9789059409217
Dit product is niet leverbaar
 
Stel een vraag over dit boek
Samenvatting Specificaties Over de auteur Inhoudsopgave

Samenvatting

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.

Specificaties

ISBN13:9789059409217
Trefwoorden:internet, Web developer, CSS (Cascading Style Sheets), Grid Layout, CSS Flexbox
Taal:Nederlands
Bindwijze:paperback
Aantal pagina's:192
Uitgever:Van Duuren Media
Druk:1
Verschijningsdatum:4-5-2017
Hoofdrubriek:Computer en informatica
Serie:Web Development Library

Lezersrecensies

Wees de eerste die een lezersrecensie schrijft!
Schrijf een recensie
Lees ons recensiebeleid
Uw cijfer
?
Log in om te stemmen

Over Peter Doolaard

Peter Doolaard is eindredacteur en vormgever bij Van Duuren Media B.V. Hij redigeerde talloze boeken over aan computers gerelateerde onderwerpen en vertoont een bijna ongezonde belangstelling voor alles wat er op dit gebied valt te beleven. Peter Doolaard heeft zich daardoor ontwikkeld tot algemeen kennisvat dat zo nu en dan in boekvorm overloopt. Hij schreef eerder de Basiscursus CSS. Peter Doolaard is tevens muziekfreak die een groot deel van zijn resterende vrije tijd doorbrengt met een koptelefoon op.

Andere boeken door Peter Doolaard

Bekijk alle boeken

Inhoudsopgave

U kunt van deze inhoudsopgave een PDF downloaden

1 Introductie 1
-Inleiding 2
-Wat flexbox is 4
Kenmerken 5
-Wat flexbox kan 8
-Wat flexbox oplost 9
-Hello flexbox 10
Verticaal centreren 14
-Benodigde voorkennis 17
Tips voor meer leesvoer 17
Editor en browser 18
Voorbeeldcode downloaden 19
Samenvatting 20
Praktijkoefeningen 20

2 De basis van flexbox 21
-Flexcontainers en flexitems 22
Een flexcontainer maken 23
Flexitems 24
De inhoud van flexitems 25
-Ouders en kinderen 26
-Rijen en kolommen: flex-direction 27
Twee dimensies 29
Flex-direction toegepast 30
-Regelomloop: flex-wrap 34
-De verzameleigenschap flex-flow 36
-De volgorde veranderen: order 37
Use case voor order 39
-Samenvatting 42
-Praktijkoefeningen 42


3 Flexitems verdelen 45
-Automatische marges 46
Use case met automarge 49
Automarge op kolommen 51
-Flexeigenschappen voor uitlijnen 53
-Uitlijnen in de hoofdrichting 54
Justify-content (flexcontainer) 55
Toelichting op de code 57
-Uitlijnen in de kruisrichting 58
Align-items (container) en align-self (item) 58
Align-content (flexcontainer) 60
-De producten uitlijnen 61
-Use cases uitlijnen 63
Navigatiebalk 64
-Samenvatting 66
-Opdrachten 66

4 Een flexibel formaat 69
-Groeien en krimpen met flex 70
Als flex niet wordt ingesteld 70
-Aanbevolen instelling: flex 71
-Het basisformaat: flex-basis 75
Absolute en relatieve flex 77
-Flex-grow en flex-shrink 78
Flex-shrink 79
-Conclusie 81
-Samenvatting 81
-Praktijkoefeningen 82

5 Voorbeelden van flexbox 85
-Website nos.nl 86
Smalle weergave 87
Breakpoint 37rem 90
Breakpoint op 47rem 91
Breakpoint 69rem en breder 93
-Venster voor instellingen 95
De hoofdstructuur 97
De header 98
De lijst met opties 99
De brede weergave 101

-Kop en onderkop naast of onder elkaar 104
-Items in een regel splitsen 105
-Split screen 107
-Split screen met footer 110
-Hovereffect met flex 115
-Show case: dobbelstenen 117
De basis 117
De één 118
De twee 118
De drie 119
De vier 119
De vijf 120
De zes 121
-Samenvatting 122

6 Een opmaakraster maken met Grid Layout 123
-Introductie 124
De status van gridlay-out 125
-Kenmerken van gridlay-out 126
-CSS-eigenschappen voor gridlay-out 128
Definitie van het raster 128
Plaatsing van de items 129
Uitlijning en tussenruimte 129
-Workflow in vogelvlucht 130
-Een raster maken 132
Auto-flow 135
Tussenruimte (gap) 136
Waarden voor tracks 137
De functie repeat() 138
-Expliciet en impliciet raster 141
-Kort: grid-template 142
-Nog korter: grid 144
-Samenvatting 146
-Praktijkopdrachten 147

7 Items in het raster plaatsen 149
-Plaatsingsmethoden 150
Plaatsen op index 152
Plaatsen op benoemde lijn 157
Index en naam combineren 159
Verkorte notatie 159
Kort met grid-area 160

-Plaatsen in benoemd vlak 161
-Automatisch plaatsen 164
Basisafmetingen 165
Span 167
Auto-fit en dense 168
-Uitlijnen 171
Items uitlijnen in de rij 171
Items uitlijnen in de kolom 172
Items centreren met margin 173
Tracks uitlijnen 174
-Samenvatting 177
-Praktijkopdrachten 178

8 Voorbeelden van grid-layout 179
-Website nos.nl 180
Smalle weergave 181
Breakpoint 37rem 183
Breakpoint op 47rem 184
Breakpoint 69rem en breder 186
-Instellingenvenster 187
-Homepage 189
-Conclusie 194

Index 197

Anderen die dit boek kochten, kochten ook

  • Prompten als een Pro
    Bob van Duuren
    Prompten als een Pro
    € 34,99
  • Theory of Fun for Game Design
    Raph Kostet
    Theory of Fun for Game Design
    € 51,07
  • Ik ben AI-geletterd!
    Team VDM
    Ik ben AI-geletterd!
    € 24,99
  • Geavanceerd ChatGPT, 3e editie
    Bob van Duuren
    Geavanceerd ChatGPT, 3e editie
    € 34,99
  • A guide to the Project Management Body of Knowledge (PMBOK guide) and the Standard for project management
    Project Management Institute
    A guide to the Project Management Body of Knowledge (PMBOK guide) and the Standard for project management
    € 124,06
  • Continuous Architecture in Practice
    Murat Erder
    Continuous Architecture in Practice
    € 45,34

Managementboek Top 100

Bekijk de volledige Managementboek Top 100

Rubrieken

  • advisering
  • algemeen management
  • coaching en trainen
  • communicatie en media
  • economie
  • financieel management
  • inkoop en logistiek
  • internet en social media
  • it-management / ict
  • juridisch
  • leiderschap
  • marketing
  • mens en maatschappij
  • non-profit
  • ondernemen
  • organisatiekunde
  • personal finance
  • personeelsmanagement
  • persoonlijke effectiviteit
  • projectmanagement
  • psychologie
  • reclame en verkoop
  • strategisch management
  • verandermanagement
  • werk en loopbaan
Uw cookie-instellingen
Deze website maakt gebruik van verschillende soorten cookies. Sommige cookies worden geplaatst door diensten van derden die op onze pagina's worden weergegeven. Om deze externe content te kunnen tonen is nodig dat u toestemming geeft voor het zetten van persoonlijke en marketingcookies. U kunt uw toestemming op elk moment wijzigen of intrekken. In onze cookieverklaring vindt u meer informatie.

Functionele cookies
Deze zijn noodzakelijk voor de werking van de website, zonder deze cookies kan de website niet naar behoren werken.

Persoonlijke en marketingcookies
Wij gebruiken cookies voor statistieken om bij te houden en rapportages te krijgen over hoe bezoekers de website gebruiken. Zo kunnen wij onze website verbeteren. Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker.
Op werkdagen voor 23:00 besteld, morgen in huis Gratis verzending vanaf €20

Klantenservice

Over ons Contact Voorwaarden Bestellen en retourneren Lezen en luisteren Voor auteurs Recensiebeleid Partnerprogramma

Zakelijk

Zakelijke diensten Partnerprogramma Cadeaubonnen

Altijd op de hoogte

Schrijf u in voor onze nieuwsbrief en blijf up-to-date met relevante interviews en recensies, inspirerende events en de beste acties.
PRETTIG KENNIS MAKEN
Thuiswinkel waarborg Algemene voorwaarden Privacy Cookies Cookie instellingen Service & Contact Over ons
© 2025 Mainpress BV

Populaire producten

    Personen

      Trefwoorden

        CSS Flexbox en Grid-Layout

        CSS Flexbox en Grid-Layout
        Peter Doolaard
        /
        loader
        Recensiebeleid
        Noordhoff terugkoopgarantie

        Noordhoff koopt jouw boek terug, zonder zorgen!

        Heb je jouw boeken niet meer nodig?

        Als je jouw studieboeken gekocht hebt bij hanzestudybook.nl, kun je geselecteerde titels moeiteloos terugverkopen aan Noordhoff. Geen vragen, geen gedoe en lekker duurzaam.

        Volledige informatie op Noordhoff.nl

        AI-book

        Wat is een AI-book?

        Een AI-book is niet een boek dat geschreven is door AI maar een boek dat verrijkt is met AI. Het maakt de inhoud van een boek interactief via WhatsApp, zodat je ermee kunt chatten. Zie het als een razend slimme assistent die het boek perfect begrijpt en er alles uit onthouden heeft. Jij kunt deze assistent alles vragen. Vraag bijvoorbeeld hoe je iets kunt toepassen op jouw persoonlijke situatie, om een korte samenvatting, of wat de belangrijkste inzichten zijn. AI-books zijn alleen te gebruiken via WhatsApp, je hoeft er geen aparte app voor te installeren.
        Meer informatie over AI-books

        ?

        Geef uw beoordeling

        CSS Flexbox en Grid-Layout

        Verwijder uw beoordeling