Gastenboek

Ik heb een simpel gastenboek geschreven in PHP en mySQL. Naast het plaatsen en lezen van berichten is het ook mogelijk om de berichten aan te passen.

Bekijk hem hier

-RS

Update Beheersendekracht.nl

Deze site zal de komende tijd een aantal aanpassingen ondergaan. Aan het design zal in de eerste instantie niet veel veranderen. Ik zal wel een aantal technische aspecten gaan invoeren.

Een voorbeeld zijn de dieren in de header. Deze werden voorheen in een SWF-geanimeerd. Nu animeren ze door middel van jQuery. Dit heeft als voordeel:

  • Het laadt sneller
  • Geen plugins nodig
  • Ook te zien op Apple-apparaten (iOS)

Dit is een voorbeeld van een van de verbeteringen die ik in de site wil doorvoeren. Hierna zal ik de content verversen.

Bekijk hem hier

-RS

Handbrake

Handig om DVD’tjes mee te rippen en andere film-formaten mee te converteren. Groot voordeel: Het is te begrijpen voor een webdesigner. Als je wilt kun je je verdiepen in de codecs, maar dat is geen must.

Handbrake! (Voor Windows, Mac en Ubuntu)

Download hem hier

-RS

Block-jes

Een snelle test om de dieren op beheersendekracht.nl te animeren in jQuery. Nu worden ze geanimeerd in een SWF-file. Dit werkt niet op iPhones, iPods en iPads. Daarom wil ik dit in jQuery gaan animeren.

Hieronder de code. Met dank aan Mick.

var CookieValue		= $.cookie('BlockHeader');
 
function Init(){
	if(CookieValue == null){
		$('.block').css({
			top		: '100px'
		});
		setTimeout( function(){ SlideBlock(); }, 1000 );
	}
}
 
var CounterUp = 5;
var CounterDown = 5;
function SlideBlock(){
	var bDoCallback = true;
 
	// Create Cookie
	$.cookie('BlockHeader', 'Set', {
		expires		: 1 / 24 / 60 * 5 // 5 minutes
	});
 
	$('.b0' + CounterUp + ', .b0' + CounterDown).animate({
		top		: '0px'
	}, 200, function(){
		if(bDoCallback){
			bDoCallback = false;
			if(CounterDown > 0){
				setTimeout(function(){
					CounterUp++;
					CounterDown--;
					SlideBlock();
				}, 50);
			} else {
				return false;
			}
		}
	});
}

Bekijk hem hier

-RS

UI tests

Ik heb geëxperimenteerd met de plugins van jQueryUI. Hieruit heb ik de volgende 2 tests gemaakt.

Bekijk hem hier (accordion)
Bekijk hem hier (sortable, onthoudt volgorde in een cookie)

-RS