Voorbeelden technieken
Op deze pagina vindt u allerlei technieken die veelvulldig worden toegepast op het internet.
Lightbox
M.b.v. de lightbox kunnen bijvoorbeeld foto's en video's in een lightbox worden geopend.
Zie Lightbox 2 website voor meer informatie
Fancy Lightbox
M.b.v. de Fancy lightbox kunnen bijvoorbeeld foto's, video's, html code, etc in een lightbox worden geopend.
Zie Fancy lightbox website voor meer informatie
One page design met fixed achtergronden
Schaalbare achtergrond
Contactformulier met Captcha
Om te voorkomen dat er veel spam via mail binnenkomt kan een Captcha worden toegevoegd. Een Captcha geneert een code die handmatig overgetikt moet worden. De code is geschreven door Thijs Ferket.
'Hamburgermenu'
Mobile first webpagina met 'hamburgermenu' met behulp van jQuery.
Bekijk webpagina met 'hamburgermenu'
Afbeeldingen als font weergeven
SVG afbeeldingen kunnen als font worden weergegeven. Dit kan o.a. via de internetdienst Icomoon
Bekijk webpagina met afbeeldingen als webfont
Foto's sociale media weergeven
Foto's van o.a. Pinterest en Instagram weergeven via website
Bekijk webpagina met afbeeldingen van sociale media
Foto's Flickr weergeven
Flickr is een prachtige fotodienst waar tot 1 Terabyte geheugenruimte gratis wordt aangeboden. Foto's van Flickr kunnen op de website worden weergegeven.
Bekijk webpagina met afbeeldingen van Flickr
Expandable Sticky footer
Footer wordt automatisch zichtbaar als op de 'tab' wordt geklikt
Bekijk webpagina met expandable footer
Diverse Fancy lightboxen
Diverse type lightboxen. Om bv video of animatie in te openen
Bekijk webpagina met lightbox voorbeelden
Geanimeerde grafieken
Diverse grafieken die geanimeerd worden opgebouwd. Gebruikmakend van Chart.js
Bekijk webpagina met geanimeerde grafieken
Responsive tabel
HTML tabellen zijn vaak niet goed zichtbaar op kleinere schermen. Met behulp van deze 'div table' is de tabel ook goed zichtbaar op een klein scherm.
Bekijk webpagina met de responsive table
Hans van Schaijk