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