[JDK Web] Blog
CSS3 Transition met cubic-bezier

CSS3 Transition met cubic-bezier

csstransitioncubic-bezier

CSS3 Transitions zijn voor bewegende onderdelen, een crossfade overgang of een mouseover-effect. Met een bouncing-effect kan dit mooie effecten op leveren. Naast de standaard curves (ease, linear, ease-in, ease-out, ease-in-out) is er met de de cubic-bezier curve meer controle over het verloop van de transitie. Om het tijdsverloop van de transitie makkelijk te kunnen bepalen heb ik hiervoor een online tool gemaakt om een bezier curve eenvoudig aan te maken en te testen.

lees verder

Cache genereren voor webpagina's

Cache genereren voor webpagina's

nodejsnpmubuntucachingsitemapxml

In deze tutorial wordt een manier beschreven om snel met behulp van de XML sitemap website cache te genereren. Het kan lokaal worden uitgevoerd en er zijn dus geen extra scripts op de server of in het CMS nodig.

Bijna alle content management systemen maken gebruik van caching. Eventueel via plug-ins wordt er data opgeslagen (cache) om volgende aanvragen te versnellen. Na het bewerken van een website is het fijn als de website weer snel en optimaal functioneert.
Het is erg vertragend dat bij iedere eerste pagina aanvraag eerst weer nieuwe cache aangemaakt moet worden.

Voorbeelden zijn gemaakt op Linux Ubuntu, maar Nodejs is toepasbaar op diverse systemen (Windows, Mac OSX, Linux)

Gebruik is gemaakt van:
- Ubuntu 14.04.2 LTS.
- XML sitemap (Google)
- nodejs
- npmjs, javascript package manager

lees verder