csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
De laatste: stap 7
Voor de finishing touch kunnen nog een paar dingen in orde gemaakt worden:
Daarbij is en blijft de html-code voor de post-items erg simpel, want alles regelt zichzelf en alleen de inhoud hoeft ingetikt te worden (of opgehaald uit een database):
Hiermee is de operatie geëindigd:
Het begin
Even terug naar af: de vraag waar het mee begon.
Het vervolg
Een website is nooit af, en ook dit model niet. Maar nu ligt er een fundament waarop doorgebouwd kan worden.
Rest mij nog één vraag: ben je daar nog, killer4all2?
Met vriendelijke groet,
CSShunter
Voor de finishing touch kunnen nog een paar dingen in orde gemaakt worden:
- Bij helemaal doorscrollen naar onderen is onderaan wat ruimte, en de bovenste van de 3 getoonde items is aan de bovenkant een klein stukje afgesneden. Dat ligt aan de margin-bottom van 10px die alles posts hebben. Voor het laatste post-item kan die er af geschaafd worden, en ter compensatie krijgt de #content een margin-bottom van -10px.
- De css uit de <head> wordt overgedragen aan een extern stylesheet
readmore-uitklap.css van nog geen 1kB. - Het javascript wordt overgedragen aan een extern js-bestandje
readmore-uitklap.js van nog geen 2kB. - Javascript-aanroep staat aan het eind van de pagina: (a) snellere pagina-download, en (b) er kan meteen tot executie worden overgegaan, zonder cross-browser te maken addEvent-toestanden voor de onload.
- Toegevoegd wordt nog een php-header voor de charset:
<?php header("Content-type: text/html; charset=utf-8"); ?>.
Daarbij is en blijft de html-code voor de post-items erg simpel, want alles regelt zichzelf en alleen de inhoud hoeft ingetikt te worden (of opgehaald uit een database):
HTML:
<div class="post">
<div class="post-date">
...
</div>
<div class="post-content">
...
</div>
</div>Het begin
Even terug naar af: de vraag waar het mee begon.
- Deze versie heeft geen custom scrollbar, maar werkt wel! (in alle browsers)
- Voldoet aan alle standaarden en is ook zonder javascript toegankelijk.
- Niet nodig gehad: 115kB aan javascripts (jquery.min.js van 32kB, jquery-ui.min.js van 50kB, jquery.mousewheel.min.js van 1kB en jquery.mCustomScrollbar.js van 32kB), plus zo'n 60 regels embedded javascript in de pagina zelf ook niet nodig.
Het vervolg
Een website is nooit af, en ook dit model niet. Maar nu ligt er een fundament waarop doorgebouwd kan worden.
- Bv. een animatie voor uitrollen en inrollen van de uitklappers kan met weinig extra javascript vrij eenvoudig worden toegevoegd.
Rest mij nog één vraag: ben je daar nog, killer4all2?
Met vriendelijke groet,
CSShunter
Laatst bewerkt:
