Nieuw en gewijzigd

Nieuw en gewijzigd

Gesorteerd op datum. Het nieuwste staat bovenaan. Details over wijzigingen staan vaak in de uitleg onder het kopje Gewijzigd.

5 oktober 2017: tekst → effecten

Nieuw: tekstkleur aanpassen aan achtergrond met gebruik van mix-blend-mode voorbeeld uitleg

31 juli 2017: pop-up → tekst

Volledig herschreven: Pop-up met externe link en tekst op achtergrond-afbeelding: voorbeeld uitleg

Voornaamste verandering: werkt nu ook op touchscreens.

19 juni 2017: tekst → effecten

Nieuw: kiezen uit vijf combinaties van voor- en achtergrondkleur voorbeeld uitleg

6 juni 2017: positioneren → verticaal

Volledig herschreven: drie manieren om pagina of blok-element met onbekende hoogte verticaal te centreren: voorbeeld uitleg

Voornaamste veranderingen: flexbox en transform: translateY() toegevoegd. Centreren uitgeschakeld voor kleinere browservensters.

16 mei 2017: artikelen

Nieuw: lengte-eenheden in css (inclusief calc() en procenten) artikel

20 maart 2017: lay-out → twee kolommen

Volledig herschreven: tweekoloms lay-out met (vaste) header: voorbeeld uitleg

Voornaamste veranderingen: werkt nu ook op mobiele apparaten, toegankelijkheid verbeterd.

7 maart 2017: animatie

Nieuw: animatie speelt vooruit sneller af dan achteruit: voorbeeld uitleg

23 februari 2017: lay-out → twee kolommen

Volledig herschreven: tweekoloms lay-out met header en menu: voorbeeld uitleg

Voornaamste veranderingen: werkt nu ook op mobiele apparaten, toegankelijkheid verbeterd. Werkend menu toegevoegd.

30 januari 2017: afbeelding → overig

Nieuw: art direction: browser beste afbeelding laten kiezen voor scherm en/of venster: voorbeeld uitleg

20 december 2016: lay-out → één kolom

Volledig herschreven: éénkoloms lay-out met (vaste) footer en (in bredere vensters) zijvleugels: voorbeeld uitleg

Belangrijkste verandering: past zich beter aan de grootte van het venster aan.

14 december 2016: lay-out → één kolom

Nieuw: éénkoloms lay-out met vast menu en kader: voorbeeld uitleg

15 november 2016: afbeelding → video

Nieuw: script om in kleiner venster kleinere video's te downloaden: voorbeeld uitleg

2 november 2016: lay-out → twee kolommen

Nieuw: lay-out met header, twee kolommen en footer: voorbeeld uitleg

20 oktober 2016: tekst → effecten

Nieuw: tekst verticaal weergeven: voorbeeld uitleg

27 september 2016: lay-out → twee kolommen

Volledig herschreven: tweekoloms lay-out met (vaste) header en footer: voorbeeld uitleg

Voornaamste veranderingen: werkt nu ook op mobiele apparaten, toegankelijkheid verbeterd.

26 augustus 2016: positioneren → footer & header

Nieuw: responsieve en toegankelijke tabel met (in bredere vensters) vaste kolomkoppen: voorbeeld uitleg

29 juli 2016: pop-up → tekst

Gewijzigd: pop-up met (overdreven zwaar) opgemaakte tekst: voorbeeld uitleg

Volledig herschreven. Onder andere de toegankelijkheid is verbeterd. Werkt nu ook op touchscreens.

16 juli 2016: lijst

Nieuw: lijst met links die groepsgewijs via trefwoorden kunnen worden getoond of verborgen: voorbeeld uitleg

30 juni 2016: menu → knoppen (plat)

Gewijzigd: menu met knoppen. Menu met knoppen. Symbool en/of tekst verschilt afhankelijk van bezocht of onbezocht: voorbeeld uitleg

Volledig herschreven. Onder andere de toegankelijkheid en de werking op touchscreens zijn verbeterd.

20 juni 2016: schaduw

Nieuw: serie blok-elementen met doorzichtige schaduw (box-shadow): voorbeeld uitleg

14 juni 2016: menu → knoppen (plat)

Gewijzigd: menu met knoppen die verkleuren, afhankelijk van of link al is bezocht: voorbeeld uitleg

Volledig herschreven. Onder andere de toegankelijkheid is verbeterd.

6 juni 2016: kader

Nieuw: flexibel kader bestaande uit afbeeldingen rondom blok-element (border-image): voorbeeld uitleg

16 mei 2016: menu → knoppen (diepte)

Gewijzigd: menu met knoppen met ronde rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

Tekst herschreven. Aan de code is weinig gewijzigd. De toegankelijkheid is wel wat verbeterd.

8 mei 2016: positioneren → verticaal

Nieuw: onderste blokje staat altijd onderaan, ongeacht zoomen, hoeveelheid tekst, lettergrootte, enzovoort: voorbeeld uitleg

23 april 2016: menu → knoppen → (diepte)

Gewijzigd: menu met knoppen met rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

Tekst herschreven. Aan de code is weinig gewijzigd. De toegankelijkheid is wel wat verbeterd.

19 april 2016

Op iOS en Android testen in Opera Mini weer opgenomen. Deze browser kent nu een modus, waarin simpele dingen als regelhoogte wel worden herkend. Nu niet meer elk rudimentair begin van zelfs de meest simpele lay-out door deze browser fanatiek om zeep wordt geholpen, is testen in deze browser weer zinvol.

28 maart 2016: pop-up → plaatjes

Nieuw: geneste pop-ups die openen bij aanraken, hoveren of tabben: voorbeeld uitleg

9 maart 2016: menu → knoppen (plat)

Gewijzigd: werking van de submenu's op de site: voorbeeld uitleg

Volledig herschreven. Werkt nu ook op touchscreens.

18 januari 2016: tekst → invoegen

Nieuw: invoegen van tekst vanuit een ander bestand met behulp van <object>: voorbeeld uitleg

3 januari 2016: lijst

Nieuw: lijst met leesbare en met knoppen uitvouwbare officiële versie van een verdrag: voorbeeld uitleg

2 januari 2016: pop-up → plaatjes

Volledig herschreven: bij hoveren over, aanraken of aanklikken van, of tabben naar een vraagteken opent een pop-up met smileys: voorbeeld uitleg

Belangrijkste wijziging: nu ook geschikt voor touchscreen.

15 november 2015: afbeelding → thumbnails

Volledig herschreven: bij hoveren over, aanraken van of tabben naar één van de thumbnails opent een grotere afbeelding met onderschriftt: voorbeeld uitleg

Belangrijkste wijziging: nu ook geschikt voor touchscreen.

31 oktober 2015: tekst → bewerken

Nieuw: onderdelen van een formulier in- en uitschakelen met behulp van enabled en disabled: voorbeeld uitleg

18 oktober 2015: afbeelding → thumbnails

Volledig herschreven: bij hoveren over, aanraken van of tabben naar één van de thumbnails opent een grotere afbeelding met onderschrift: voorbeeld uitleg

Grootste wijziging: nu ook geschikt voor touchscreen.

18 september 2015: tekst → lijnen

Nieuw: voorbeelden van <hr>'s die geen aaneengesloten, rechte lijn zijn: voorbeeld uitleg

22 augustus 2015: pop-up → plaatjes

Volledig herschreven: beweeg de cursor of raak het scherm aan en er verschijnen smileys: voorbeeld uitleg

Nu ook geschikt voor touchscreen. css ongeveer tien keer zo klein (door het niet meer ondersteunen van Internet Explorer 6, 7 en 8).

11 augustus 2015: positioneren → kolom

Nieuw: twee in een venstertje naast elkaar staande kolommen gelijktijdig scrollen: voorbeeld uitleg

10 augustus 2015

Gestopt met testen in Opera Mini. Behalve voor gewone tekst met kopjes en soortgelijke dingen is deze browser gewoon onbruikbaar. Het negeren van iets simpels als regelhoogte sloopt vrijwel elke lay-out. Bovendien grossiert het ding werkelijk in bugs en is de documentatie minimaal. Waarmee nu (helaas) op geen enkel producs van Opera meer wordt getest.

1 augustus 2015: afbeelding → menu

Volledig herschreven: menu voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link: voorbeeld uitleg

Is nu ook geschikt voor touchscreen.

29 april 2015: afbeelding → video

Aangepast: video zonder plug-in in (bijna) elke browser: voorbeeld uitleg

Voorbeeld aangepast aan de gewijzigde specificatie (media-attribuut bij <video> is om onbegrijpelijke redenen verwijderd).

19 april 2015

Testen in Opera vervangen door testen in UC Browser. Alles wat Opera uniek maakte is eruit gesloopt, en voor het grote aantal gebruikers hoef je er niet in te testen. Indirect wordt nog wel getest, om dat Opera gebruik maakt van dezelfde rendering engine als Google Chrome. In Opera Mini wordt nog wel getest.

17 april 2015: afbeelding → video

Nieuw: volledig met css aan te passen videospeler(s): voorbeeld uitleg

11 oktober 2013: lay-out → één kolom

Aangepast: middenkolom met vaste breedte, zijvleugels en vaste footer: voorbeeld uitleg

Volledig herschreven. Belangrijkste veranering: werkt nu ook op touchscreens met iOS, Android, Windows 8 en Windows Phone.

16 juli 2013: menu → statisch → horizontaal

Aangepast: knoppen met toelichting en indicatie van huidige, bezochte en onbezochte pagina's: voorbeeld uitleg

Volledig herschreven. Belangrijkste verandering: werkt nu ook op touchscreens met iOS, Android, Windows 8 en Windows Phone.

5 juni 2013: artikelen

Nieuw: wat is het beste doctype? En waarom is dat zo? En hoe is dat zo gekomen? En waarom...? Daarom! artikel

Alles wat je altijd al wilde weten, maar nooit durfde vragen over het doctype.

25 mei 2013: afbeelding → slideshow

Aangepast: slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

Belangrijkste veranderingen:
werkt nu ook op touchscreens met iOS, Android en Windows 8;
terugbladeren door groto foto's nu ook mogelijk.

4 april 2013: lay-out → meer kolommen

Nieuw: één tot vier kolommen met flexibele breedte, vaste linkerkolom en vaste header: voorbeeld uitleg

2 maart 2013: pop-up → tekst

Aangepast: pop-up met afbeelding, tekst en achterliggende pagina: voorbeeld uitleg

Volledig herschreven. Belangrijkste verandering: werkt nu ook op touchscreens met iOS, Android en Windows 8.

7 februari 2013: pop-up → tabel

Aangepast: pop-up met tabel en achterliggende pagina: voorbeeld uitleg

Volledig herschreven. Belangrijkste verandering: werkt nu ook op touchscreens met iOS, Android en Windows 8.

7 december 2012: positioneren → verticaal

Aangepast: verticaal centreren van pagina of blok-element met bekende hoogte: voorbeeld uitleg

Helemaal herschreven. Belangrijkste verandering: in kleinere vensters verdwijnt nu aan de bovenkant niets meer.

19 augustus 2012: afbeelding → imagemap

Aangepast: css-imagemap: afbeelding met hotspots waaronder extra informatie zit: voorbeeld uitleg

Werkt nu ook in mobiele browsers.

7 augustus 2012: tekst → effecten

Aangepast: met @font-face eigen aangepaste fonts (webfonts) gebruiken: voorbeeld uitleg

Nogal wat kleine wijzigingen en één grote. In de op dit moment meest gebruikte versie van Android browser zit een bug, die het gebruik van webfonts soms blokkeert. Deze bug (en hoe hem te omzeilen, voor zover dat kan) is toegevoegd.

26 juli 2012: afbeelding → video

Volledig herschreven: video zonder plug-in in (bijna) elke browser, aangepast aan venstergrootte: voorbeeld uitleg

Terug van weggeweest. Vanwege de snelle veranderingen bij <video> was dit 'n tijdlang alleen 'n verwijzing naar 'n aantal andere sites. Nu staat hier weer een volledig voorbeeld.

10 juli 2012: lay-out → meer kolommen

Nieuw: drie kolommen met flexibele breedte, vaste linkerkolom, vaste header en vaste footer: voorbeeld uitleg

4 april 2012: lay-out → Twee kolommen

Volledig herschreven: twee kolommen, rechterkolom flexibele breedte, vaste linkerkolom, vaste header en vaste footer: voorbeeld uitleg

Belangrijkste wijzigingen: code voor Internet Explorer 6 eruit gesloopt, nieuwe elementen header, nav, article, section en footer gebruikt, maximumbreedte gegeven.

5 maart 2012: menu → dynamisch → horizontaal

Gewijzigd: simpel dropdownmenu, twee niveaus diep: voorbeeld uitleg

Volledig herschreven. Houdt beter rekening met vensterbreedte, (iets) toegankelijker, ziet er beter uit, enzovoort. De volledige lijst met veranderingen vind je in de uitleg.

11 februari 2012

Ik testte alles in de schermlezer JAWS. Die was veertig minuten gratis te gebruiken, waarna je Windows opnieuw moest opstarten. Nu blijkt de licentie het testen van sites in de gratis versie expliciet te verbieden. En ik mag hangen voor ik zo'n duizend euro ga betalen, omdat ik wil proberen mijn voorbeelden toegankelijk te maken voor blinden en slechtzienden. Die test ik ook nog 'ns gratis reclame voor JAWS, zou je denken. Sommige bedrijven proberen werkelijk de laatste cent uit de handicaps van anderen te persen. Voortaan gebruik ik dus het minstens even goede open source NVDA.

6 februari 2012: schaduw

Gewijzigd: tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow): voorbeeld uitleg

Werkt nu ook in Internet Explorer 9, voor zover dat kan in deze bij het verschijnen al verouderde browser.

1 februari 2012: afbeelding → imagemap

Nieuw: css-imagemap: afbeelding met hotspots waaronder extra informatie zit: voorbeeld uitleg

26 oktober 2011: tekst → effecten

Nieuw: met @font-face eigen aangepaste fonts (webfonts) gebruiken: voorbeeld uitleg

6 oktober 2011: positioneren → footer & header

Nieuw: scrollbare en schaalbare tabel met vaste header: voorbeeld uitleg

9 september 2011: afbeelding → slideshow

Compleet herschreven: slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

12 augustus 2011: afbeelding → thumbnails

Compleet herschreven: hover of tab naar een van de thumbnails en een grotere afbeelding met bijschrift opent: voorbeeld uitleg

24 april 2011: lijst

Nieuw: sitemap met twee verschillende lay-outs binnen één pagina. Css kan worden gekozen via SSI: voorbeeld uitleg

8 april 2011: lijst

Nieuw: sitemap met ronde hoeken en doorzichtigheid. Opent bij hoveren: voorbeeld uitleg

24 januari 2011: artikelen

Nieuw: selector, identiteit, class, specificiteit: hoe overleef ik de nieuwe klassenstrijd?: artikel

31 december 2010: menu → knoppen (plat)

Nieuw: bij hoveren over knop verschuift plaatje (transition): voorbeeld uitleg

29 november 2010: menu → statisch → horizontaal

Nieuw: bij hoveren over vlag verschijnt gedraaide tekst (transform): voorbeeld uitleg

8 november 2010: schaduw

Gewijzigd: tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow): voorbeeld uitleg

Volledig herschreven vanwege verbeteringen in browsers. Nieuw voorbeeld toegevoegd met doorzichtige schaduw.

22 oktober 2010: schaduw

Nieuw: schaduwen zonder gebruik van afbeeldingen (box-shadow): voorbeeld uitleg

27 september 2010: menu → knoppen (plat)

Gewijzigd: menu met knoppen. Tekst bij hoveren verschilt afhankelijk van bezocht/onbezocht: voorbeeld uitleg

Door een lek in alle browsers kon een kwaadaardige site de geschiedenis van bezochte sites achterhalen. Dit lek is al in enkele browsers gedicht, de rest volgt binnenkort. Daardoor werkte dit voorbeeld niet meer. In gewijzigde vorm werkt het nu weer.

22 september 2010: menu → knoppen (plat)

Gewijzigd: menu met knoppen die verkleuren, afhankelijk van of link al is bezocht: voorbeeld uitleg

Door een lek in alle browsers kon een kwaadaardige site de geschiedenis van bezochte sites achterhalen. Dit lek is al in enkele browsers gedicht, de rest volgt binnenkort. Daardoor werkte dit voorbeeld niet meer. In gewijzigde vorm werkt het nu weer.

18 september 2010: menu → knoppen (diepte)

Gewijzigd: menu met knoppen met ronde rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

Door een lek in alle browsers kon een kwaadaardige site de geschiedenis van bezochte sites achterhalen. Dit lek is al in enkele browsers gedicht, de rest volgt binnenkort. Daardoor werkte dit voorbeeld niet meer. In gewijzigde vorm werkt het nu weer.

12 september 2010: menu → knoppen (diepte)

Gewijzigd: menu met knoppen met rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

Door een lek in alle browsers kon een kwaadaardige site de geschiedenis van bezochte sites achterhalen. Dit lek is al in enkele browsers gedicht, de rest volgt binnenkort. Daardoor werkte dit voorbeeld niet meer. In gewijzigde vorm werkt het nu weer.

7 september 2010: kader

Nieuw: Ronde hoeken zonder gebruik van afbeeldingen (border-radius): voorbeeld uitleg

2 september 2010: menu → knoppen (plat)

Gewijzigd: menu met knoppen met voorvertoning en indicatie bezocht/onbezocht: voorbeeld uitleg

In alle browsers zit een beveiligingslek, waardoor het voor een kwaadaardige site kinderlijk eenvoudig is bezochte sites te achterhalen. Safari heeft dit gat gedicht, en binnenkort volgen meer browsers. Daardoor worden de mogelijkheden om een bezochte link op te maken met css heel sterk beperkt. Hierdoor werkte dit voorbeeld niet meer, nu weer wel.

Om dezelfde reden op de site zelf het systeem met vinkjes en vraagtekens voor bezochte en niet-bezochte pagina's aangepast.

De afgelopen tijd heb ik uitgebreid gewerkt met Jaws, een schermlezers. Dit heeft geleid tot nogal wat veranderingen binnen de pagina's met uitleg. Geleidelijk aan zullen de bestaande pagina's worden aangepast. Met een 'normale' browser zul je hier helemaal niets van merken.

De verbeteringen zullen ook doorwerken in de voorbeelden. Deze waren in de regel al relatief goed toegankelijk, maar sommige dingen konden nog wat beter.

2 augustus 2010: links

Gewijzigd: pagina met links toegankelijker gemaakt. Na testen met Jaws, een schermlezer, bleek een aantal dingen beter te kunnen. En omdat ik geen rekening meer houd met Internet Explorer 6, waren die verbeteringen nu ook daadwerkelijk mogelijk.

Jaws gaat routinematig gebruikt worden om dingen te testen. Ik ga eerst nog wat oefenen op de site zelf, maar uiteindelijk zal alles ook getest gaan worden in deze schermlezer.

30 juli 2010: artikelen

Gewijzigd: alle artikelen maken nu gebruik van een stylesheet voor het printen.

29 juli 2010: artikelen

Nieuw: een pagina met behulp van css printvriendelijk maken: artikel

22 juni 2010:

Inmiddels alles weer opnieuw geïnstalleerd en zo. Voor Internet Explorer 6 zou ik een oude versie van Windows moeten installeren. Dat gaat wat lastig. Het zou wel lukken, maar het kost wat moeite. Omdat ik toch al langere tijd van plan ben niet meer te testen op Internet Explorer 6, lijkt dit het juiste moment.

Vanaf nu test ik dus niet meer in Internet Explorer 6. En maak daar dus ook geen aanpassingen meer voor. Oudere voorbeelden zullen gewoon blijven werken, want Internet Explorer 6 verandert niet. Maar nieuwe voorbeelden worden niet meer getest in deze zwaar verouderde browser.

Bij elk voorbeeld kun je onder Getest in precies vinden voor welke browsers is getest. Zodra ik iets wijzig in een bestaand voorbeeld, verwijder ik daar bij Getest in Internet Explorer 6, omdat ik de wijziging niet heb kunnen testen.

Er is voor particulieren echt geen enkele reden om deze rotbrowser nog te gebruiken. Bedrijven kunnen voor intern gebruik aan Internet Explorer 6 vast zitten, als ze in het verleden zo stom zijn geweest om dingen te maken die alleen in deze browser werken. Maar voor gebruik op Internet kunnen ze 'n andere browser toestaan. Als ze dat niet doen, is dat hun probleem.

17 juni 2010:

Forse hardware-problemen gehad. Als het goed is zijn die nu opgelost en kan er weer wat aan de site worden gedaan.

Bij het testen op toegankelijkheid is WebFormator weggevallen. De sneltoets om WebFormator te starten is dezelfde als de sneltoets om de ingebouwde ontwikkeltools in Internet Explorer 8 te starten. In plaats van WebFormator gebruik ik nu Fangs Screen Reader Emulator.

18 mei 2010: forum

Nieuw: forum toegevoegd aan de site. Omdat ik geen tijd heb om alle vragen per e-mail te beantwoorden, hoop ik dat op deze manier op te lossen. Hopelijk gaan meer mensen hier vragen beantwoorden: forum

9 mei 2010: positioneren → kolom

Nieuw: twee of meer kolommen gemeenschappelijke rand en/of achtergrond geven: voorbeeld uitleg

25 april 2010: afbeelding → veranderen

Nieuw: bij hoveren over de afbeelding verandert deze: voorbeeld uitleg

21 april 2010: tekst → invoegen

Nieuw: menu uit een ander bestand invoegen met Server Side Includes (SSI): voorbeeld uitleg

16 april 2010: menu → statisch → horizontaal

Nieuw: horizontale wegwijzer in de vorm van broodkruimels (breadcrumbs): voorbeeld uitleg

6 april 2010: tekst → lijnen

Nieuw: overstrepen, onderstrepen en doorstrepen van tekst in alle soorten en maten: voorbeeld uitleg

21 maart 2010: lijst

Nieuw: positie, kleur, symbool, enzovoort in een lijst wijzigen: voorbeeld uitleg

11 maart 2010: lay-out → meer kolommen

Nieuw: drie kolommen, middelste kolom flexibele breedte, vaste rechter- en linkerkolom, vaste header: voorbeeld uitleg

1 maart 2010: artikelen

Nieuw: doorzichtige border mogelijk maken in Internet Explorer 6: artikel

28 februari 2010: figuren → grafiek

Nieuw: makkelijk aan te passen verticale staafdiagrammen: voorbeeld uitleg

23 februari 2010: afbeelding → video

Nieuw: video in vrijwel elke browser zonder dat JavaScript of installeren van plug-ins nodig is: voorbeeld uitleg

9 februari 2010: tekst → bewerken

Nieuw: toegankelijk formulier met allerlei soorten invoervelden: voorbeeld uitleg

28 december 2009: tekst → effecten

Nieuw: ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgba: voorbeeld uitleg

19 december 2009: artikelen

Nieuw: hoe krijg ik veilig een gratis bezoekersteller?: artikel

13 december 2009: afbeelding → overig

Nieuw: preloaden van afbeeldingen: voorbeeld uitleg

30 november 2009: tekst → effecten

Nieuw: initiaal ('drop cap') met en zonder gebruik van plaatje: voorbeeld uitleg

23 november 2009: pop-up → tabel

Nieuw: pop-up met Periodiek Systeem en links naar betreffende Wikipedia-pagina's: voorbeeld uitleg

10 november 2009: tekst → bewerken

Nieuw: oplosbare kruiswoordpuzzel met extra toeters en bellen: voorbeeld uitleg

2 november 2008: menu → knoppen (plat)

Gewijzigd: menu met knoppen. Bij hoveren verandert de afbeelding: voorbeeld uitleg

Beter toegankelijk gemaakt.

7 oktober 2009: afbeelding → verbergen

Nieuw: link en antwoord op vraag verbergen onder afbeelding: voorbeeld uitleg

29 september 2009: lijst

Nieuw: sitemap met lijnen. Gebruikt geen plaatjes: voorbeeld uitleg

18 september 2009: schaduw

Nieuw: tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow): voorbeeld uitleg

7 september 2009: menu → statisch → horizontaal

Gewijzigd: menu met verkleurende knoppen met indicatie van huidige, bezochte en onbezochte pagina's: voorbeeld uitleg

Op een of andere manier is dit menu totaal niet gecontroleerd op toegankelijkheid. Alsnog gedaan, wat 'n aantal wijzigingen in de code opleverde.

3 september 2009: kader

Nieuw: dubbel kader met ronde hoeken. Hoogte groeit mee met inhoud: voorbeeld uitleg

26 augustus 2009: positioneren → horizontaal

Nieuw: horizontaal én verticaal centreren van blok-element met bekende hoogte en breedte: voorbeeld uitleg

21 augustus 2009: pop-up → tekst

Nieuw: schaalbare pop-up met zwart kader met ronde hoeken: voorbeeld uitleg

12 augustus 2009: menu → dynamisch → horizontaal

Nieuw: simpel dropdownmenu, twee niveaus diep: voorbeeld uitleg

3 augustus 2009: lijst

Nieuw: lijst met automatische nummering en bijpassende (lelijke) lay-out: voorbeeld uitleg

25 juli 2009

Naslag weer verwijderd. 't Idee was leuk, maar 't was óf zo klein dat 't nutteloos was, óf zo uitgebreid dat 't veel te groot werd. De Naslag werd zelfs groter dan de handleidingen waar ze bij stond.

Ook de reactie-mogelijkheid weer verwijderd omdat 't soms wel tien seconden duurde voordat 't was geladen. Dat is nog niet zo erg, maar daarna werd de pagina weer helemaal bovenaan gezet. Bovendien werkte 't regelmatig helemaal niet.

15 juli 2009: artikelen

Nieuwe categorie: artikelen. Dat zijn er nu nog maar twee, maar zullen er geleidelijk aan meer worden: artikelen

Nieuw: artikelen → lijsten: lijsten met utf-8-codes en entiteiten (bijzondere tekens, accenten, enzovoort): artikel

Nieuw: artikelen → html → head: charset, tekenset, utf-8, entiteiten, accenten, en dergelijke: artikel

Dit zijn de eerste drie pagina's met een mogelijkheid tot reageren. Geleidelijk aan komt deze mogelijkheid op alle pagina's met een uitleg. Dit is wel experimenteel, als het alleen maar onzinnige reacties op gaat leveren is 't gauw over. Reageren is bedoeld voor vragen, kritiek, enzovoort, niet voor allerlei flauwekul.

Daarnaast zijn dit de eerste pagina's met een Naslag: als je op 'n gemarkeerd woord klikt, zie je snel 'n summiere uitleg van dat woord. Ook dit zal geleidelijk aan op alle pagina's met een uitleg komen te staan.

Voor de Naslag wordt SSI gebruikt, omdat het om 'n tamelijk groot bestand gaat dat voortdurend wijzigt en uiteindelijk op vele tientallen pagina's komt te staan. Daar is SSI (of PHP) geknipt voor. Je kunt in theorie die Naslag natuurlijk ook overal in plakken, maar dat vind ik meer iets voor de lange winteravonden als je niet meer weet wat je moet doen, of als je aan 't revalideren bent van twee gebroken benen en ook tijd te veel hebt.

Voor de reactie-mogelijkheid gebruik ik 'n extern JavaScript. Zo'n reactie-mogelijkheid is zonder JavaScript (of iets als PHP) onmogelijk. Ik gebruik 'n extern JavaScript omdat ik dat er goed uit vindt zien. Ik ben geen PHP- of JavaScript-expert en scripts om op m'n eigen site te zitten vond ik niet goed genoeg. Vandaar 'n kant-en-klaar-oplossing die goed schijnt te werken.

25 mei 2009: tekst → lijnen

Nieuw: schaalbare inhoudsopgave met voorlooppunten: voorbeeld uitleg

15 mei 2009: lay-out → twee kolommen

Nieuw: twee even hoge kolommen met vaste breedte, menubalk en header: voorbeeld uitleg

12 mei 2009: figuren → grafiek

Nieuw: makkelijk aan te passen horizontale staafdiagrammen: voorbeeld uitleg

3 mei 2009: figuren → driehoek

Nieuw: schaalbare driehoeken zonder gebruik van een afbeelding: voorbeeld uitleg

29 april 2009: afbeelding → verbergen

Nieuw: afbeeldingen zijn afzonderlijk meer of minder (on)zichtbaar te maken: voorbeeld uitleg

19 april 2009: afbeelding → slideshow

Verbeterd: slideshow met horizontale rij thumbnails en foto's. Gebruikt weinig bandbreedte: voorbeeld uitleg

In Internet Explorer 8 werkte dit door 'n bug alleen in de compatibiliteitsweergave (zoals Internet Explorer 7). Door wat css speciaal voor Internet Explorer 8 werkt deze nu ook in standaardmodus. Waarmee alle voorbeelden nu ook in Internet Explorer 8 in standaardmodus werken.

14 april 2009: afbeelding → veranderen

Verbeterd: van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

In Internet Explorer 8 werkte dit alleen in de compatibiliteitsweergave (zoals Internet Explorer 7). Door twee kleine aanpassingen werkt het nu ook in de standaardmodus van Internet Explorer 8.

13 april 2009: afbeelding → veranderen

Verbeterd: van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

In Internet Explorer 8 werkte dit alleen in de compatibiliteitsweergave (zoals Internet Explorer 7). Door een kleine aanpassing werkt het nu ook in de standaardmodus van Internet Explorer 8.

13 april 2009: tekst → effecten

Verbeterd: bij overflow wordt tekst onderaan langzaam vager: voorbeeld uitleg

Door een bug in Internet Explorer 8 kwam de afbeelding die voor het vervagen zorgt over de volledige tekst te staan en moest dit voorbeeld in compatibiliteitsweergave (zoals Internet Explorer 7) worden weergegeven. Nu werkt dit ook goed in de standaardmodus van Internet Explorer 8.

12 april 2009: afbeelding → veranderen

Verbeterd: tijdelijk afbeelding door slepen van bovenaf laten overvloeien in nieuwe afbeelding: voorbeeld uitleg

Omdat ook Internet Explorer 8 nog steeds niet de standaardwijze van opacity ondersteunt, moest dit voorbeeld in compatibiliteitsweergave (zoals Internet Explorer 7) worden weergegeven. Nu werkt dit ook goed in de standaardmodus van Internet Explorer 8.

12 april 2009: afbeelding → thumbnails

Verbeterd: hover over een van de thumbnails en de bijbehorende grote afbeelding met bijschrift verschijnt: voorbeeld uitleg

Door een bug in Internet Explorer 8 bleven alle afbeeldingen geopend als je de Tab-toets gebruikte en moest dit voorbeeld in compatibiliteitsweergave (zoals Internet Explorer 7) worden weergegeven. Nu werkt dit ook goed in de standaardmodus van Internet Explorer 8.

11 april 2009: afbeelding → slideshow

Verbeterd: slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

Door een bug in Internet Explorer 8 bleven (alleen in de download) alle afbeeldingen geopend als je de Tab-toets gebruikte en moest dit voorbeeld in compatibiliteitsweergave (zoals Internet Explorer 7) worden weergegeven. Nu werkt dit ook goed in de standaardmodus van Internet Explorer 8.

11 april 2009: afbeelding → slideshow

Verbeterd: slideshow met verticale rij thumbnails en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

Door een bug in Internet Explorer 8 bleven (alleen in de download) alle afbeeldingen geopend als je de Tab-toets gebruikte en moest dit voorbeeld in compatibiliteitsweergave (zoals Internet Explorer 7) worden weergegeven. Nu werkt dit ook goed in de standaardmodus van Internet Explorer 8.

10 april 2009: Internet Explorer 8

Pfff, alles gecontroleerd. Internet Explorer is de enige browser waar je bij elke nieuwe versie álles uitgebreid moet controleren.

Van de 57 voorbeelden zijn er maar liefst negen die niet goed werken. Aangezien alle code aan de standaard voldoet, en aangezien alles werkt in alle andere browsers, laat ik de conclusie over Internet Explorer 8 en of die volledig conform de standaard is, zoals Microsoft beweert, maar aan de lezer over.

Deze negen voorbeelden ga ik omwerken, zodat ze ook in de standaardmodus van Internet Explorer 8 werken. Tot die tijd worden deze voorbeelden in compatibiliteitsweergave (zoals Internet Explorer 7) weergegeven. In de betreffende voorbeelden wordt dit vermeld.

30 maart 2009: Internet Explorer 8

De bugs en afwijkingen van Internet Explorer 8 lijken toch mee te vallen en niet groter te zijn dan bij andere browsers die de standaard respecteren. Het grootste probleem schijnt iets met z-index te zijn, en toevallig hadden de eerste voorbeelden die ik grondig testte daar allemaal mee te maken.

Evenzogoed zal het wel even duren voor alles goed is getest en, als dat nodig is, aangepast.

24 maart 2009: Internet Explorer 8

Het was te mooi... Internet Explorer 8 wijkt op belangrijke punten zoals z-index nog steeds af van de standaard. Heel fijn, nu heb je drie versies van deze baggerbrowser naast elkaar, die alle drie volkomen verschillend werken en geen van drieën volledig volgens de standaard.

Op de plaatsen waar dit speelt komt dit geleidelijk aan in de uitleg erbij te staan. Wel jammer, bij de eerste vluchtige controle leek het 'n goeie browser wat betreft standaarden. Maar ook dit Microsoft-product geeft valid code die goed werkt in alle andere browsers dus regelmatig verkeerd weer.

23 maart 2009: Internet Explorer 8

Op dit moment ben ik bezig alles uitgebreid te testen in Internet Explorer 8. Zodra 'n voorbeeld is getest, staat Internet Explorer 8 in het voorbeeld bij de geteste browsers. Pas als alle voorbeelden zijn getest, zet ik Internet Explorer 8 ook op de 'algemene' pagina's bij de geteste browsers.

Het ongelooflijke is gebeurd: het lijkt erop dat Microsoft eindelijk 'n fatsoenlijke browser heeft gemaakt, wat betreft de standaarden. Bij 'n eerste vluchtige scan leek het overgrote deel van de voorbeelden goed te werken. Dat betekent dat Internet Explorer 8 goed werkt op dezelfde code als Safari, Firefox, Opera en Google Chrome. Maar eigenlijk is dat pas zeker als Internet Explorer 8 bij de geteste browsers staat.

21 maart 2009: tekst → effecten

Nieuw: bij overflow wordt tekst onderaan langzaam vager: voorbeeld uitleg

13 maart 2009: pop-up → tekst

Nieuw: hele simpele pop-up met alleen tekst: voorbeeld uitleg

11 maart 2009: afbeelding → slideshow

Nieuw: slideshow met horizontale rij thumbnails en foto's. Gebruikt weinig bandbreedte: voorbeeld uitleg

8 februari 2009: menu → afbeelding

Nieuw: menu met afbeelding. Elke link heeft 'n bijbehorende vergrote uitsnede: voorbeeld uitleg

2 februari 2009

Waar ik nu aan werk kostte iets meer tijd (eufemisme) dan ik dacht. Over niet al te lange tijd dus weer iets nieuws.

Intussen worden alle handleidingen geleidelijk aan (waar van toepassing) uitgebreid met 'n stukje over :focus, :hover en :active. Op 'n aantal punten worden de handleidingen, naar aanleiding van vragen van mensen die iets niet begrepen, iets duidelijker herschreven. Inmiddels is ook ongeveer de helft van de voorbeelden getest voor Google Chrome. Er was slechts één kleine aanpassing nodig tot nu toe.

Door een verkeerde instelling van mij in OpenOffice waren alle pdf-bestanden ruim twee keer te groot. Hoe stom kun je zijn, grinnik. Dit wordt ook geleidelijk aan weer gecorrigeerd.

7 januari 2009: afbeelding → veranderen

Nieuw: tijdelijk afbeelding door slepen van bovenaf laten overvloeien in nieuwe afbeelding: voorbeeld uitleg

4 januari 2009: afbeelding → veranderen

Verbeterd: van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Bij slepen vanaf rechts flitste de vervangende afbeelding heel even volledig tevoorschijn in Safari. Nu niet meer.

28 december 2008: tekst → invoegen (SSI)

Nieuw: tekst uit een ander bestand invoegen met Server Side Includes (SSI): voorbeeld uitleg

20 december 2008: schaduw

Nieuw: blok tekst met schaduw. Schaduw past zich aan grootte blok, lettergrootte, en dergelijke aan: voorbeeld uitleg

17 december 2008: schaduw

Nieuw: schaduw bij een element met een vaste breedte en hoogte, zoals een afbeelding: voorbeeld uitleg

13 december 2008: figuren → pijl

Nieuw: pijl met tekst erin. Pijl past zich aan lettergrootte aan: voorbeeld uitleg

2 december 2008: afbeelding → thumbnails

Verbeterd: hover over een van de thumbnails en de bijbehorende grote afbeelding met bijschrift verschijnt

Het openen van de achter de thumbnails liggende pagina gebeurde bij Internet Explorer 6 en 7 alleen maar als precies op de getallen werd geklikt. Door het toevoegen van hoogte, breedte, cursor en doorzichtig achtergrondplaatje werkt het nu boven de hele thumbnail. voorbeeld uitleg

2 december 2008: menu → dynamisch → horizontaal

Nieuw: kies via een dropdownmenu een afbeelding en open de bijbehorende pagina: voorbeeld uitleg

4 november 2008: sitemap met thumbnails

Toegevoegd: sitemap met thumbnails. Deze is precies hetzelfde als de gewone sitemap, maar met voorvertoningen in de vorm van thumbnails en pop-ups. Omdat dat nogal veel bandbreedte kan kosten, blijft de sitemap zonder thumbnails gewoon bestaan. Sitemap met thumbnails

4 november 2008: tekst → illustraties

Nieuw: pagina met afbeelding, beschrijving en prijs van gereedschappen: voorbeeld uitleg

22 oktober 2008: afbeelding → imagemap

Nieuw: css-imagemap: landkaart met pop-ups van uitsnedes en extra informatie: voorbeeld uitleg

13 oktober 2008: menu → statisch → verticaal

Nieuw: verticaal menu met tekeningen. Bij hoveren verkleuren ze: voorbeeld uitleg

11 oktober 2008: positioneren → afbeelding

Nieuw: afbeelding boven andere afbeelding centreren: voorbeeld uitleg

4 oktober 2008: tekst → illustraties

Nieuw: tekst uitlijnen naast een ronde afbeelding: voorbeeld uitleg

29 september 2008: afbeelding → veranderen

Nieuw: afhankelijk van over welk plaatje je hovert, veranderen 1 tot 4 plaatjes tijdelijk: voorbeeld uitleg

26 september 2008: lay-out → meer kolommen

Nieuw: drie kolommen, middelste kolom flexibele breedte, header en footer: voorbeeld uitleg

16 september 2008: kader

Nieuw: doorzichtig kader met ronde hoeken. Hoogte groeit mee met inhoud: voorbeeld uitleg

12 september 2008: afbeelding → slideshow

Nieuw: slideshow met verticale rij thumbnails en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

7 september 2008: afbeelding → slideshow

Nieuw: slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte: voorbeeld uitleg

11 augustus 2008: menu → afbeelding

Gewijzigd: menu voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link: voorbeeld uitleg

Werkt nu ook goed met de nieuwe zoom-functie van Firefox 3. Als 'toevallige' bijwerking kan nu ook probleemloos de lettergrootte worden veranderd. Details onder Wijzigingen bij de uitleg.

10 augustus 2008: lay-out → Twee kolommen

Herschreven: twee kolommen, rechterkolom flexibele breedte, vaste linkerkolom, vaste header en vaste footer: voorbeeld uitleg

De nieuwe zoom-functie in Firefox 3 zorgde voor kieren tussen de onderdelen. Gelijk zo herschreven dat hij in alle browsers 'n stuk simpeler werkt, en in Internet Explorer 6 (dus) iets lastiger. Details staan in de uitleg bij Wijzigingen.

7 augustus 2008: lay-out → twee kolommen

Herschreven: twee kolommen, rechterkolom flexibele breedte, vaste linkerkolom en vaste header: voorbeeld uitleg

De nieuwe zoom-functie in Firefox 3 zorgde voor kieren tussen de onderdelen. Gelijk zo herschreven dat hij in alle browsers 'n stuk simpeler werkt, en in Internet Explorer 6 (dus) iets lastiger. Details staan in de uitleg bij Wijzigingen.

4 augustus 2008: afbeelding → imagemap

Gewijzigd: css-imagemap: thumbnail met pop-ups met voorvertoning en extra informatie: voorbeeld uitleg

Werkt nu ook goed met de nieuwe zoom-functie in Firefox. Gelijk verbeterd: bij vergroten van alleen de letters verdwijnt het onderschrift onder de thumbnail niet meer gedeeltelijk.

27 juli 2008: afbeelding → thumbnails

Verbeterd: hover over een van de thumbnails naast de tekst en de bijbehorende grote afbeelding verschijnt: voorbeeld uitleg

Bij in- en uitzoomen in Internet Explorer 7 verdween een deel van het onderschrift onder de afbeelding, als dat meerregelig was.

25 juli 2008: afbeelding → veranderen

Verbeterd: van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Bij gebruik van de nieuwe zoom-functie in Firefox 3 bleef er aan de onderkant en aan de zijkanten een kier over.

(Oenige) typefout in download waardoor slepen vanaf links in Internet Explorer 7 niet werkte.

23 juli 2008: afbeelding → veranderen

Verbeterd: van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Bij gebruik van de nieuwe zoom-functie in Firefox 3 bleef er aan de onderkant een kier over.

21 juli 2008: menu → dynamisch → horizontaal

Verbeterd: simpel dropdownmenu, tot vier niveaus diep: voorbeeld uitleg

Bij inzoomen in Firefox 3 met de nieuwe zoom-functie pasten de knoppen niet meer altijd naast elkaar.

In bepaalde situaties veranderde het menu in moderne kunst bij zoomen in Internet Explorer 7. Mooi, maar onbegrijpelijk.

Diverse kleine wijzigingen.

20 juli 2008: menu → knoppen (diepte)

Verbeterd: menu met knoppen met ronde rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

De nieuwe zoom-functie van Firefox 3 gaf problemen met deze knoppen. Nu werkt het weer overal goed.

14 juli 2008: pagina met links

Nieuw: pagina met links: links

5 juli 2008: Konqueror

Ik test niet meer in Konqueror. Konqueror heeft heel erg veel dingen die anders werken dan in Safari, Firefox en Opera. Nou geldt dat ook voor Internet Explorer 7 en zeker voor Internet Explorer 6, maar Konqueror wordt door maar heel weinig mensen gebruikt. De tijd die het kost om dingen werkend te krijgen in Konqueror vind ik niet meer opwegen tegen het kleine aantal mensen dat het gebruikt.

Voor zover ik weet werken alle andere browsers die op Linux draaien (met uitzondering van Opera) met Gecko. Dat is de weergave-machine van Firefox, dus alle andere browsers op Linux zullen in principe gewoon goed werken.

Dit betekent ook dat ik geleidelijk aan alle aanpassingen voor Konqueror ga verwijderen uit de voorbeelden, waardoor deze soms 'n heel stuk simpeler kunnen worden.

Het zal nog even duren voor overal op de site is verwijderd dat ook in Konqueror is getest. Als het nog in 'n voorbeeld staat, is het in dat voorbeeld nog getest in Konqueror.

Geleidelijk aan ga ik ook ondersteuning voor Internet Explorer 6 afbouwen. Deze weerzinwekkend slechte en onveilige browser had allang verdwenen moeten zijn. Als iets niet (volledig) werkt in Internet Explorer 6, zal ik dat wel steeds melden bij het betreffende voorbeeld. En in principe probeer ik het ook gewoon te laten werken in Internet Explorer 6, maar sommige dingen kunnen gewoon niet in dat wanproduct, terwijl het wel in alle andere browsers goed werkt. Inmiddels gebruiken steeds minder mensen Internet Explorer 6, dus ik wil me niet langer laten afremmen door die steeds kleinere minderheid.

28 juni 2008: positioneren → tekst

Nieuw: verticaal op gelijke afstand zetten van tekst (zoals centreren): voorbeeld uitleg

25 juni 2008: tekst → illustraties

Nieuw: Bij hoveren over sommige woorden komt 'n bijpassende afbeelding tevoorschijn: voorbeeld uitleg

17 juni 2008: afbeelding → veranderen

Gewijzigd: van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Werkt nu ook (min of meer) in Internet Explorer 6.

15 juni 2008: afbeelding → veranderen

Gewijzigd: van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Werkt nu ook (min of meer) in Internet Explorer 6.

10 juni 2008: menu → dynamisch → verticaal

Nieuw: simpel uitklapmenu, tot drie niveaus diep: voorbeeld uitleg

2 juni 2008: menu → dynamisch → horizontaal

Nieuw: simpel dropdownmenu, tot vier niveaus diep: voorbeeld uitleg

25 mei 2008: positioneren → horizontaal

Nieuw: horizontaal positioneren van pagina of blok-element met bekende breedte: voorbeeld uitleg

12 mei 2008: afbeelding → veranderen

Nieuw: van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

8 mei 2008: afbeelding → veranderen

Verbeterd: van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

Nieuwe afbeelding openen gebeurt nu alleen als de cursor van boven komt. Nieuwe afbeelding floept niet gelijk meer dicht als je 1 px te laag komt.

Niet verder vertellen, maar dit was dus kennelijk niet goed genoeg getest en zo...

4 mei 2008: afbeelding → veranderen

Nieuw: van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen: voorbeeld uitleg

1 mei 2008: tekst → effecten

Nieuw: ondoorzichtige tekst op meegroeiende doorzichtige achtergrond, gebruikt opacity: voorbeeld uitleg

22 april 2008: positioneren → footer & header

Nieuw: footer altijd onderaan venster of lager ('sticky footer'): voorbeeld uitleg

18 april 2008: tekst → ankers

Nieuw: doorlopende lange tekst met inhoudsopgave. Inhoudsopgave en tekst kunnen onafhankelijk van elkaar scrollen: voorbeeld uitleg

13 maart 2008

Over 'n tijdje komen er weer nieuwe dingen. Nu er wat inhoud op de site staat, ben ik eerst alles nog 'ns aan 't nalopen en de navigatie aan 't verbeteren en zo.

8 februari 2008: menu → knoppen (plat)

Uitgebreid: menu met knoppen met voorvertoning en indicatie bezocht/onbezocht: voorbeeld uitleg

Grotere voorvertoning die gescrold kan worden toegevoegd.

31 januari 2008: menu → knoppen (plat)

Nieuw: menu met knoppen. Bij hoveren verandert de afbeelding: voorbeeld uitleg

27 januari 2008: pop-up → tekst

Nieuw: pop-up met tekst over achtergrond-afbeelding: voorbeeld uitleg

26 januari 2008: afbeelding → imagemap

Nieuw: css-imagemap: thumbnail met pop-ups met voorvertoning en extra informatie: voorbeeld uitleg

11 januari 2008: pop-up → tekst

Nieuw: pop-up met (overdreven zwaar) opgemaakte tekst: voorbeeld uitleg

10 januari 2008: menu → knoppen (plat)

Nieuw: menu met knoppen. Tekst bij hoveren verschilt afhankelijk van bezocht/onbezocht: voorbeeld uitleg

5 januari 2008: menu → knoppen (plat)

Nieuw: menu met knoppen die verkleuren, afhankelijk van of link al is bezocht: voorbeeld uitleg

2 januari 2008: menu → knoppen (diepte)

Nieuw: menu met knoppen met ronde rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

2 januari 2008: menu → knoppen (diepte)

Nieuw: menu met knoppen met rand, die aangeeft of link al bezocht is of nog niet: voorbeeld uitleg

1 januari 2008: menu → knoppen (plat)

Nieuw: menu met knoppen met voorvertoning en indicatie bezocht/onbezocht: voorbeeld uitleg

30 december 2007: pop-up → plaatjes

Nieuw: pop-up met smileys: voorbeeld uitleg

29 december 2007: afbeelding → thumbnails

Nieuw: hover over een van de thumbnails naast de tekst en de bijbehorende grote afbeelding verschijnt: voorbeeld uitleg

26 december 2007: afbeelding → thumbnails

Nieuw: hover over een van de thumbnails en de bijbehorende grote afbeelding met bijschrift verschijnt: voorbeeld uitleg

23 december 2007: pop-up → plaatjes

Nieuw: beweeg de cursor en er verschijnen smileys: voorbeeld uitleg

17 december 2007: menu → afbeelding

Nieuw: menu voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link: voorbeeld uitleg

6 december 2007: lay-out → één kolom

Nieuw: middenkolom met vaste breedte, zijvleugels en vaste footer: voorbeeld uitleg

25 november 2007: menu → statisch → horizontaal

Nieuw: verkleurende knoppen met toelichting en indicatie van huidige, bezochte en onbezochte pagina's: voorbeeld uitleg

22 november 2007: algemeen

Toegevoegd: aan alle handleidingen links naar sites en programma's om toegankelijkheid te controleren.

12 november 2007: pop-up → tekst

Nieuw: pop-up met tekst, afbeelding en link naar achterliggende pagina: voorbeeld uitleg

9 november 2007: pop-up → tabel

Nieuw: pop-up met tabel en achterliggende pagina: voorbeeld uitleg