Category Archives: DHTML

DHTML Panorama viewer

In een topic op Tweakers.net werd er gevraagd naar een javascript Panorama Viewer. Ik ben toen even bezig geweest om iets simpels te maken en het resultaat daarvan is op deze pagina te zien. Sleep het plaatje en je ziet dat hij gaat scrollen binnen de viewport. Misschien een keer handig om toe te passen, het script mag door iedereen vrij gebruikt worden.

DHTML Regenboog tekst

Wat moet ik hier van zeggen, een online regenboog tekst generator. Volgens mij heb ik hem gemaakt omdat ik ergens zo'n tekst nodig was en het niet zag zitten om dit handmatig te doen. Het script werkt heel simpel met door elke letter zijn een span te geven met daarin een inline style waarvan de RGB waarden stapsgewijs veranderen.

Chopper

Af en toe wordt in het Webdesign, Markup & Clientside Scripting forum op Tweakers.net een contest georganiseerd om te kijken wie het leukste spel kan maken met alleen Javascript en CSS. Dit spel is daaruit ontstaan.

Het idee komt van een spel dat ik vroeger op de ZX Spectrum had, je moest in een zo kort mogelijke tijd plaatsen opzoeken in Nederland. Grappig detail is dat dit spel al bijna geavanceerder is dan het origineel.

De versie zoals ik hem nu heb is niet af, wel kan er met de pijltjestoetsen naar diverse plaatsen gevlogen worden. Bekijk hier het resultaat: Chopper.

CSS Menu

Tegenwoordig is het belangrijk dat een zoekmachine makkelijk een hele site kan doorzoeken om zoveel mogelijk pagina's te kunnen indexeren. Maar wat vaak gebeurt is dat er DHTML menu's gebruikt worden die niet te volgen zijn door zoekmachine spiders. Een oplossing voor dit probleem zijn de CSS menu's. Deze worden op een semantisch verantwoorde manier met kale HTML opgebouwd en met CSS tot een menu gestyled. In IE is een klein stukje Javascript nodig om het uitklappen te laten werken maar voor de zoekmachines is dat niet relevant.

Continue reading