Home » Techniek

Eric Meyer: ‘JavaScript will save us all’

Geschreven door Maarten van Vulpen (Liones) op maandag 27 april 20092 reacties
Eric Meyer: ‘JavaScript will save us all’

CSS goeroe Eric Meyer was een vreemde eend in de bijt tijdens The Next Web ’09 Conference. Een van de weinige ‘nerds’ op dit evenement waar voornamelijk trends en ontwikkelingen voorbij zijn gekomen en de techniek wat onderbelicht bleef. Zijn presentatie was daarom echter niet minder interessant!JavaScript als hulpmiddel
Eric Meyer begon zijn presentatie met een voorbeeld over YouTube-filmpjes, die alleen te bedienen zijn met behulp van de muis, omdat Flash niet standaard met het toetsenbord is aan te sturen. Je hebt dan de keuze om te wachten tot dat Adobe besluit om dit aan te gaan passen, maar je kunt ook met behulp van JavaScript extra knoppen maken, waarmee het YouTube filmpje is te bedienen.

Eric Meyer benadrukt dat er continue keuzes zijn om te wachten op oplossingen van de grote spelers, of om zelf passende oplossingen te realiseren met behulp van JavaScript. In zijn presentatie gaf Meyer een aantal passende voorbeelden om met behulp van JavaScript deze verbeteringen door te voeren. In dit artikel kijken we vooral naar de mogelijkheden om met behulp van JavaScript browserverschillen uit de weg te gaan.

Browserverschillen
Een zeer interessant voorbeeld van Eric Meyer heeft betrekking op de verschillen die er zijn tussen webbrowsers. De ondersteuning van HTML en CSS in de verschillende browsers wijkt nog wel eens af, tot grote frustratie van ontwikkelaars. Internet Explorer 6 was zelfs zo slecht dat destijds het script ‘IE7.js‘ is ontwikkeld, wat er voor zorgt dat de browser zich beter aan de standaarden houdt. De ontwikkelaars van Microsoft hebben bij de realisatie van Internet Explorer 7 zelfs gekeken naar het IE7.js-script.

Daarnaast zorgt het includen van dit script er voor dat er in veel mindere mate nog rekening gehouden moet worden met de gebruikers van verouderde browsers, wat het ontwikkelproces behoorlijk kan versnellen.

Afgeronde hoeken
Echt web 2.0 is het gebruik van afgeronde hoeken. Dit wordt ook ondersteund in CSS3, maar er zijn maar weinig browsers die dit ook ondersteunen. Met behulp van ‘niftycube.js‘ kunnen deze ronde hoeken echter wel worden gerealiseerd in de standaard browsers. JavaScript blijft verbazen!

JavaScript bepaalt webstandaarden
De eindconclusie in de presentatie van Eric Meyer is dan ook dat JavaScript het mogelijk maakt om browsers compatible te maken, er zijn geen plugins of andere technieken nodig dan JavaScript. Op deze manier kun je je eigen syntax-support schrijven in JavaScript en is het niet meer nodig om te wachten tot browsers een bepaalde standaard ondersteunen.

Foto gemaakt door Anne Helmond.

Gerelateerde berichten:

  • Facebook
  • LinkedIn
  • Twitter
  • Hyves
  • NuJIJ
  • email
  • Print

Trefwoorden: , , , , , , , , ,

Maarten van Vulpen is als business analist en consultant werkzaam voor internetbureau Liones. Specialisaties zijn zoekmachineoptimalisatie, webanalytics en trends. Kijk voor meer informatie op mijn LinkedIn profiel of op .
Bekijk meer berichten van Maarten van Vulpen

2 reacties »

  • Michel Olivier schreef:

    Hmm ‘niftycube’ valt tegen. De syntax is niet echt handig en moedigt bovendien geen unobtrusive javascript aan. Als je er niet aan denkt werken de ronde hoeken dus nergens, zelfs niet in Firefox en Safari die dit wel al standaard ondersteunen.

    Wat handiger zou zijn (en bovendien prima te doen) is dat de Javascript vanzelf op zoek gaat naar elementen waarop ‘border-radius’, ‘-moz-border-radius’ of ‘-webkit-border-radius’ staat ingesteld, en op basis van deze instelling zelf de elementen aanpast.
    Wat hierin dan wel de uitdaging is is dat de hele HTML structuur doorlopen moet worden (kan dus traag worden).

    Laatst kwam ik dit artikel tegen: http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
    Dit is een handig voorbeeld om het in IE werkend te krijgen, maar helaas nog niet helemaal bug vrij

  • XSL-FO vs. zet- en opmaaksystemen: wat moet een uitgever weten? | Publishr schreef:

    [...] neemt. XSL-FO is zo ontworpen, dat het in ieder geval alle functionaliteit ondersteunt die door Cascading Style Sheets (CSS) wordt geboden. Verder voldoen XSL-FO documenten zelf ook volledig aan de XML [...]

Laat een reactie achter!

Voeg je reactie toe of maak een trackback vanaf je eigen site.

U kunt gebruik maken van de volgende tags:
<a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Deze website maakt gebruik van Gravatar avatars. Voor uw eigen Gravatar avatar kunt u registreren op Gravatar.