Een jaar of wat geleden bekeek ik dat nieuwe sociale netwerk Twitter eens en zag dat het niks voorstelde. Vanaf dat moment zag ik mijn uitgebreide bron aan interessante rss-feeds opdrogen: steeds minder interessante artikelen verschenen er. Die interessante artikelen, en vooral de discussies die daar bij horen, bleken allemaal op Twitter te staan. Ik besloot mijn account weer op te graven.
Twitter blijkt kikke. Ik volg wat mensen, blerp af en toe wat en gniffel regelmatig om Kittekat die een uiterst getalenteerd twitster blijkt te zijn. Maar ik blijf een nerd. En dus heb ik een Hank en Kittekat twitterpagina gemaakt voor mensen die ons wel graag volgen maar niks van twitter willen weten. Hierop staan onze laatste tweets in de u zo bekende Hank en Kittekat stijl. (De rest van dit artikel is nerdpraat. Houdt u daar niet van dan kunt u hier en heleboel foto’s van Kiki bekijken of hier een heleboel filmpjes van Kiki. Ze is inmiddels een flinke uk aan het worden).
De data voor deze pagina haal ik op vanuit een eenvoudige rss-feed die Twitter aanbiedt. Ik had ook gebruik kunnen maken van de officiele API maar dat is nogal wat uitzoekwerk. Voor de feeds kan je lekker eenvoudig kant en klare twitterfeed-parse scripts downloaden.
Nadeel van dit script is dat ie gebruik maakt van een nogal hardnekkig cache meganisme wat bijzonder buggy blijkt te zin in combinatie met de nogal onbetrouwbare feeds van Twitter: Twitter is vaak onbereikbaar waardoor een lege HTML gecached werd. Een uur lang. Niet goed. Ik heb het script dus een beetje aangepast volgens eigen recept zodat er eerst gechecked wordt of de feed wel bereikbaar is voordat er iets gecached wordt. Lang leve de nerderij.
Maar dat vond ik niet genoeg. Nu ik toch bezig was wilde ik eens gaan onderzoeken hoe krachtig HTML5 nu eigenlijk is. Best krachtig, moet ik concluderen. De HTML voor de twitterpagina is vele malen compacter dan de originele HTML van Hank en Kittekat. Ook veel overzichtelijker doordat er meer waarde aan elementen gegeven kan worden met alleen de elementnaam. Zo had je vroeger alleen een div waar je nu onderscheid kunt maken in bijvoorbeeld <article> en <section>. Hierdoor heb je ook veel minder classes en id’s nodig wat de leesbaarheid ook weer ten goede komt.
Doordat IE6 niet meer ondersteund hoeft te worden blijft ook de CSS lekker compact. Geen zin om het tot in detail uit te leggen, maar als je IE6 niet ondersteund dan kan je een element wat volgt op een element anders stijlen dan datzelfde element wat niet volgt op een element. Zo kan je eenvoudig de tweede <section>, inclusief alles wat daarin staat anders stijlen (groen) dan de eerste <section> (roze).
HTML5 werkt op alle browsers, je kan het direct gaan gebruiken. Alleen voor IE moet je een javascriptje includen wat de HTML5-specifieke elementen even creëert.
Goeie post. Heb ook zo’n gecombineerde twittersite op de planning staan, samen met een vriendin. Kan ik mooi bij jou spieken :)
Ook mooi is trouwens het aantal services die rss doorsturen naar twitter, voorheen was dat een groot nadeel van twitter, maar nu kan er naar hartelust getwitterfeed worden!