Web Development Library: Responsive webdesign

Web Development Library: Responsive webdesign

Ontwerp uitzonderlijke lay-outs voor elk apparaat

Uitvoering
Boek, 176 pagina's
Auteur
ISBN
9789463560184
Gepubliceerd
2017
€ 29,99

Handig om te weten: van dit boek is een webversie beschikbaar. Als u zich registreert, krijgt u gratis toegang, plus relevante extra’s.

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.
Downloadbare bestanden
Wis filter
  • Chris Ward

    Chris Ward legt coole technologie uit aan de wereld. Hij is technisch auteur en blogger. Hij ontwikkelt te gekke projecten en praat tegen iedereen die maar wil luisteren....
    Ward W

Web Development Library: Responsive webdesign

1
Betekenis en doel van responsive webdesign
Inleiding
Geschiedenis
Denkrichtingen in RWD
Wat moet worden ondersteund?
Voorbeeldtoepassing
Een webpagina structureren met HTML5
Samenvatting
2
De bouwstenen van responsive design
De pijlers: mediaquery’s en viewports
Mediatypen
Een mediaquery maken
De voorbeeldapp stroomlijnen
Mobile first
Het meta-element viewport
Samenvatting
3
Een betere structuur met rasters
Een vloeibaar raster
Wat is een raster?
Zelf een raster maken
Flexbox
CSS Grid Layout
Gemakkelijker rasters met CSS-frameworks
De demonstratieapp
Samenvatting
4
Responsieve tekst
De geschiedenis van tekst
CSS-eigenschappen voor responsieve tekst
Leesbare tekst
Samenvatting
5
Responsieve afbeeldingen en video
Afbeeldingen
De juiste afbeelding voor het juiste apparaat
Responsive video
Samenvatting
6
Reageren op de gebruiker
Een API voor alles
Aanpassingen op basis van het tijdstip
Batterijniveau
Geolocatie
Houd rekening met het netwerk
Gebruikersvoorkeur
‘Sfeerverlichting’
Trilfunctie
Apparaatoriëntatie
Samenvatting
Index