Aurealis stapt over naar HTML5 en CSS3

• 10 mei 2010,
• nog geen reacties

Bij de grondige herwerking van het Aurealis MySite platform werd besloten om gefaseerd over te stappen naar HTML5 en CSS3, de laatste nieuwe versies van respectievelijk HTML en CSS. In deze blogpost beschrijf ik graag even de beweegredenen voor deze stap, en de gevolgen voor de klanten.

Alle door Aurealis gerealiseerde websites steunen op een intern ontwikkeld platform. Tijdens de recente grondige vernieuwing van dat platform kozen we ervoor de stap naar HTML5 en CSS3 te zetten.

Wat is HTML5 en CSS3?

Elke webpagina is een verzameling van verschillende elementen:

• afbeeldingen: als foto of illustratie, of als achtergrondfoto of effect,
• een html-document dat de structuur en de inhoud van de pagina bevat,
• een of meerdere css-definities, die de layout definiëren,
• een of meerdere javascripts, die zorgen voor bepaalde effecten of extra's.

Al deze verschillende elementen worden door de browser van de bezoeker samen tot een geheel gevormd, en dat is de website waar je naar kijkt.

HTML5 is de laatste nieuwe versie van de taal waarin het html-document opgebouwd is. Officieel is het nog een working draft, wat zoveel betekent als “niet afgewerkt”, maar sommige browsers ondersteunen al enkele elementen van deze nieuwe versie. HTML5 is ontworpen met backward compatibility in het achterhoofd, wat betekent dat het nog steeds werkt op oudere browsers, ook als die geen ondersteuning hebben voor HTML5.

Voor CSS3 geldt min of meer hetzelfde. Het geeft de ontwikkelaar van de website veel meer mogelijkheden naar de layout toe zonder problemen te veroorzaken als de browser van de bezoeker deze niet ondersteunt.

Waarom deze stap?

Zoals vermeld zijn er al een aantal browsers die de vernieuwingen van zowel HTML5 als CSS3 ondersteunen. We kiezen er dan ook graag voor om deze bezoekers te laten genieten van de laatste nieuwe mogelijkheden, of van de specifieke voordelen die deze nieuwigheden inhouden.

Enkele voorbeelden:

• Op onze eigen website gebruiken we CSS3 om knoppen afgeronde hoeken te geven. Je kan dus makkelijk zien of jouw browser reeds CSS3 ondersteunt door naar onze homepagina te klikken, en te kijken of de knoppen afgeronde hoeken hebben. Zijn het rechte hoeken, dan ondersteunt je browser CSS3 nog niet. Het afronden van hoekjes is één van de mogelijkheden die CSS3 biedt, en waar we al actief gebruik van maken. Daarnaast zijn er nog vele andere, waarmee we zeker nog zullen experimenteren.
• Voor hét grote voordeel van HTML5 op dit ogenblik moet er uitgeweken worden naar mobiele toestellen. Zo hebben de meeste smartphones een touchscreen en geen fysiek toetsenbord. Daarom zijn ze uitgerust met een virtueel toetsenbord: als er iets ingevuld moet worden, dan wordt er een toetsenbord getoond, en door de toetsen aan te raken kan je typen. Omdat dit toetsenbord afgebeeld wordt, hoeven niet altijd dezelfde letters getoond te worden. Als je bv. een telefoonnummer moet ingeven worden enkel cijfers weergegeven, bij een email-adres krijg je wel de normale layout, maar krijg de @ een prominente plaats toegewezen, en vervalt de spatie (bijna) helemaal. Dankzij HTML5 kan je als programmeur aangeven dat je in een bepaald veld een telefoonnummer, een email-adres of gewoon tekst verwacht. Met eerdere versies van html had je die mogelijkheid niet. Ook hier geldt dat HTML5 nog vele andere mogelijkheden biedt, waarmee we zeker nog zullen experimenteren.

Aurealis volgt de ontwikkelingen op de voet, en aarzelt niet om vernieuwingen te implementeren, als die de bezoekers van de website ook ten goede komen. Op deze manier waarderen uw bezoekers uw website meer, wat alleen maar uw zaak ten goede komt.

Voor meer informatie kan u ons steeds contacteren op info@aurealis.be of 0486/666.543.