Uitleg

De meeste responsive websites gebruiken een Cascading Style Sheet (CSS) opbouw welke uit meerdere gedeeltes bestaat.

 

Responsive Framework gebruikt er eigenlijk 4.

 

De eerste heet normalize.css . Deze zet veel waarden op een universele nul stand.

 

De tweede heet resGrid.css . Deze bepaalt de kaders welke het grid definieert. Het grid is een raster in een website welke mee beweegt met de afmetingen van het te gebruiken apparaat.
Het responsive grid systeem bepaalt de blokken structuur en wanneer ze onder elkaar schuiven. De structuur kan uit een aantal horizontale blokken bestaan. Per rij kan dit een verschillend aantal zijn.

 

De derde heet responsive_framework.css . Deze bepaalt de algemene zaken woor de website.
In feite alle zaken welke niets met responsive van doen hebben.

 

De vierde heet respMediaQueries.css . De media queries bepalen de eigenschappen van de individuele blokken binnen een aantal breedtes. Deze breedtes kun je zelf bepalen maar handiger is om de afmetingen van de gebruikte breedtes binnen de te gebruiken apparaten aan te houden.

Dat betekent telefoons, tablets en desktops.

 

In totaal bepalen zij de gehele website.

 

 

 

Baai

voorbeeld 1

Road at night De afbeelding van een baai. Een strandje aan de rand van dorpje.

Wissels

voorbeeld 2

Coffee shop Spoor wissels in een bergachtig dorp in Zwitserland.

Palm

voorbeeld 3

Road at night Een palmboom aan de rand van een meer.

Vlag

voorbeeld 4

Coffee shop Zwitserse vlag in een vallei.

Soep

voorbeeld 5

Coffee shop Eem heerlijke soep met kaas en stokbrood.