Home > kruimelpad

vorige 61 volgende

inhoud

De ingekrompen header voor minder hoge beeldschermen

Gerealiseerd in deze stap:

  • Minder hoog (voorlopig) header-image aangemaakt, en ook aangepast img voor de benen rechtsboven.
  • Er zou nu weinig ijsbaan-wit overblijven, en het hoofd van de linkerfiguur zou achter de semi-transparante bluebar en de semi-transparante strook van het kruimelpad schuilgaan. Daarom deze ingekort tot de breedte van de middenkolom.
  • Javascript-functie "smallheight()" gemaakt (zie broncode) om de images en bijbehorende styles automatisch in werking te zetten bij een window-hoogte kleiner dan 670px. Anders (en ook als javascript uit staat) verschijnt de oude kop: er is elk geval een header-afbeelding!
  • Test: verklein het window tot bv. 1024*768px en geef een refresh

reset

ToDo lijstje

Kleine header voor lage resoluties, plus bijbehorend javascriptje.
Real life testen in IE8 en IE9.
Flits bij pagina-wissel in IE wegwerken.
Images zo nodig bijwerken.
Images optimaliseren.
Toegankelijkheid en hidden navigatie verbeteren.
HTML-code opschonen.
CSS-code en javascript in apart stylesheet/js-bestand.
PHP-header met charset aanmaken.
Favicon maken en in de html zetten.
Spelling en tikfouten nalopen.
Google-optimalisatie.
Test-inhoud uitproberen.
PHP-includes voor menu en zijkolommen.
Na elke wijziging testen op css, html, WCAG en Webrichtlijnen.

vorige 61 volgende

Twitter

[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[laatste kolomregel]
[rechterkolom]
[vultekst]
[vultekst]
[laatste kolomregel]