Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Je kunt ook een cookievrije versie van de website bezoeken met minder functionaliteit. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Door , , reacties: 150, views: 16.829 •

Het bruist weer in browserland en het topic van de dag is html 5. Browsers worden steeds sneller en bieden steeds meer nieuwe technische mogelijkheden, die in de media voor het gemak bijna allemaal onder de noemer 'html 5' worden geschaard. Voor ontwikkelaars is het een interessante tijd waarin veel geëxperimenteerd en gepionierd kan worden. Ook Microsofts nieuwe versie van Internet Explorer, waarvan de eerste publieke bèta alweer een tijdje te downloaden is, biedt ondersteuning voor veel van deze nieuwe technieken.

Microsoft heeft voor zijn nieuwe browser het nodige veldwerk verricht alvorens de bèta vrij te geven. Zo heeft de fabrikant om beter inzicht te krijgen in hoe verschillende websites zich gedragen bij het laden van een pagina, ruim 7000 websites wereldwijd bestudeerd, waaronder ook Tweakers.net.

Nu de bèta is vrijgegeven, heeft Microsoft aan Tweakers.net gevraagd of wij in een showcase de mogelijkheden van de nieuwe browser kunnen belichten. Omdat wij niet vies zijn van experimentjes met nieuwe technologie en omdat het mes hier aan twee kanten snijdt - Microsoft krijgt aandacht voor hun nieuwe versie browser en Tweakers.net krijgt nieuwe hippe features - zijn wij hier graag op ingegaan.

Tweakers.net gebruikt al langere tijd de nieuwe technologieën die browsers tegenwoordig bieden. Zo zijn wij al ruim een jaar geleden overgestapt van een html 4-doctype naar de html 5-variant en gebruiken we al allerlei nuttige features die beschreven worden door onder andere html 5, css 3 en ecmascript 5. Voor sommige features gebruiken we zogenaamde shims om backwards-compatibiliteit te verzorgen voor oudere browsers, in andere gevallen passen we nieuwe technieken toe als progressive enhancement, waarbij oudere browsers simpelweg een 'kalere' versie van de site zien zonder daarbij functionaliteit achterwege te laten.

Een van de meest in het oog springende functies op Tweakers.net die wel een opknapbeurt kon gebruiken, is de zogenaamde 'imageviewer'. Het uiterlijk hiervan was toch wel behoorlijk verouderd en ook functioneel viel er nog wel een en ander aan te verbeteren. Eén van de meest nuttige features van onze imageviewer is de rij thumbnails waarmee je snel en makkelijk door een verzameling van afbeeldingen kan scrollen en de afbeeldingen die je graag in detail wilt bekijken kan selecteren. In de tijd dat we onze imageviewer ontwikkelden was dat een feature die bij het bekende Lightbox en varianten ontbrak. Met deze thumbnailweergave wilden we nu iets hips gaan doen wat geresulteerd heeft in een soort panorama-carrousel dat met de muis kan worden bestuurd.

Vernieuwde imageviewer
Vernieuwde imageviewer

Als tweede vernieuwende functionaliteit wilden we graag iets doen met een hoger 'showcase'-gehalte en waarmee we ook écht gebruikmaken van technieken die Internet Explorer versie 9 nu ondersteunt. De keuze is gevallen op html 5 <canvas> in de vorm van een geanimeerde 'avatar cloud' op de Tweakers.net-gallery-index. Dit is een soort activiteitenstroom van gebruikers op onze website: reacties op de Frontpage of op het forum, nieuwe forumtopics, Vraag & Aanbod-advertenties en door gebruikers gemaakte productreviews komen hier bijna real-time voorbij voorzien van de avatar van de betreffende gebruiker. Bij het klikken op een avatar krijg je een korte beschrijving te zien van de activiteit en een link naar de betreffende content. Standaard worden enkele activiteiten uitgelicht alvorens nieuwe activiteiten met behulp van ajax in json-formaat worden opgehaald.

Avatarcloud
Avatarcloud

Benieuwd naar de nieuwe mogelijkheden van Internet Explorer versie 9? Bekijk dan de IE9 showcase pagina.

Door Tino Zijdel

- Developer

Sinds november 2004 fulltime developer voor zowel frontpage als forum.

Volg Tino op Twitter

Lees meer over

Reacties (150)

Reactiefilter:-11500144+187+21+30
1 2 3 ... 6
Werkt nog niet helemaal goed :P

Not Found

De pagina met URL /ie9showcase kon niet gevonden worden.

Apache/2.2.15 (Debian) mod_ssl/2.2.15 OpenSSL/0.9.8o at tweakers.net (Astraeus)
Ondertussen doet ie het wel.
Alleen jammer dat ie de geuploade icon bij een user pakt, en niet de actieve webicon
Webicons kunnen 404's opleveren, komen van verschillende (al dan niet trage) hosts af en zijn gemiddeld groter dan uploaded icons; er is daarom bewust gekozen voor de uploaded icons.
Vroeger kon ik bij producten op een foto klikken die dan geopend werd. Nu word de foto nog steeds geopend maar het verschil zit 'm in het sluiten van de foto. Nu moet ik op het kruisje klikken terwijl vroeger gewoon een willekeurige klik ergens het plaatje weer deed verdwijnen.

Is dat een instelling ergens? Ik vind het nu wel mooi maar echt handig is 't nog niet..
404 mag ook wel onderhanden genomen worden denk ik zo :+
Het werkt perfect bij mij!!
Geen problemen
ik zit niet te wachten op de IE9 reclame die nu verschijnt :(
Mag ik vragen waar je wel op zit te wachten dan?
op geen reclame, ik heb een tweakers.net abo afgesloten zodat ik geen reclame krijg de hele tijd!
Er had best 'Advertorial' boven gemogen. Dit lijkt wel sluikreclame.

Toch best zonde van al die reclame over IE9: Elke keer als ik op download klik krijg ik 'dit OS wordt niet ondersteund'.
Jammer van het enorme IE9 label, nu lijkt het net alsof dat de enige browser is die HTML5 doet.
Met Chrome doet ie het ook prima...
Firefox is dan weer te traag voor deze simpele effecten.
Geen enkel problemen hier met FF 3.6.11

Mogelijk een performance probleempje op je PC?
verklaar uw nader?

werkt hier prima in firefox 3.6.12? vloeiend.. geen problemen..

verder...
html 5 gaat nog meer interactie en meer 'up to date' data leveren in een interactieve omgeving.. tenminste dat zal het doel zijn, hoe en of dat ook echt wat gaat worden en niet alleen maar een hype.. zullen we moeten afwachten..
Met Opera gaat het ook perfect.
Zeker.... jammer van het vervelende reclame-blokje. Nu is dat natuurlijk ook zo weggehaald (rechtermuisknop > Inhoud blokkeren), maar toch.
En even snel switchen naar de volgende foto is ook al niet zo makkelijk meer.


Geef mij de oude maar (ja, heb het linkje rechtsonderin gezien).
Ook hier alles vloeiend met FF 3.6.12.
Jammer van de internet explorer spam inderdaad.
Het is ook niet gek dat meerdere browsers HTML5 ondersteunen.
Er is inmiddels ook een W3C testset van de meest populaire ook meest complete HTML5 specs
http://test.w3.org/html/tests/reporting/report.htm
Bij mij is de weergave in Firefox (3.6.12) ook behoorlijk 'choppy'. Ondanks dat ik de vormgeving kan appreciŽren en ik zeker niet vies ben van de nodige eye-candy vergroot het tot dusver nog niet mijn gebruikers genot. Laat staan dat dit een reden zou zijn om voor de (beta van) Internet Explorer te kiezen.
Werkt prima op FF-3.6.12 , mmh neeltje kroes kijkt ff naar IE9 logo
* RSpliet hoort gerinkel aan de T.net kassa. Die showcase pagina is niet bepaald objectief te noemen, de term "Advertorial" had de pagina niet misstaan! O-)

Overigens wel kudo's voor de image viewer, die ziet er gewoon keurig 2010 uit.

[Reactie gewijzigd door RSpliet op 1 november 2010 14:20]

Hij heet toch ook 'ie9 showcase' en niet 'html 5 showcase' ? 't Zal inderdaad wel zo zijn dat veel van de daar benoemde technieken net zo goed in Firefox, Chrome, Safari en Opera.
Mwah; 75% van de links op ie9showcase leiden naar http://ie.microsoft.com/ - plus het gehele artikel klinkt meer als een rondje bullshit bingo dan een T.net artikel.

Desalniettemin een aantal leuke en zeer welkome verniewingen voor Tweakers. Wat staat er nog op de lijst? Waar wordt nog over nagedacht?

Chapeau heren, bedankt voor al het werk dat jullie verzetten d:)b
"t Zal inderdaad wel zo zijn" Politiek correct en terughoudende reactie :)

Heb de showcase bekeken en de boel daarna snel weg geklikt ivm de overdaad aan IE9 links......
Er is toch ook niks tegen de term advertorial? Ik ben zelf niet bijzonder gevoelig voor Microsoft reclame, maar het blijft sterk overkomen als een reclame uiting. Er zijn een hoop mensen die het prettig vinden als dat erbij staat. :-)
Tuurlijk, maar tweakers laat het (een beetje on-tweakers) overkomen als een weldoening van Microsoft en de tekst als

"Omdat wij niet vies zijn van experimentjes met nieuwe technologie en omdat het mes hier aan twee kanten snijdt - Microsoft krijgt aandacht voor hun nieuwe versie browser en Tweakers.net krijgt nieuwe hippe features - zijn wij hier graag op ingegaan."

en dan met name het stukje dat het mes aan 2 kanten snijd....

Het mes snijd wel aan 2 kanten, maar wel op een heel andere manier dan hierboven voor wordt gespiegeld.

HTML5 kun je zo leren en daar heb je IE9 en/of Microsoft niet voor nodig.

Het mes snijd echter in de reclame(gelden) en niets meer dan dat.
HTML5 kun je zo leren en daar heb je IE9 en/of Microsoft niet voor nodig.
Dat klopt, maar het ontwikkelen van features kost tijd, en development tijd is erg schaars. Normaliter krijgen dit soort (toch wel leuke) dingen dan ook nauwelijks prioriteit. Zonder sponsordeal was dit zeker niet gedaan...
Dus kort door de bocht wordt er op de eerste plaats een beetje geklaagd dat de 'imageviewer' een beetje outdated was. Waarmee eigenlijk wordt toegegeven dat het een update zou moeten krijgen en dus tijd aan besteed zou moeten worden. Dan vind ik uitspraken zoals 'development tijd is erg schaars' alleen gerelateerd aan dingen die geen prio hebben. Dat strookt naar mijn idee niet echt met het idee dat de imageviewer outdated was. En daarbij kan er toch ook via bijvoorbeeld een wedstrijd gevraagd worden of de community dit soort producten zou kunnen leveren. Maar goed ik moet niet zo zeuren, alleen omdat er internet explorer optimised in staat.
enkel (visueel) outdated is bij ons nog geen reden om iets een hoge prio te geven, en er zijn dan alsnog altijd zaken die een hogere prioriteit hebben. Zo ligt het met heel veel dingen, kijk maar eens in devtrack of in het Lieve Devvers forum wat er zoal allemaal nog openstaat aan bugjes en verzoeken, en da's exclusief wat er intern nog allemaal bij komt kijken. Ja, onze tijd is erg schaars...

En dit soort zaken door de community laten doen is meestal niet een erg goed idee; de kans dat de code dan voldoet aan onze standaarden en kwaliteitseisen is vrij klein en het feit dat het auteursrecht dan niet bij Tweakers.net ligt kan voor problemen zorgen.
Natuurlijk is ie niet objectief, ze zijn door Microsoft gevraagd, logisch dat ze dan IE9 gebruiken/promoten. Als Google ze had gevraagd had er nou overal Google / Chrome gestaan en was ie nog steeds niet objectief
Ik kan die nieuwe IE9 features hier prima bekijken met Firefox. ;)
Gewoon een verkapte reclame op dit moment voor IE9 dus. Zie je de laatste weken enorm veel terug op het web bij verschillende sites. Enorm veel reclame voor ie9.
zullen ze wel een flinke duit voor hebben uitgetrokken
Reclame is nooit echt leuk, maar Tweakers.net is immers ook gewoon een bedrijf en daar moet nou eenmaal geld verdient worden.
Reclame is nooit echt leuk, maar Tweakers.net is immers ook gewoon een bedrijf en daar moet nou eenmaal geld verdient worden.
Ik heb geen problemen met reclame in de site, zolang duidelijk is dat het om reclame gaat en duidelijk gescheiden blijft van de inhoud. Hier, is dat eigenlijk niet het geval. Het artikel en de showcase pagina wekken de indruk dat die nieuwe features eigenlijk alleen mogelijk zijn in IE9, of zelfs dankzij IE9. Terwijl de werkelijkheid is dat het in iedere moderne browser zou moeten werken, browsers die nu al af en bruikbaar zijn, terwijl we op de uiteindelijke versie van IE9 nog een paar maanden moeten wachten. MS begint zich eindelijk wat van moderne standaarden aan te trekken, en dat is mooi, maar hier wordt de indruk gewekt dat het allemaal van hen uit is gegaan.

Tweakers.net is een bedrijf ja, en uiteindelijk moeten ze genoeg geld binnenhalen om de rekeningen te betalen en, het liefst, winst te maken. Maar moet dat ten koste gaan van de journalistiek? Ik vind het er wel op lijken in dit geval.
[...]
Tweakers.net is een bedrijf ja, en uiteindelijk moeten ze genoeg geld binnenhalen om de rekeningen te betalen en, het liefst, winst te maken. Maar moet dat ten koste gaan van de journalistiek? Ik vind het er wel op lijken in dit geval.
Dit is dan ook geen nieuwsbericht of review maar een simpele aankondiging, ik snap dan ook niet waarom je hier journalistiek zou verwachten. Deze feature wordt gesponsored door Microsoft, dus is het logisch dat we die ook bij naam noemen.

Ik wil overigens nog wel een opinie-stuk schrijven hierover hoor ;)
[...]

Dit is dan ook geen nieuwsbericht of review maar een simpele aankondiging, ik snap dan ook niet waarom je hier journalistiek zou verwachten. Deze feature wordt gesponsored door Microsoft, dus is het logisch dat we die ook bij naam noemen.
mja, maar de overige browsers doodzwijgen gaat wel wat ver vind ik. Iemand die het browsergebeuren niet volgt en dit artikel leest (ok, het is niet heel waarschijnlijk) zou de indruk krijgen dat alleen IE9 HTML5 ondersteunt.
Dat opiniestuk moet je zeker doen als je er zin in hebt! Zo bewijs je in ieder geval dat tweakers naast het vanzelfsprekend benodigde geld ook goede, objectieve stukken kan schrijven. Ik vermoed zo dat een opiniestuk door jou een hoop interessanter zal zijn dan die advertorial. ;)
1 2 3 ... 6

Op dit item kan niet meer gereageerd worden.



Populair:Apple iPhone 6Samsung Galaxy Note 4Apple iPad Air 2FIFA 15Motorola Nexus 6Call of Duty: Advanced WarfareApple WatchWorld of Warcraft: Warlords of Draenor, PC (Windows)Microsoft Xbox One 500GBTablets

© 1998 - 2014 Tweakers.net B.V. Tweakers is onderdeel van De Persgroep en partner van Computable, Autotrack en Carsom.nl Hosting door True

Beste nieuwssite en prijsvergelijker van het jaar 2013