transitions cross browser
in elke browser moet het werken

home | index | menu | help

Er is geen CSS ondersteuning.

Transitions





		
		

Cross-browser transitions

Hoe vaak ben jij er in getrapt? Je komt op een website waar je scripts kan downloaden, je ziet een leuke transition, en je kopieert de code om op jouw website te plaatsen. Dan open je jouw (mozilla,chrome of opera) browser om eens te kijken of alles naar behoren werkt en...
Niets gebeurt!
Je bent slachtoffer geworden van een webmaster die niet precies weet wat hij aan het doen is. In het geval van transitions worden meestal de voorbeelden van de Microsoft-site gebruikt die klakkeloos worden overgenomen. Ik heb honderden websites geteld die deze stompzinnige praktijken toepassen. Pure Internet-vervuiling.
Op de dns5 proberen we echt alles cross-browser te houden/maken. Er wordt ook geprobeerd om transitions te maken die echt helemaal uniek zijn. Wat had je gedacht van deze "dissolve-transition"? (even met de muis over het plaatje gaan) dissolve effect Als je die weer ergens op het internet tegen komt (op een website waar je, gratis of voor flink geld, scripts kan downloaden etc.), denk dan even aan de dns5. De webmaster in kwestie heeft dan de procedure op zijn website gezet en vervolgens vol trots zijn lezers wijsgemaakt hoe goed hij wel niet in "scripten" is. Nou ja, beter goed gepikt dan slecht gemaakt. In ieder geval hebben de mensen die de broncode van zo'n site gebruiken iets wat niet gelijk de prullenbak in kan. Het woord Microsoft is gevallen op deze pagina. Microsoft heeft een heleboel leuke transitions die echt goed te gebruiken zouden zijn als ze tenminste aan de W3C-norm zouden voldoen. En dat doen ze dus helemaal niet! Een paar jaar geleden kon je er nog wel "weg mee komen" (om ze te gebruiken) omdat het grootste gedeelte van de mensen IE-explorer gebruikten als hun standaard browser. Microsoft heeft op een bepaald moment zelfs meer dan 80% van de markt beheerst. Die mooie tijden zijn voor de "Bill Gates-ploeg" wel voorbij. Ze hebben nog wel een dikke vinger in de pap, maar Chrome rukt op. En vlak Mozilla (firefox) en Safari niet uit. Samen (ook met Opera) hebben ze er voor gezorgd dat Microsoft heel veel heeft moeten inleveren, en dat proces is nog niet gestopt.
Je zal er nu dus voor moeten zorgen dat je niet alleen de Microsoft-klanten tevreden houdt, maar dat je ook die andere 50% van jouw bezoekers tevreden moet stellen. Geen echt makkelijke opgave omdat browsers vaak hun eigen onhebbelijkheden hebben. Het woord concessie is vaak van toepassing op de scripts en procedures die de websites bevatten. Op de dns5 doen we veel concessies met een uitzondering op één: snelheid! Wat er ook gemaakt wordt, er wordt altijd eerst gekeken of de pagina (met een gemiddelde verbindingssnelheid) binnen 0.3 seconde, voor wat betreft de HTML, geladen kan worden.
Op de dns5 staan een aardige hoeveelheid transitions. Je kan ze in drie groepen indelen: pagina-transitions, image-transitions en transitions die invloed hebben op de structuur van de pagina. Hieronder staat een lijst met de belangrijkste transitions die op de dns5 aanwezig zijn. Er zijn er nog veel meer, maar die kan je verder opzoeken in de site-index van de dns5.

  1. Transition met een krimpende box
  2. Verticale gordijn transition
  3. Page fade transition
  4. Horizontale bar transition
  5. Cirkel in transition
  6. Schuifdeur transition
  7. Image flip-flop
  8. Image split
  9. Image barn

Ik vermoed dat je begrijpt dat al deze transitions cross-browser zijn. Geen ellende in "strict-browsers" en geen supertrage pagina's (door het gebruik van de transitions).

NIEUWS-INDEX

cache 13-12-2010