Sitemap met thumbnails
(Plaats de cursor boven 'n thumbnail voor 'n groter voorbeeld)
Deze zelfde sitemap, maar zonder thumbnails van de voorbeelden.
-
css-imagemap: thumbnail met pop-ups met voorvertoning en extra informatiecss-imagemap: thumbnail met pop-ups met voorvertoning en extra informatie (025): voorbeeld uitleg
css-imagemap: landkaart met pop-ups van uitsnedes en extra informatiecss-imagemap: landkaart met pop-ups van uitsnedes en extra informatie (046): voorbeeld uitleg
css-imagemap: afbeelding met hotspots waaronder extra informatie zitcss-imagemap: afbeelding met hotspots waaronder extra informatie zit (099): voorbeeld uitleg
-
Preloaden van afbeeldingenPreloaden van afbeeldingen (076): voorbeeld uitleg
-
Slideshow met thumbnail en foto's van verschillende grootte. Gebruikt weinig bandbreedteSlideshow 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 bandbreedteSlideshow 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 bandbreedteSlideshow 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 opentHover 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 verschijntHover 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 slepenVan bovenaf tijdelijke nieuwe afbeelding over bestaande afbeelding slepen (032): voorbeeld uitleg
Van boven, onder of opzij tijdelijke nieuwe afbeelding over bestaande afbeelding slepenVan 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 tijdelijkAfhankelijk 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 afbeeldingTijdelijk afbeelding door slepen van bovenaf laten overvloeien in nieuwe afbeelding (053): voorbeeld uitleg
Bij hoveren over de afbeelding verandert dezeBij hoveren over de afbeelding verandert deze (088): voorbeeld uitleg
-
Afbeeldingen zijn afzonderlijk meer of minder (on)zichtbaar te makenAfbeeldingen zijn afzonderlijk meer of minder (on)zichtbaar te maken (058): voorbeeld uitleg
Link en antwoord op vraag verbergen onder afbeeldingLink en antwoord op vraag verbergen onder afbeelding (072): voorbeeld uitleg
-
Video in vrijwel elke browser zonder dat JavaScript of installeren van plug-ins nodig isVideo 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 aanPijl met tekst erin. Pijl past zich aan lettergrootte aan (049): voorbeeld uitleg
Schaalbare driehoeken zonder gebruik van een afbeeldingSchaalbare driehoeken zonder gebruik van een afbeelding (059): voorbeeld uitleg
Makkelijk aan te passen horizontale staafdiagrammenMakkelijk aan te passen horizontale staafdiagrammen (060): voorbeeld uitleg
Makkelijk aan te passen verticale staafdiagrammenMakkelijk aan te passen verticale staafdiagrammen (081): voorbeeld uitleg
Doorzichtig kader met ronde hoeken. Hoogte groeit mee met inhoudDoorzichtig kader met ronde hoeken. Hoogte groeit mee met inhoud (040): voorbeeld uitleg
Dubbel kader met ronde hoeken. Hoogte groeit mee met inhoudDubbel kader met ronde hoeken. Hoogte groeit mee met inhoud (069): voorbeeld uitleg
Ronde hoeken zonder gebruik van afbeeldingen (border-radius)Ronde hoeken zonder gebruik van afbeeldingen (border-radius) (091): voorbeeld uitleg
-
Horizontaal gecentreerde lay-out met zijvleugels en footerHorizontaal gecentreerde lay-out met zijvleugels en footer (013): voorbeeld uitleg
-
Horizontaal gecentreerde lay-out met twee kolommen. Hele pagina scrollbaarHorizontaal gecentreerde lay-out met twee kolommen. Hele pagina scrollbaar (003): voorbeeld uitleg
Horizontaal gecentreerde lay-out met twee even hoge kolommen. Hele pagina scrollbaarHorizontaal 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 kolommenHorizontaal gecentreerde lay-out met vaste header, vaste footer en twee kolommen (002): voorbeeld uitleg
Horizontaal gecentreerde lay-out met vaste header en twee kolommenHorizontaal gecentreerde lay-out met vaste header en twee kolommen (005): voorbeeld uitleg
-
Venstervullende lay-out met header, footer en drie kolommenVenstervullende lay-out met header, footer en drie kolommen (041): voorbeeld uitleg
-
Venstervullende lay-out met vaste header, vaste footer en twee kolommenVenstervullende lay-out met vaste header, vaste footer en twee kolommen (001): voorbeeld uitleg
Venstervullende lay-out met vaste header en twee kolommenVenstervullende lay-out met vaste header en twee kolommen (004): voorbeeld uitleg
Venstervullende lay-out met vaste header en drie kolommen, middelste kan scrollenVenstervullende lay-out met vaste header en drie kolommen, middelste kan scrollen (083): voorbeeld uitleg
Lijst met automatische nummering en bijpassende (lelijke) lay-outLijst met automatische nummering en bijpassende (lelijke) lay-out (065): voorbeeld uitleg
Sitemap met lijnen. Gebruikt geen plaatjesSitemap met lijnen. Gebruikt geen plaatjes (071): voorbeeld uitleg
Positie, kleur, symbool, enz. in een lijst wijzigenPositie, kleur, symbool, enz. in een lijst wijzigen (084): voorbeeld uitleg
Sitemap met ronde hoeken en doorzichtigheid. Opent bij hoverenSitemap 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 SSISitemap 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 linkMenu voor kinderen met tekening en pop-ups. Elk puzzelstukje is een link (014): voorbeeld uitleg
Menu met afbeelding. Elke link heeft 'n bijbehorende vergrote uitsnedeMenu met afbeelding. Elke link heeft 'n bijbehorende vergrote uitsnede (054): voorbeeld uitleg
-
Simpel dropdownmenu, tot vier niveaus diepSimpel dropdownmenu, tot vier niveaus diep (035): voorbeeld uitleg
Kies via een dropdownmenu een afbeelding en open de bijbehorende paginaKies via een dropdownmenu een afbeelding en open de bijbehorende pagina (048): voorbeeld uitleg
Simpel dropdownmenu, twee niveaus diepSimpel dropdownmenu, twee niveaus diep (066): voorbeeld uitleg
-
Simpel uitklapmenu, tot drie niveaus diepSimpel uitklapmenu, tot drie niveaus diep (036): voorbeeld uitleg
-
Menu met knoppen met rand, die aangeeft of link al bezocht is of nog nietMenu 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 nietMenu 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/onbezochtMenu met knoppen met voorvertoning en indicatie bezocht/onbezocht (019): voorbeeld uitleg
Menu met knoppen die verkleuren, afhankelijk van of link al is bezochtMenu met knoppen die verkleuren, afhankelijk van of link al is bezocht (022): voorbeeld uitleg
Menu met knoppen. Tekst bij hoveren verschilt afhankelijk van bezocht/onbezochtMenu met knoppen. Tekst bij hoveren verschilt afhankelijk van bezocht/onbezocht (023): voorbeeld uitleg
Menu met knoppen. Bij hoveren verandert de afbeeldingMenu met knoppen. Bij hoveren verandert de afbeelding (027): voorbeeld uitleg
Bij hoveren over knop verschuift plaatje (transition)Bij hoveren over knop verschuift plaatje (transition) (028): voorbeeld uitleg
-
Menu met verkleurende knoppen met indicatie van huidige, bezochte en onbezochte pagina'sMenu 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'sMenu 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)Horizontale wegwijzer in de vorm van broodkruimels breadcrumbs (086): voorbeeld uitleg
Bij hoveren over vlag verschijnt gedraaide tekst (transform)Bij hoveren over vlag verschijnt gedraaide tekst (transform) (093): voorbeeld uitleg
-
Verticaal menu met tekeningen. Bij hoveren verkleuren zeVerticaal menu met tekeningen. Bij hoveren verkleuren ze (045): voorbeeld uitleg
-
Beweeg de cursor en er verschijnen smileysBeweeg de cursor en er verschijnen smileys (015): voorbeeld uitleg
Pop-up met smileysPop-up met smileys (018): voorbeeld uitleg
-
Pop-up met tabel en kaderPop-up met tabel en kader (009): voorbeeld uitleg
Pop-up met Periodiek Systeem en links naar betreffende Wikipedia-pagina'sPop-up met Periodiek Systeem en links naar betreffende Wikipedia-pagina's (074): voorbeeld uitleg
-
Pop-up met tekst en afbeeldingPop-up met tekst en afbeelding (010): voorbeeld uitleg
Pop-up met (overdreven zwaar) opgemaakte tekstPop-up met (overdreven zwaar) opgemaakte tekst (024): voorbeeld uitleg
Pop-up met tekst over achtergrond-afbeeldingPop-up met tekst over achtergrond-afbeelding (026): voorbeeld uitleg
Hele simpele pop-up met alleen tekstHele simpele pop-up met alleen tekst (056): voorbeeld uitleg
Schaalbare pop-up met zwart kader met ronde hoekenSchaalbare pop-up met zwart kader met ronde hoeken (067): voorbeeld uitleg
-
Afbeelding boven andere afbeelding centrerenAfbeelding boven andere afbeelding centreren (044): voorbeeld uitleg
-
Footer altijd onderaan venster of lager ('sticky footer')Footer altijd onderaan venster of lager ('sticky footer') (030): voorbeeld uitleg
Scrollbare en schaalbare tabel met vaste headerScrollbare en schaalbare tabel met vaste header (097): voorbeeld uitleg
-
Horizontaal centreren van pagina of blok-element met bekende breedteHorizontaal centreren van pagina of blok-element met bekende breedte (034): voorbeeld uitleg
Horizontaal én verticaal centreren van blok-element met bekende hoogte en breedteHorizontaal én verticaal centreren van blok-element met bekende hoogte en breedte (068): voorbeeld uitleg
-
Twee of meer kolommen gemeenschappelijke rand en/of achtergrond gevenTwee of meer kolommen gemeenschappelijke rand en/of achtergrond geven (089): voorbeeld uitleg
-
Verticaal op gelijke afstand zetten van tekst (zoals centreren)Verticaal op gelijke afstand zetten van tekst (zoals centreren) (038): voorbeeld uitleg
-
Verticaal centreren van pagina of blok-element met bekende hoogteVerticaal centreren van pagina of blok-element met bekende hoogte (006): voorbeeld uitleg
Verticaal centreren van pagina of blok-element met onbekende hoogteVerticaal centreren van pagina of blok-element met onbekende hoogte (007): voorbeeld uitleg
Schaduw bij een element met een vaste breedte en hoogte, zoals een afbeeldingSchaduw 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 aanBlok 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)Tekst met schaduw zonder gebruik van plaatjes of dubbele tekst (text-shadow) (070): voorbeeld uitleg
Schaduwen zonder gebruik van afbeeldingen (box-shadow)Schaduwen zonder gebruik van afbeeldingen (box-shadow) (092): voorbeeld uitleg
-
Doorlopende lange tekst met inhoudsopgave. Inhoudsopgave en tekst kunnen onafhankelijk van elkaar scrollenDoorlopende lange tekst met inhoudsopgave. Inhoudsopgave en tekst kunnen onafhankelijk van elkaar scrollen (029): voorbeeld uitleg
-
Oplosbare kruiswoordpuzzel met extra toeters en bellenOplosbare kruiswoordpuzzel met extra toeters en bellen (073): voorbeeld uitleg
Toegankelijk formulier met allerlei soorten invoerveldenToegankelijk formulier met allerlei soorten invoervelden (079): voorbeeld uitleg
-
Ondoorzichtige tekst op meegroeiende doorzichtige achtergrond, gebruikt opacityOndoorzichtige tekst op meegroeiende doorzichtige achtergrond, gebruikt opacity (031): voorbeeld uitleg
Bij overflow wordt tekst onderaan langzaam vagerBij overflow wordt tekst onderaan langzaam vager (057): voorbeeld uitleg
Initiaal ('drop cap') met en zonder gebruik van plaatjeInitiaal ('drop cap') met en zonder gebruik van plaatje (075): voorbeeld uitleg
Ondoorzichtige tekst op doorzichtige achtergrond, gebruikt rgbaOndoorzichtige tekst op doorzichtige achtergrond, gebruikt rgba (078): voorbeeld uitleg
Met @font-face eigen aangepaste fonts (webfonts) gebruikenMet @font-face eigen aangepaste fonts (webfonts) gebruiken (098): voorbeeld uitleg
-
Bij hoveren over sommige woorden komt 'n bijpassende afbeelding tevoorschijnBij hoveren over sommige woorden komt 'n bijpassende afbeelding tevoorschijn (037): voorbeeld uitleg
Tekst uitlijnen naast een ronde afbeeldingTekst uitlijnen naast een ronde afbeelding (043): voorbeeld uitleg
Pagina met afbeelding, beschrijving en prijs van gereedschappenPagina met afbeelding, beschrijving en prijs van gereedschappen (047): voorbeeld uitleg
-
Tekst uit een ander bestand invoegen met Server Side Includes (SSI)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)Menu uit een ander bestand invoegen met Server Side Includes (SSI) (087): voorbeeld uitleg
-
Schaalbare inhoudsopgave met voorlooppuntenSchaalbare inhoudsopgave met voorlooppunten (062): voorbeeld uitleg
Overstrepen, onderstrepen en doorstrepen van tekst in alle soorten en matenOverstrepen, onderstrepen en doorstrepen van tekst in alle soorten en maten (085): voorbeeld uitleg