Sitemap
Deze zelfde sitemap, maar met thumbnails van de voorbeelden erbij.
-
- css-imagemap: thumbnail met pop-ups met voorvertoning en extra informatie (025): voorbeeld uitleg
- css-imagemap: landkaart met pop-ups van uitsnedes en extra informatie (046): voorbeeld uitleg
- css-imagemap: afbeelding met hotspots waaronder extra informatie zit (099): voorbeeld uitleg
-
-
- Slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedte (011): voorbeeld uitleg
- Slideshow met verticale rij thumbnails en foto's van verschillende grootte. Gebruikt weinig bandbreedte (039): voorbeeld uitleg
- Slideshow met horizontale rij thumbnails en foto's. Gebruikt weinig bandbreedte (055): voorbeeld uitleg
-
- Hover of tab naar een van de thumbnails en een grotere afbeelding met bijschrift opent (016): voorbeeld uitleg
- Hover over een van de thumbnails naast de tekst en de bijbehorende grote afbeelding verschijnt (017): voorbeeld uitleg
-
- Van bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen (032): voorbeeld uitleg
- Van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepen (033): voorbeeld uitleg
- Afhankelijk van over welk plaatje je hovert, veranderen 1 tot 4 plaatjes tijdelijk (042): voorbeeld uitleg
- Tijdelijk afbeelding door slepen van bovenaf laten overvloeien in nieuwe afbeelding (053): voorbeeld uitleg
- Bij hoveren over de afbeelding verandert deze (088): voorbeeld uitleg
-
- Afbeeldingen zijn afzonderlijk meer of minder (on)zichtbaar te maken (058): voorbeeld uitleg
- Link en antwoord op vraag verbergen onder afbeelding (072): voorbeeld uitleg
-
- Video in vrijwel elke browser zonder dat JavaScript of installeren van plug-ins nodig is (080): voorbeeld uitleg
- Lijsten met utf-8-codes en entiteiten (bijzondere tekens, accenten, enz.) (063): artikel
- charset, tekenset, utf-8, entiteiten, accenten, en dergelijke (064): artikel
- Hoe krijg ik veilig een gratis bezoekersteller? (077): artikel
- Doorzichtige border mogelijk maken in Internet Explorer 6 (082): artikel
- Een pagina met behulp van css printvriendelijk maken (090): artikel
- Selector, identiteit, class, specificiteit: hoe overleef ik de nieuwe klassenstrijd? (094) artikel
- Pijl met tekst erin. Pijl past zich aan lettergrootte aan (049): voorbeeld uitleg
- Schaalbare driehoeken zonder gebruik van een afbeelding (059): voorbeeld uitleg
- Makkelijk aan te passen horizontale staafdiagrammen (060): voorbeeld uitleg
- Makkelijk aan te passen verticale staafdiagrammen (081): voorbeeld uitleg
- Doorzichtig kader met ronde hoeken. Hoogte groeit mee met inhoud (040): voorbeeld uitleg
- Dubbel kader met ronde hoeken. Hoogte groeit mee met inhoud (069): voorbeeld uitleg
- Ronde hoeken zonder gebruik van afbeeldingen (border-radius) (091): voorbeeld uitleg
-
- Horizontaal gecentreerde lay-out met zijvleugels en footer (013): voorbeeld uitleg
-
- Horizontaal gecentreerde lay-out met twee kolommen. Hele pagina scrollbaar (003): voorbeeld uitleg
- Horizontaal gecentreerde lay-out met twee even hoge kolommen. Hele pagina scrollbaar (061): voorbeeld uitleg
-
- Horizontaal gecentreerde lay-out met vaste header, vaste footer en twee kolommen (002): voorbeeld uitleg
- Horizontaal gecentreerde lay-out met vaste header en twee kolommen (005): voorbeeld uitleg
-
- Venstervullende lay-out met header, footer en drie kolommen (041): voorbeeld uitleg
-
- Venstervullende lay-out met vaste header, vaste footer en twee kolommen (001): voorbeeld uitleg
- Venstervullende lay-out met vaste header en twee kolommen (004): voorbeeld uitleg
- Venstervullende lay-out met vaste header en drie kolommen, middelste kan scrollen (083): voorbeeld uitleg
- Lijst met automatische nummering en bijpassende (lelijke) lay-out (065): voorbeeld uitleg
- Sitemap met lijnen. Gebruikt geen plaatjes (071): voorbeeld uitleg
- Positie, kleur, symbool, enz. in een lijst wijzigen (084): voorbeeld uitleg
- Sitemap met ronde hoeken en doorzichtigheid. Opent bij hoveren (095): voorbeeld uitleg
- Sitemap met twee verschillende lay-outs binnen één pagina. Css kan worden gekozen via SSI (096): voorbeeld uitleg
-
- Menu voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link (014): voorbeeld uitleg
- Menu met afbeelding. Elke link heeft 'n bijbehorende vergrote uitsnede (054): voorbeeld uitleg
-
- Simpel dropdownmenu, tot vier niveaus diep (035): voorbeeld uitleg
- Kies via een dropdownmenu een afbeelding en open de bijbehorende pagina (048): voorbeeld uitleg
- Simpel dropdownmenu, twee niveaus diep (066): voorbeeld uitleg
-
-
- Menu met knoppen met rand, die aangeeft of link al bezocht is of nog niet (020): voorbeeld uitleg
- Menu met knoppen met ronde rand, die aangeeft of link al bezocht is of nog niet (021): voorbeeld uitleg
-
- Menu met knoppen met voorvertoning en indicatie bezocht/onbezocht (019): voorbeeld uitleg
- Menu met knoppen die verkleuren, afhankelijk van of link al is bezocht (022): voorbeeld uitleg
- Menu met knoppen. Tekst bij hoveren verschilt afhankelijk van bezocht/onbezocht (023): voorbeeld uitleg
- Menu met knoppen. Bij hoveren verandert de afbeelding (027): voorbeeld uitleg
- Bij hoveren over knop verschuift plaatje (transition) (028): voorbeeld uitleg
-
- Menu met verkleurende knoppen met indicatie van huidige, bezochte en onbezochte pagina's (008): voorbeeld uitleg
- Menu met verkleurende knoppen met toelichting en indicatie van huidige, bezochte en onbezochte pagina's (012): voorbeeld uitleg
- Horizontale wegwijzer in de vorm van broodkruimels (breadcrumbs) (086): voorbeeld uitleg
- Bij hoveren over vlag verschijnt gedraaide tekst (transform) (093): voorbeeld uitleg
-
- Verticaal menu met tekeningen. Bij hoveren verkleuren ze (045): voorbeeld uitleg
-
-
- Footer altijd onderaan venster of lager ('sticky footer') (030): voorbeeld uitleg
- Scrollbare en schaalbare tabel met vaste header (097): voorbeeld uitleg
-
- Horizontaal centreren van pagina of blok-element met bekende breedte (034): voorbeeld uitleg
- Horizontaal én verticaal centreren van blok-element met bekende hoogte en breedte (068): voorbeeld uitleg
-
- Twee of meer kolommen gemeenschappelijke rand en/of achtergrond geven (089): voorbeeld uitleg
-
- Verticaal op gelijke afstand zetten van tekst (zoals centreren) (038): voorbeeld uitleg
-
- Verticaal centreren van pagina of blok-element met bekende hoogte (006): voorbeeld uitleg
- Verticaal centreren van pagina of blok-element met onbekende hoogte (007): voorbeeld uitleg
- Schaduw bij een element met een vaste breedte en hoogte, zoals een afbeelding (050): voorbeeld uitleg
- Blok tekst met schaduw. Schaduw past zich aan grootte blok, lettergrootte, en dergelijke aan (051): voorbeeld uitleg
- Tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow) (070): voorbeeld uitleg
- Schaduwen zonder gebruik van afbeeldingen (box-shadow) (092): voorbeeld uitleg
-
- Doorlopende lange tekst met inhoudsopgave. Inhoudsopgave en tekst kunnen onafhankelijk van elkaar scrollen (029): voorbeeld uitleg
-
- Oplosbare kruiswoordpuzzel met extra toeters en bellen (073): voorbeeld uitleg
- Toegankelijk formulier met allerlei soorten invoervelden (079): voorbeeld uitleg
-
- Ondoorzichtige tekst op meegroeiende doorzichtige achtergrond, gebruikt opacity (031): voorbeeld uitleg
- Bij overflow wordt tekst onderaan langzaam vager (057): voorbeeld uitleg
- Initiaal ('drop cap') met en zonder gebruik van plaatje (075): voorbeeld uitleg
- Ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgba (078): voorbeeld uitleg
- Met @font-face eigen aangepaste fonts (webfonts) gebruiken (098): voorbeeld uitleg
-
- Bij hoveren over sommige woorden komt 'n bijpassende afbeelding tevoorschijn (037): voorbeeld uitleg
- Tekst uitlijnen naast een ronde afbeelding (043): voorbeeld uitleg
- Pagina met afbeelding, beschrijving en prijs van gereedschappen (047): voorbeeld uitleg
-
- Tekst uit een ander bestand invoegen met Server Side Includes (SSI) (052): voorbeeld uitleg
- Menu uit een ander bestand invoegen met Server Side Includes (SSI) (087): voorbeeld uitleg
-
- Schaalbare inhoudsopgave met voorlooppunten (062): voorbeeld uitleg
- Overstrepen, onderstrepen en doorstrepen van tekst in alle soorten en maten (085): voorbeeld uitleg