headerfoto

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

afbeelding-1


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
Fotovoorbeeld 1 Fotovoorbeeld 2


One page design met fixed achtergronden

Schaalbare achtergrond

Contactformulier met Captcha

computer

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.

Bekijk het formulier


'Hamburgermenu'

computer

Mobile first webpagina met 'hamburgermenu' met behulp van jQuery.

Bekijk webpagina met 'hamburgermenu'


Afbeeldingen als font weergeven

computer

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

computer

Foto's van o.a. Pinterest en Instagram weergeven via website

Bekijk webpagina met afbeeldingen van sociale media


Foto's Flickr weergeven

computer

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

computer

Footer wordt automatisch zichtbaar als op de 'tab' wordt geklikt

Bekijk webpagina met expandable footer


Diverse Fancy lightboxen

computer

Diverse type lightboxen. Om bv video of animatie in te openen

Bekijk webpagina met lightbox voorbeelden


Geanimeerde grafieken

computer

Diverse grafieken die geanimeerd worden opgebouwd. Gebruikmakend van Chart.js

Bekijk webpagina met geanimeerde grafieken


Responsive tabel

computer

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


On- & offline opmaak & design

Informatie over DTP, Webdesign, Webdevelopment en Internet marketing.


Design tools

Interessante tools voor ontwerp en opmaak voor online en offline.

Pinterest

Inspiratie voor o.a. design, typografie en fotografie.

foto hans van schaijk

Hans van Schaijk

Creatief DTP Technisch DTP Vormgeving Webdesign