127.0.0.1 - Beta

But you can call me localhost

 

Tekst vervangen door Flashtekst

· Coding and stuff

sIFR Flash==iew. Maar soms is het toch best handig. Bijvoorbeeld als er weer eens gekozen wordt voor een lettertype dat niet geïnstalleerd is bij de bezoekers van je site. De meest geliefde oplossing voor een website bouwer is om dat font overboord te gooien. Je wilt natuurlijk alles stylen vanuit je stylesheet. Helaas heb je niet alles niets te zeggen over de vormgeving.

De oplossing is dan om de plekken waar je een vreemd font nodig hebt zoveel mogelijk te beperken. En deze beperkte set vervolgens als afbeelding te tonen. Ook niet ideaal, want hiermee wordt je vormgeving leidend en heeft je content zich aan de vormgeving aan te passen. Dus niet eenvoudig een nieuw hoofdmenu item of iets dergelijks.

Gelukkig is er een alternatief. Het is ook mogelijk om de tekst te vervangen nadat je pagina is geladen. De vervanging wordt gedaan door Flash. Heel kort komt het erop neer dat je een Flash bestand hebt staan met daarin alle letters uit het alfabet in het lettertype dat je zou willen gebruiken. De tekst wordt vervolgens letter voor letter vervangen door een Flash movie.

Deze aanpak biedt een paar voordelen boven de afbeeldingen aanpak.

  1. Je pagina laadt gewoon sneller dan wanneer je afbeeldingen nodig hebt.
  2. Mensen die geen Flash op hun computer hebben zien toch netjes een kop.
  3. Mensen die geen Javascript aan hebben staan zien toch netjes een kop.
  4. Je content is niet afhankelijk van je vormgeving!!!

En het mooiste van dit alles is, dat iemand anders er een mooi product voor heeft geschreven inclusief online voorbeeld en een online wiki.

Update #1:
Er is kennelijk ook een versie 3 van sIFR. Deze biedt o.a. een verbetering met de afhandeling van font-size en is daarnaast in staat de opmaak van de flashtekst vanuit een stylesheet te regelen. Twee zeer interessante verbeteringen die ik inmiddels heb toegepast voor een site in ontwikkeling.
Er is ook nog een handig forum. Al reageert de maker ook wel erg vlot als je een vraag stelt in zijn blog.

Reageer

Reageren? Stuur een trackback (Zet Javascript aan om een Trackback URL te genereren ) of gebruik onderstaand formulier.

(optioneel veld)
(optioneel veld)

Om spammers buiten de deur te houden is het nodig dat je deze vraag beantwoord.
Persoonlijke info onthouden?
Kattebel
Verberg e-mail
Kleine lettertjes: Alle HTML-tags behalve <b> en <i> zullen uit je reactie worden verwijderd. Je maakt links door gewoon een URL of e-mailadres in te typen.