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:
- Meer inzicht in de effecten van Google +1
- Een nieuwe website snel in Google in vijf stappen
- Sitelinks in Google uitgebreid
- Google drukt slechte, nutteloze sites uit de zoekresultaten
- Meer verrijkte informatie delen via Google +1 dankzij rich snippets
Trefwoorden: browser, gebruikers, google, javascript, Microsoft, The Next Web, Trends, web 2.0, website, youtube
















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
[...] 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!
Business »
‘Learnings’ van een dagje Business Modelling à la Osterwalder
Gisteren organiseerde het Stimuleringsfonds voor de Pers een ‘Business Modelling Day’. Een dagje stoeien met business modellen aan de hand van het business model canvas van Alexander Osterwalder.
Zoals gebruikelijk op dit soort dagen vliegen de …
Redactie »
De top 100 best gelezen Publishr.nl artikelen
De 100e nieuwsbrief van Publishr.nl wordt vandaag verzonden! Ter gelegenheid van onze jubileum nieuwsbrief publiceren wij de Publishr.nl top 100 best gelezen artikelen aller tijden.
Hot topics
Als we naar de belangrijkste topics kijken dan …
Social media »
Strategisch inzetten van social media in de mediabranche
Door de sterke positie die social media inneemt binnen het medialandschap, is het zeer belangrijk om social media niet meer als hype, maar als strategische tool te benaderen. Strategisch, omdat social media zeer veel mogelijkheden …
Techniek »
Eenvoudig inloggen met Facebook, Twitter of LinkedIn
De discussie over online datamining en de paywall blijft actueel. Uitgevers willen weten wie hun content consumeert, hier de content en campagnes op afstemmen en het liefst profielen van gebruikers samenstellen. Belangrijk hierin is het …
Trends »
Nieuw online verdienmodel: de concurrenten?
Webwinkel bol.com heeft het afgelopen jaar afgesloten met een recordomzet van 376 miljoen euro, 18 procent meer dan een jaar eerder. Steeds meer mensen kopen steeds meer producten bij Bol.com. De belangrijkste reden van deze …
Archief
Blogroll
Thema's