Tools – Dirk Hornstra's Website

in Tools

QR codes met Python

at 01/01/2018

In de Computer en Techniek van september 2017 komen QR-codes ter sprake. Om deze zelf te maken kun je gebruik maken van Python. Python is standaard geïnstalleerd op Linux en macOS, maar niet op Windows, dat kun je hier downloaden: link.

Hierna moet je een aantal extra componenten laden:

Windows:
pip install colorama Pillow qrcode

Linux:
sudo pip install colorama Pillow qrcode

macOS:
sudo -H pip install colorama Pillow qrcode

Hierna is het commando “qr” beschikbaar en kun je met deze 4 verschillende foutcorrectieniveaus PNG plaatjes met een QR-code maken:

qr –error-correction=H “detekst” > hallo-H.png

qr –error-correction=Q “detekst” > hallo-Q.png

qr –error-correction=M “detekst” > hallo-M.png

qr –error-correction=L “detekst” > hallo-L.png

in Tools

Cool Social Buttons jQuery Plug-in

at 05/04/2017

Op veel pagina’s heb je onder je artikelen de share-knoppen, of ze staan op andere plaatsen op de site. Ze zijn aanwezig, ze nemen ruimte in. Eigenlijk zou dat best anders kunnen. En met deze plug-in kan dat. Een heel bescheiden knopje, klik je erop dan worden (op een mooie manier) de share-knoppen getoond. Ik ga m binnenkort zelf gebruiken! http://tutorialzine.com/2014/08/cool-share-jquery-plugin/

in Tools

Sweep: kleuren transities

at 05/04/2017

BIj knipperende kleuren heb je al gauw het gevoel dat je met je website terug gaat naar 1995, waar je nog met marquees scrollende teksten voorbij liet komen en met de blink-tag teksten kon laten knipperen. Maar goed, we kunnen hier vast iets beters mee maken. Hier te downloaden: http://rileyjshaw.com/sweep/

in Tools

ScrollMe: dynamische effecten tijdens het scrollen

at 05/04/2017

Je ziet het wel bij die one-page websites, tijdens het scrollen gebeurt er wat op het daar waar je “naar toe” scrollt. Met scrollme kun je dat doen, hier te downloaden: http://scrollme.nckprsn.com/

in Tools

Timesheet.js, met HTML5 en javascript een tijdsoverzicht maken

at 05/04/2017

Geen afhankelijkheid van externe libraries, het voorbeeld ziet er mooi uit. Een mooie mogelijkheid om een overzicht van je activiteiten te laten zien. Hier te downloaden: https://sbstjn.com/timesheet.js/

in Tools

Animate.css, github-project van daneden

at 05/04/2017

Nog meer CSS effecten om bijvoorbeeld een titel te laten faden, bouncen of andere animatie uit te laten voeren. Hier te downloaden: https://github.com/daneden/animate.css

in Tools

Animsition: animatie met CSS

at 05/04/2017

Wil je zaken op je website laten in- of outfaden of op een andere manier getoond worden (of juist laten verdwijnen) dan heb je met deze library verschillende mogelijkheden tot je beschikking. Hier te downloaden: http://git.blivesta.com/animsition/

in Tools

Slider van cliënt-testomonials

at 05/04/2017

Een slider waarin persoon A een goed woordje voor je doet, persoon B, etc. Hier te downloaden: https://codyhouse.co/gem/client-testimonials-carousel/

in Tools

Simpleslider

at 05/04/2017

Een jQuery CSS3 slider, geschikt voor IE7+. Hier te downloaden: http://simpleslider.bitlabs.nl/

in Tools

WordPress: zelf plug-ins maken

at 05/04/2017

Hier kun je de boilerplate downloaden waarmee je zelf plug-ins voor WordPress kunt maken: http://wppb.io/