The Backend
Not only is this Oscar feature one of my all time favourite projects I’ve created for blick.ch, it is also the one that has seen the most redesigns over the years (next to the Super League Calculator).
And this week it finally got its React.js treatment. Explore all the nominations and winners of all the Annual Academy Awards since 1929 over at https://storytelling.blick.ch/infografik/2023/oscars-2023/ or https://www.blick.ch/interaktiv/interaktiv/interaktiv-die-oscars-id18264306.html
The new version of rafenew.world is now online!
I’m still working on some minor last-minute issues, but I’m happy to say I’m rather pleased with myself: With Next.js and some of the latest web technologies combined with tried and tested WordPress as headless CMS in the background the new site is faster, better, stronger featuring:
delivering all the quality content you only find on rafenew.world.
Probably the best thing in Cyber Space right now.
John W.
Check it out on www.rafenew.world (beware of recursion)
«Green Book» steals this year’s Oscar for best picture. «Black Panther», «Roma» and «Bohemian Rhapsody» do well, as well.
You find all the winners and nominations of not only this year’s Annual Academy Awards, but all shows back to the first show in 1929: https://www.blick.ch/interaktiv/interaktiv/alle-nominationen-der-academy-awards-die-oscars-2019-id15125968.html
Sicher haben Sie sich auch schon ausgemalt, was Sie mit einem Lottogewinn anstellen würden. Der interaktive Einkaufswagen von Blick.ch bietet die Möglichkeit, zumindest schon mal im Milchbüchlein mit einem Gewinn von 157,1 Millionen Franken zu üben.
iFrame: The Movie
«You can’t code with it. You can’t code without it»
Garantiert, dass Ihr HTML Code mit float und break sicher nicht auf Anhieb so aussieht, wie erwartet.
If you ever tried to build an HTML5 video player from scratch, you might encounter the following problem:
The «oncanplay» event doesn’t fire (the video readystate remains 2 instead of 4 («HAVE_ENOUGH_DATA»). In my case, Firefox 43.0.4 just woudn’t work.
After hours and hours of frustration I’ve found the rather simple cause of this behavior:
The video’s readystate 4 had been reached even before the eventlisteners where added to the video-object (probably because the video was already cached in the browser in some way or another). When the listeners finally where added, it was too late because the readystate had already jumped back to 2.
The solution is even more simpler: Set the video’s «autoplay» property to «false»:
The readystate will stay where you want it to be (4) and not jump back to 2… Everybody’s happy:)
(The picture above doesn’t show the «source« tag because I added it later by javascript. And there’s an end tag missing, of course).
