Responsive web design

Name: Responsive web design
Author: Chris Ward

Paperback Nederlands 2017 1e druk 9789463560184

Dit product is niet leverbaar

VOORDEEL - 72% korting

Samenvatting

Het pixelgeoriënteerde web is dood. De dagen dat u verwachtte dat op een webpagina geplaatste elementen op de gewenste plek verschenen zijn voorgoed voorbij. Tegenwoordig moeten we rekening houden met een veelvoud aan apparaten, waarop onze ontwerpen er fantastisch uit moeten zien. Responsive webdesign is niet langer leuk om erbij te doen; het is een absolute noodzaak geworden.

In dit boek maakt u kennis met de gereedschappen waarmee u CSS en HTML inzet om voor deze nieuwe apparaten te ontwerpen, en leert u deze gereedschappen gebruiken. Het boek staat vol met handige richtlijnen en gedetailleerde voorbeelden.

Behandeld worden onder andere:
- Gebruik van de bouwstenen voor responsive webdesign waarmee uw pagina's zich aanpassen.
- Ontwikkelen van vloeibare rasters waarmee uw lay-outs op elk apparaat functioneren.
- Toevoegen van fraaie responsieve tekst aan uw ontwerpen.
- Gebruik van responsieve afbeeldingen en video.
- Reageren op de gebruiker: oriëntatie, omgevingslicht, plaatselijke tijd en meer.

Specificaties

ISBN13:9789463560184

Trefwoorden:internet, webdesign, Web developer, CSS (Cascading Style Sheets), responsive webdesign

Taal:Nederlands

Bindwijze:paperback

Aantal pagina's:176

Uitgever:Van Duuren Media

Druk:1

Verschijningsdatum:25-10-2017

Hoofdrubriek:Internet en social media

Serie:Web Development Library

Lezersrecensies

Wees de eerste die een lezersrecensie schrijft!

Schrijf een recensie

Uw cijfer

?

Log in om te stemmen

Inhoudsopgave

U kunt van deze inhoudsopgave een PDF downloaden

1. Betekenis en doel van responsive webdesign 1
Inleiding 2
Geschiedenis 4
Denkrichtingen in RWD 5
Progressive enhancement 5
Graceful degradation 6
Mobile first 6
Wat moet worden ondersteund? 7
Computers 7
Mobiele telefoons en smartphones 8
Tablets 9
Hybride apparaten 9
Wearables 9
Televisie 9
Auto’s 10
Spelcomputers 10
Afdrukken 10
Voorbeeldtoepassing 11
Intro RWDFlix 11
Computerversie 11
Tabletversie 11
Mobiele versie 13
TV-versie 13
Een webpagina structureren met HTML5 14
Samenvatting 21

2. De bouwstenen van responsive design 23
De pijlers: mediaquery’s en viewports 24
Mediatypen 24
Een mediaquery maken 25
Logische queries met only en not 30
Meer selectiecriteria 31
De voorbeeldapp stroomlijnen 34
Mobile first 39
Het meta-element viewport 40
Samenvatting 45

3. Een betere structuur met rasters 47
Een vloeibaar raster 48
Wat is een raster? 54
Zelf een raster maken 55
Flexbox 64
CSS Grid Layout 69
Gemakkelijker rasters met CSS-frameworks 77
Bootstrap 77
Foundation 79
De demonstratieapp 80
Samenvatting 80

4. Responsieve tekst 81
De geschiedenis van tekst 82
CSS-eigenschappen voor responsieve tekst 83
Vaste grootte 85
Relatieve grootte 88
Andere relatieve grootten 94
Leesbare tekst 96
Samenvatting 99

5. Responsieve afbeeldingen en video 101
Afbeeldingen 102
Responsieve afmetingen 105
De juiste afbeelding voor het juiste apparaat 107
Het element picture 110
Responsive video 113
Het element video 113
Een grotere afbeelding als poster 117
Achtergrondafbeelding 117
Klikbare afbeelding 120
Samenvatting 123

6. Reageren op de gebruiker 125
Een API voor alles 126
Aanpassingen op basis van het tijdstip 126
De code aanpassen 126
Batterijniveau 128
Geolocatie 132
Houd rekening met het netwerk 135
Gebruikersvoorkeur 136
‘Sfeerverlichting’ 137
Trilfunctie 140
Apparaatoriëntatie 140
Samenvatting 145

Index 147