onderhond blog - onderhond.com http://www.onderhond.com/blog/onderhond The onderhond blog is a collection of gathered thoughts about my work and my personal life. Find out about what drives me as a person and how I get about in my professional life. en-us underdog@operamail.com (Niels Matthijs) <![CDATA[discovery is not search/app/platform frustrations]]>http://www.onderhond.com/features/web-musings/search-vs-discovery

One frustration about almost every new app and platform nowadays: it's all about discovery. It's about sharing, predefined content filters and pushed content. It's about the experience, the journey and the fluff in between. There are tons of music and film services out there (at least for those of you living in America), but whatever platform I try I don't feel really comfortable with the way it presents its data to me. What I think these platforms and apps lack is search. Good, old-fashioned, plain and straightforward, multi-faceted search.

For a while now I've been eying online music/streaming providers. Now that Netflix is finally announced in Belgium I did the same with film providers. The fact of the matter is that few platforms out there accommodate people with specific and well-defined needs. This morning I checked iTunes (movies), which is a complete disaster in this respect. Even a simple task like "give me all Japanese films" is virtually impossible to accomplish (or tucked away so deep that I wasn't able to find it after playing with it for 15 minutes). I've been using the Microsoft XBOX music service once in a while, but still haven't found a way to get label listings (give me all the releases on label X), my preferred way of discovering new music (and one that's infinitely better than algorithmed recommendations).

When it comes to film and music I do my own discovery. (Database-like) sites like discogs and IMDb are where I discover things. I do my own linking, mixing and matching and I would love to find a platform that combines this type of specific discovery with purchases and cataloging. Sadly I still haven't found it yet and looking at what's out there it doesn't seem to be a big priority for content providers. Instead people are expected to just sit back, being spoon-fed the crap these services think we might like. Maybe that's fine for others, but I'm not paying for that.

]]>
Fri, 17 May 2013 13:11:40 +0200
<![CDATA[kiyoshi kurosawa/x20]]>http://www.onderhond.com/features/focus-on-directors/kiyoshi-kurosawa-20
Kiyoshi Kurosawa

Kiyoshi Kurosawa is a director with depth. Here in the West he gained notoriety with two films (Kyua and Kairo) which happily hitched a ride on the Asian suspense wave (and to date there are still some people who primarily consider him a Japanese horror icon), but in reality Kurosawa's reach is a lot broader. He has worked in lots of genres, under wildly different circumstances and with a rich selection of prime Japanese actors at his disposal.

Even when he started out in the AV business (Kanda-gawa Inran Senso, Do-re-mi-fa-Musume no Chi Wa Sawagu) Kurosawa never really kept to the boundaries of the genre he was working in. The man likes to play around with genre tropes while fiddling with more complex and interesting themes right below the surface. It doesn't always result in great films, but it left him with a wildly interesting and varied body of films.

It's not easy recommending specific movies as it all depends on what you prefer. If you are into stilted dramas Oinaru Gen'ei is a good starting point, if you prefer the absurd eco-horror Karisuma is a saef bet. I personally like Kurosawa's Rofuto best when picking from his horror work, while Akarui Mirai is arguably his best drama. But he's an avid crime filmer too, with films like Kumu no Hitomi and the Katte ni Shiyagare!! series as prime examples. Whatever film you pick to start with though, don't give up too soon as there's a lot to discover in Kurosawa's oeuvre. Not everything will work for you, nor will everything be easy to find, but I assure it's worth the effort to dig deep in this man's work.

Best film: Kumo no Hitomi (Eyes of the Spider) (4.0*)
Worst film: Kanda-gawa Inran Senso (Kandagawa Wars) (0.5*)
Reviewed films: Eyes of the Spider

]]>
Thu, 16 May 2013 12:25:03 +0200
<![CDATA[monsters club/toshiaki toyoda]]>http://www.onderhond.com/blog//monsters-club-review-toshiaki-toyoda

Toshiaki Toyoda is back on the scene and people better take notice. Yomigaeri no Chi was not just a desperate attempt to rekindle his lost career, nor was it Toyoda's final blowout before disappearing into complete anonymity. It's clear that the man still hasn't lost his heart for cinema and is far from ready to throw in the towel. With Monsters Club Toyoda picks up the thread and continues to expand his signature style, delivering what is arguably his best film to date.

screen capture of Monsters Club

Maybe more directors should take a sabbatical in prison, because it appears that it can have a pretty positive effect on a director's output. Not that Toyoda's pre-arrest films were bad, but I'm definitely liking the new Toyoda better. After his arrest for carrying "illegal substances" Toyoda suffered a forced 4-year setback. While the Japanese film industry started a slow decline Toyoda was left untouched by the cry for safer and more commercially-minded films. In a way both Yomigaeri no Chi and Monsters Club feel like a throw-back to the more daring Japanese output of 10 years ago.

Monsters Club starts out as a film that takes quite a few thematic cues from the recently deceased Koji Wakamatsu. A single individual (Ryoichi) distances himself from society and starts his own personal revolution. In a faraway cabin he builds homemade bombs and sends them to corporate executives. Even though the bombs seem quite effective against their targets, society itself doesn't really seem to take Ryoichi's actions seriously.

Little by little we find out about the reasons for Ryoichi's recluse and it soon becomes apparent that Ryoichi's revolution is little more than a way to postpone facing more dreary personal problems. One by one his (mostly dead) relatives appear before him, further obfuscating the justifications of his actions and actively questioning Ryoichi's motivations.

screen capture of Monsters Club

Monsters Club is by far Toyoda's most attractive film to date. Even though Toyoda had to make do with a relatively small budget the film looks absolutely stellar. The snowy outdoor scenes are some of the best of their kind and the dark, warm interior scenes make for a stunning contrast. The camera work is elaborate and controlled, the make-up cheap but extremely effective. All in all this film is a true sight to behold.

As always in Toyoda's films the soundtrack is a perfect companion to the visuals. Toyoda has a way with music, knowing exactly what and when to use certain pieces of music. From classical chansons to subdued rock and even some disturbing pieces of glitch, the score always manages to strengthen the atmosphere of a specific scene. The man is an example for all those directors out there neglecting the overall impact of their scores.

The main character is played by Eita, a somewhat inconspicuous actor who has managed to land quite a few impressive roles (Su-ki-da, Ichimei) nonetheless. He does a good job but he is a little overshadowed by YƓsuke Kubozuka (who plays one of his brothers). Ideally I would've liked it if the two had switched characters. Then again, the struggles of Ryoichi do match the body language of Eita better. The rest of the cast is solid, with Jun Kunimura making a remarkable cameo later on.

screen capture of Monsters Club

While the movie starts off as a typical revolutionary tale, Toyoda slowly turns it around to a film that digs deeper into the motivations for Ryoichi's solitary revolution. What Toyoda finds there is not a critique of society but rather a broken individual that redirects his attention from the problems he does not want to face. It's an interesting twist that makes for a welcome surprise and gives the film a unique perspective, clearly separating Monsters Club from more common activist films.

Monsters Club is my favorite Toyoda so far. The film is a beauty, the atmosphere is tangible and the imagery unique. Toyoda works with a more than solid cast and adds a surprising spin to what at first looks like yet another story about one person's distrust of modern society. It's a good step up from Yomigaeri no Chi and if Monsters Club is any indication for Toyoda's next film (I'm Flash) I'm pretty eager to get my hands on that one as quickly as possible.

]]>
Wed, 15 May 2013 13:11:02 +0200
<![CDATA[yomigaeir no chi/toshiaki toyoda]]>http://www.onderhond.com/blog//blood-of-rebirth-review-toyoda

Toyoda is back! At one point unsure whether he would even go back to feature-length film making, he returns with a blistering vengeance. I can only hope Blood of Rebirth is just the first in many to come, generating enough momentum for a true resurrection. Whatever happens next though, Toyoda delivers a pretty impressive come-back film, worthy of your complete and submissive attention.

screen capture of Yomigaeri no Chi

Up until five years ago Toyoda's career plan was perfect. Cashing in on his potential, he kept on making one great film after another. That is, until the day he got caught with "illegal substances", apparently considered a pretty serious offense in Japan. Toyoda forcefully retreated from the film scene and went on to direct concert visuals for Twin Tail. A smart move as five years later Toyoda resurfaces with Twin Tail front man Nakamura in the lead role and the band doing the soundtrack for his new film. Talk about turning a setback into an opportunity.

It's easy to start drawing parallels between Toyoda's film and his own recent background, but what did you expect with a comeback film titled Blood of Rebirth. It's the story of a masseur killed by poisoned sake, then taken to a revival spring to have his revenge on the ones that killed him. Those looking for symbolism and hidden parallels will have a field day with Toyoda's latest film. Luckily there is more to Blood of Rebirth to keep all of us other film fans happy as well.

Toyoda tells the tale of Oguri, a freelance masseur traveling around Japan. When he happens to stumble upon an evil lord his days are numbered. He is drugged and left for dead by the side of the road. Oguri is eager to get his revenge though and decides to ignore the paths to heaven and hell for the time being. He returns to the world of the living, searching for the spring of revival which will grant him the means to revenge his death.

screen capture of Yomigaeri no Chi

Toyoda's visual style hasn't changed much. Grim and dark colors, smart camera work and impressive slow-motion shots make up most of the visual impressions. Good stuff, but it only becomes truly great when paired with the amazing soundtrack. This kind of 70's-influenced rock isn't my thing, at all, but together with the visuals and long-stretched scenes Toyoda creates a mesmerizing effect that pulls the viewer right through the middle part of the film. Absolutely stunning stuff.

The acting is pretty remarkable too. Nakamura proves a superb lead, though his acting skills are mostly restricted to the start and finish of the film. He is assisted by Shibukawa and Kusakari who both put in terrific performances. Toyoda has a way with actors and even though the personalities here are quite standard, they are acted out with much energy and individuality. Even smaller roles (like the gatekeeper) make a pretty lasting impression.

The film is split into three separate parts. The first part is mostly narrative and follows the introduction of Oguri and Lord Daizen. From the moment Oguri returns from the dead the film switches gears. The middle part is almost completely carried by the soundtrack and contemplative visuals of rural Japan. Oguri's trip through various landscapes is an almost meditative journey which more than once reminded me of Apocalypse Now.

screen capture of Yomigaeri no Chi

After Oguri's resurrection (a smashing 5-minute slow-motion scene) the film switches gears again and revs up for a crazy finale. Saying anything more would be spoiling but the stand-off between Oguri and Daizen is pretty far out there. Take it as you will, but scenes like these actually hint at the benefit of Toyoda's little time-out.

Blood of Rebirth isn't a very easy film, even for Toyoda fans. The middle part is extremely slow and even though his style hasn't changed too much the themes, setting and characters have. It's almost impossible comparing this to his earlier work, so people expecting a peaceful reunion might be in for a shock. On the other hand, if you're ready for a new kind of Toyoda (and you don't mind atmosphere-driven cinema) there could be plenty to look forward to.

I still need to see Hanging Garden and Unchain, that said I believe Blood of Rebirth belongs to Toyoda's best output to date and could be the start of something beautiful. I pray he continues on this path and I hope he isn't put down by some of the negative critiques this film will definitely wield. Come prepared and be blown away.

]]>
Wed, 15 May 2013 09:20:11 +0200
<![CDATA[the breadcrumb/where does it belong]]>http://www.onderhond.com/features/html-musings/breadcrumb-position-html

Once a novel concept, the breadcrumb has become one of the strongholds of just about every content-heavy website's interface out there. When you consider its place in the html though, it's a somewhat unusual component. It falls right in between the site frame and the actual content of a page, not really belonging to either. Most of the time I let the design decide where to add the breadcrumb, but here are a couple of things to consider:

The breadcrumb is clearly part of the meta data of a page (as it indicates the page's position within the entire website) and it varies with each different page. From that point of view, the breadcrumb probably belongs in the header of the page section. It does offer navigational means to get higher sections within the site though, so coming from that angle the site header doesn't sound like such a bad place for a breadcrumb. If you have a breadcrumb that separates the navigation part from the active page part (usually incorporating the h1 of a page) it makes even more sense to put it into the site header, leaving the h1 in the page header and faking the connection using css. But there's also an option to place it inside the introduction section (together with the site label and skip links) if you consider the breadcrumb a vital tool for your user to orient himself.

<body> <div id="introduction"> ... <nav class="breadcrumb">...</nav> </div> <div id="page"> <header> <div class="breadcrumb">...</div> ... </header> ... </div> <div id="site"> <header> ... <div class="breadcrumb">...</div> </header> ... </div> </body>

Personally I'd say the breadcrumb belongs in the #page > header as that's where I usually put my meta data when dealing with regular content types. The design may decide differently and in certain cases (where a lot of emphasis is placed onto the breadcrumb) the #introduction section may be better suited to house it. I wouldn't completely rule out the #site > header either, but only when dealing with a split breadcrumb that doesn't encompass the page's main heading. As for the nav/div discussion, I think breadcrumbs are usually secondary navigation means, so a div should suffice. But when placed into the #introduction section I think a nav element is probably the right choice.

Such a simple and well-known component, so many things to worry about.

]]>
Tue, 14 May 2013 13:15:44 +0200
autoreiji/takeshi kitanohttp://www.onderhond.com/blog//outrage-review-takeshi-kitano<section class="textblock"> <p> <span class="intro">I've waited a long time before finally catching up with Takeshi Kitano's Autoreiji (Outrage). These days Kitano's film take a while to reach the West and right when I was all psyched up to sit down and watch this film the man himself announced a sequel. So I decided to wait a little longer until I could see both films in quick succession. That time is finally upon us and now I can finally plug one of the more glaring gaps in my film collection.</span> </p> <div class="img"> <img src="/style/site/outrage-1.jpg" alt="screen capture of Outrage" /> </div> <p> People are eager to state Autoreiji takes Kitano back to his roots. In a sense that is true, ever since taking home the Golden Lion in Venice (<a href="/blog/hana-bi-review-takeshi-kitano">Hana-Bi</a>) and traveling to America to direct Brother, Kitano has been shying away from Yakuza territory (<a href="/blog/kikujiro-no-natsu-review-takeshi-kitano">Kikujiro no Natsu</a>, <a href="/blog/dolls-review-takeshi-kitano">Dolls</a>, <a href="/blog/takeshis-review-takeshi-kitano">Takeshis'</a>, <a href="/blog/kantoku-banzai">Kantoku: Banzai!</a>, <a href="/blog/achilles-to-kame-takeshi-kitano">Achilles to Kame</a>). But that's only half the story. Indeed Kitano returns to his beloved Yakuza setting after a 12 year hiatus, but Autoreiji is notably different from his earlier work and people expecting to see a vintage Kitano will no doubt be somewhat disappointed. </p> <p> Autoreiji felt more like a cross between Paolo Sorrentino's Le Conseguenze dell'Amore (stylistically) and Takashi Miike's Agitotor (the setup). In Autoreiji Kitano almost entirely ditches his typical sense of humor (though the film is not without a few chuckles) and he forgoes characters, instead focusing on the bigger picture. Autoreiji is a Yakuza epic that follows the different shifts in power within a single Yakuza group. Several faction battle for power, all controlled and puppeteered by a single chairman. </p> <p> The result is a rather cold and detached story about power and deceit, without a real main character to guide the audience into the core of the film. There are several primary henchmen who get some extra screen time, but in the end this film isn't about any of them in particular, instead it's about the shifting shape of the group as a whole. It's a different kind of Yakuza flick and it's the first time that Kitano is trying his hand at it. </p> <div class="img"> <img src="/style/site/outrage-2.jpg" alt="screen capture of Outrage" /> </div> <p> Visually Autoreiji is a serious upgrade of Kitano's older Yakuza films. His trademark style of harsh cuts and strong framing is still there, but the camera moves around more often and the coloring is a lot tighter and better in balance. Auoreiji isn't as murky as his older films, though it does carry a colder signature due to the many dark blue tones being used. The colder coloring is balanced well by a strong selection of beautiful tracking shots (the intro is especially stylish) and as a whole I felt the film carries a stronger visual signature. </p> <p> While Joe Hisaishi's stamp on the score is dearly missed, Kitano made a smart decision by not trying to find someone to mimic his style. The score of Autoreiji is less outspoken, but does blend in very well with the images. Kitano opts for a more modern, slightly electronic soundtrack that gives this film a unique edge while not pushing it in a definite direction. It's a pretty solid score, though you might not realize until you take the time to really listen to it. </p> <p> Autoreiji is somewhat lacking in Kitano regulars. No Ren Osugi or Susumu Terajima to fill in the blanks this time around, then again I didn't really notice any roles that would fit their characters. Fans of Japanese films will find a fair selection of familiar faces here though, with names like Ryo Kase, Jun Kunimura and Renji Ishibashi strengthening the cast. Kitano himself has a sizable role too. He is once again his own self, stoic and sporting his trademark smile, but that's ultimately what is expected of him. </p> <div class="img"> <img src="/style/site/outrage-3.jpg" alt="screen capture of Outrage" /> </div> <p> Though while watching Autoreiji you may feel a little nostalgic about Kitano's missing sense of humor, you don't need to worry about a lack of sudden outbursts of violence as the man came up with some his most iconic moments of his career in this film. The dentist scene is an instant classic, so is the decapitation scene. Harsher than usual and coming with little warning up front, Kitano clearly still got it. Not for the faint of heart, but nothing a hardened Kitano fan can't handle. </p> <p> The first hour or so provides a solid setup, introducing all characters and factions related to the Yakuza gang, while the final 30 minutes are the icing on the cake. Don't expect much character development, don't hope to see a central character than pulls you through the film. The only real character in Autoreiji is the Yakuza group as a whole, shape-shifting and morphing until at last a new equilibrium is established. Autoreiji is a cold and detached film, but that's what it's supposed to be and it's actually quite brilliant at that. Very much looking forward to the sequel. </p> </section>Mon, 13 May 2013 12:15:28 +0200<![CDATA[noboru iguchi/x10]]>http://www.onderhond.com/features/focus-on-directors/noboru-iguchi-10
Noboru Iguchi

Noboru Iguchi is without a doubt one of the liveliest directors of modern Japanese cinema. And he's not just famous for his weird, outrageous and outlandish films, his appearances on film festivals too are quite remarkable and entertaining. Iguchi's most famous film is also a pretty important one, as The Machine Girl kick-started the entire Sushi Typhoon (Japanese splatter) rage, a runaway (and unexpected) international success formula.

Like many others in Japan, Iguchi started off his career as an AV director. It was only around the turn of the century that he started directing more mainstream films (though mainstream is a stretch - Iguchi is for the bigger part a true niche director). His first attempts were pretty shabby (Oira Sukeban, Madara no Shojo) but with The Machine Girl he finally hit a good balance between cheaply-produced pulp horror and intensely insane comedy. Even though his films often borrow a lot from the horror menu (Zombie Ass, Dead Sushi, Mutant Girls Squad), the only true straight-faced horror flick Iguchi directed is Tomie: Unlimited, one of the better entries in the series. In the end, Iguchi seems more interested in pulpish charm and comedy, which resulted in his biggest budget film to date: Denjin Zaboga: Gekijo-Ban.

Iguchi earned his stripes, rightly landing him an entry in the prestigious The ABCs of Death anthology. Even though I find his partner in crime Yoshihiro Nishimura and fellow Sushi Typhoon director Yudai Yamaguchi to be better overall directors, Iguchi's films are always worth a peek, if only for the slew of demented, creative and original ideas that flourish in his work.

Best film: Sento Shojo: Chi no Tekkamen Densetsu (Mutant Girls Squad) (4.5*)
Worst film: Oira Sukeban (Sukeban Boy) (1.0*)
Reviewed films: Mutant Girls Squad, The Machine Girl

]]>
Thu, 09 May 2013 11:44:56 +0200
<![CDATA[zombie ass/noboru iguchi]]>http://www.onderhond.com/features/movie-filler/zombie-ass-review-noboru-iguchi
Zombie Ass poster

Noboru Iguchi (Mutant Girls Squad) unleashed a very special kind of cinema onto the world when he made The Machine Girl. He has been struggling to repeat that success and has since been bested by his Sushi Typhoon buddies. With his latest film Iguchi seems to have finally settled into an even smaller niche though. Zombie Ass must be one of the most outrageously embarrassing films currently out there, and for that reason alone it should be worth a small gamble.

Even though Zombie Ass isn't part of the official Sushi Typhoon catalogue, it's very much in line with other Sushi Typhoon releases. Bad CG, horrible actors and a pretty amateurish finish are all part of the deal, but in return you get some of the weirdest, sickest and funniest moments ever caught on film. If there ever was a "so bad it is good" flick, this one is definitely it.

Iguchi expands on the short he entered in the ABCs of Death anthology (F is for Fart). Never before has a director explored the CG fart in such devastating depths and with such great conviction. Ironically the longer running time actually plays in Iguchi's favor here, as the ever-increasing sense of embarrassment really adds to the fun. Not that the entire film is about farts, there are also a bunch on toilet zombies and a group of anal tentacles to balance out the narrative. Great art this is not, but if you're looking for 90 minutes of mind-blowing weirdness, Zombie Ass is a must see.

]]>
Wed, 08 May 2013 13:40:18 +0200
<![CDATA[benny chan/x10]]>http://www.onderhond.com/features/focus-on-directors/benny-chan-10
Benny Chan

Benny Chan is the median of Hong Kong action cinema. He never really excels, but if you need quality genre filler he has some of the better films on offer. It's a small miracle that (like many of his peers) he never attempted to make the jump to Hollywood, then again that's probably for the best. The closest Chan ever got to Hollywood was when he directed Connected, a remake of Cellular.

Chan is somewhat of a film series man. He started the A Moment of Romance series (first two parts), made Gen-X and Gen-Y Cops and took over the Police Story series from Jacky Chan. He's worked with many of the greats of modern Hong Kong cinema (Andy Lau, Tony Leung, Jacky Chan, Nicolas Tse and Shawn Yue, to name a few) and considering the popularity of his films I don't think he's ever had to worry about working on a shoe-string budget. The mainstream character of his films also has a downside though. They never really differ from the norm and they tend to blend in with the millions of other Hong Kong action films out there.

Still, if you're yearning for a good action flick and you're running out of established masterpieces, Benny Chan's films are a pretty good option. Solid is the keyword here.

Best film: Bo Chi Tung Wah (Connected) (3.5*)
Worst film: Tian Ruo You Qing (A Moment of Romance) (2.0*)

]]>
Fri, 03 May 2013 11:51:19 +0200
<![CDATA[responsive != mobile/ditching assumptions]]>http://www.onderhond.com/blog//responsive-does-not-equal-mobile

The surge in mobile devices really changed the web. What used to be a theoretic ideal (one site to rule them all) suddenly became a reality. Almost overnight a myriad of devices sprung up, all web-ready and eager to serve your web page. Not too surprisingly, we weren't ready for that. And to cope with it, we made a few assumptions that led to bad decisions and misguided truths. Let's be clear once and for all: even though mobile kick-started the responsive revolution, responsive does not equal mobile.

hello apps, goodbye apps

Last month I ditched a few apps from my phone and started using their web equivalents. Leaving the apps vs web discussion for what it is though, it taught me an even more important lesson: mobile (or small-screen) versions of popular sites often offer a better user experience than their desktop/full-screen equivalents. To the point where I would like to use the small-screen version, even on desktop.

Especially sites that revolve around updates are prone to this behavior. Twitter and Facebook are two good examples, but most news sites fall into the same category too. Generally speaking, I go to these sites, expecting to get an update of what's new between now and my latest visit. Mobile versions are usually tailored to do that, desktop versions throw in a bunch of noise that makes it a lot harder to get what I came for. Of course mobile sites get the benefit of leaner design (smaller size, fewer requests and less fluff), but there's more to it.

Take The Verge for example. On mobile you get a small carousel on top, below that is a nice, scrollable and infinite-loading list of the latest articles. On desktop you get a noisy layout, followed by more even noise. These are the top articles (as seen by The Verge and commenters), but they don't necessarily reflect my interests. Nor do they adapt after I read a certain article. If you want a list of the latest articles, you have to click the black square on the left (with the number inside). It then opens a clunky overlay, featuring some badly animated scroll behavior. Quite horrible indeed.

dashboards and iframes

All of this got me thinking ... what if I made my own page, dropped a few iframes on it and loaded several web pages within the iframes. I could make a dashboard of my favorite sites, benefit from their mobile alternatives and all of that in one single tab. Or I could make a separate social hub, a news hub, an entertainment hub. Even better would be if in the future these sites auto-updated their content stream (or like Twitter, give a static indication of new content). Hardly a technical challenge, so I gave it a whirl. The results were stupefying though.

I made a page with six iframes and tried to load six different websites, only one wielded the preferred result. Twitter and Facebook wouldn't even load in an iframe, The Verge and one other failed to load their mobile version (even though I used their m. urls). The fifth one didn't have a separate mobile url but did appear to be responsive. All fake though, it just gave me the full version on desktop, even though its display area was that of a standard smartphone.

Assumptions. By saying that responsive equals mobile, people are wrongly assuming that the mobile versions should only be used on mobile. They are sniffing and making decisions that I don't agree with, failing my experiment and leaving me pretty disappointed.

conclusions

Don't assume too much. What is logical today may not be all that logical tomorrow. Responsive web design is adapting your site based on certain context variables. Mobile is not a single variable, nor does it have any uniques properties. Touch found its way to desktops and since the beginning browser windows could be resized to fit smartphone dimensions. There is nothing that defines "mobile" these days.

The fact that your mobile site is better than your desktop site is a secondary problem that could do with some soul searching, in any case you should not decide for your user which version he wants to use. Don't sniff, don't make assumptions, don't decide in other people's place, especially when there is no good reason to do so.

]]>
Thu, 02 May 2013 12:02:55 +0200
ai zuozhan/pou-soi cheanghttp://www.onderhond.com/features/movie-filler/love-battlefield-review-pou-soi-cheang<section class="textblock"> <div class="img"> <img src="/style/site/feature-love-battlefield.jpg" alt="Love Battlefield poster" /> </div> <p> <span class="intro">Pou-Soi Cheang is one of the better genre film directors currently residing in Hong Kong. With highlights like Shamo, <a href="/blog/accident-review-pou-soi-cheang">Yi Ngoi (Accident)</a> and Gau Ngao Gau (Dog Bite Dog) the man has been establishing himself as a driving force behind the international recognition of Hong Kong cinema. Ai Zuozhan (Love Battlefield) is a slightly older Cheang that bears all the potential, but ever so slightly fails in its execution.</span> </p> <p> Ai Zuozhan would've made a pretty good Milkyway (Johnnie To's production house) film I think. The desaturated visuals are classy, the story is a bit grittier than usual and holds a few solid surprises and there's enough police work going on to make it a thematic peer to a slew of other Milkyway productions. It's not really an action flick, rather a tense and dark thriller mixed with a dash of romance. </p> <p> The problem is that Pou-Soi Cheang has a thing for melodrama. In more recent film he's learned to balance it out a bit more, but here he crosses the line of the acceptable a few times too often. The finale for example is an exhilarating 20 minute climax, only to be followed by a mushy and unnecessary scene that takes the bite out of the ending. Cheang always compensates with style and tension, but in the end it makes the film just a tad too uneven. It's definitely worth a watch though, just brace yourself for a few overly emotional scenes that really don't belong. </p> </section>Wed, 01 May 2013 11:26:40 +0200<![CDATA[social communication/direct vs subscription]]>http://www.onderhond.com/features/web-musings/social-communication-direct-vs-subscription

A month or two ago I finally bought my very first smartphone. The first thing I did was download a selection of apps. The usual suspects: Twitter, WhatsApp, Skype, Facebook, RSS reader. I even tried out a news app, just to see what the fuzz was all about. Last month I deleted the Twitter, RSS and Facebook app. Not because the apps themselves annoyed me, but the fact that they acted as apps seriously disrupted my workflow.

When it comes to social communication, I think there is an important distinction to be made. Apps like Mail, WhatsApp, Skype (SMS and Phone) are all services that facilitate a direct form of communication. Notifications coming from these apps are important, as they mean that someone actively tried to contact me. Apps like Facebook, Twitter, RSS (and the news app) on the other hand, are different in that they are (mainly) based on subscription-like communication. While they too notified me of "new content", the content itself was not aimed at me and could be consumed at my own leisure.

Getting notifications from apps like Twitter, Facebook and RSS annoyed me no end, as I was inclined to react to these notifications immediately. But subscriptions aren't supposed to work that way. They should be consumed in sizable chunks, whenever I have a little time to spare. So I ditched the apps, favorited the websites and I'm a much happier person now. I think subscription-like communication has little reason to be disruptive, so cutting off these notifications actually took away some unnecessary pressure. If you find yourself needlessly checking Facebook and Twitter with each new notification, I suggest you try the same (at least if you have a decent browser to check their mobile web alternatives).

]]>
Tue, 30 Apr 2013 12:19:24 +0200
<![CDATA[trava: fist planet/ishii and koike]]>http://www.onderhond.com/blog//trava-fist-planet-review-ishii-koike

When Katsuhito Ishii (Smuggler, My Darling Of The Mountains) and Takeshi Koike (Redline) get together (Party 7, Cha no Aji), very nice things are bound to happen. Back in 2003 the two of them teamed up to produce an original animation series. While things didn't go as planned and the series was never realized, the pilot survived and made it on its own accord, living on as a sad but near-perfect relic of what could have been.

screen capture of Trava: Fist Planet

Looking at the pile of Japanese films and series that pass us by each year, it's nothing short of a miracle that Trava: Fist Planet made it onto DVD, English subtitles included (Japanese import though, so it's expensive). Of course Koike and Ishii were lucky enough to get backing from the Grasshoppa production house, a DVD-magazine that for some reason provided English subtitles with all its releases, still it's one of the most valued and treasured DVDs of my collection.

It's not just the production background of the pilot that makes this such a rarity though. The crux of Trava is a close derivative of a style of comedy that is pretty unique to Japan (manzai). Takeshi Kitano is probably the most famous manzai representative (as part of the Two Beat duo), yet even his work never made it to West. The cultural and verbal barrier is just too big a gap to bridge. Trava features a very similar sense of humor, relying on constant, deadpan banter between its two main protagonists in order to amuse the audience. If you're not used to it, it might come off as pretty awkward in the beginning (both pacing and delivery are very different from what we know), but I must say I warmed up to it pretty quickly.

Trava: Fist Planet follows Trava and Shinkai on their way to the Fist Planet tournament. To enter the tournament they first have to take on some odd jobs as the entrance money is quite steep. On their way to mark a planet they run into a leftover pod from the war. To their surprise the person inside the pod is still alive. When she wakes up she can't remember who she is or where she came from, so Trava and Shinkai decide to take her along on their trip.

screen capture of Trava: Fist Planet

From a visual point of view this is 100% Koike's work. His style is instantly recognizable, an insane mix of unique character designs and emotive deformations. His characters often look odd and even slightly off, but these "imperfections" always seem to communicate a certain state of mind. The animation isn't fluid but the direction is absolutely perfect. Radical, vibrant and overstated, Trava curls and twists like an animator's nightmare. The pilot was made in 4:3, which is a small downer (though it's not as bad as with live-action films) and the color scheme could've used a bit more variation, but these are just minor annoyances compared to the visual delight that whirls across the screen.

The soundtrack is pretty decent, although it could've done with slightly better music direction. If you compare this to Koji Morimoto's work (which I think, soundtrack-wise, could be put in the same category) you'll quickly notice that Ishii doesn't make good use of the strengths of the music. The score is quite varied and the right tracks are underneath the right scenes, but still there is a small miss-match between what you see and what you hear. Voice acting on the other hand is absolutely amazing. The delivery, the timing and the ad-libs are all spot on, crafting the characters into a very likable bunch.

screen capture of Trava: Fist Planet

Trava: Fist Planet is little more than a pilot, so don't expect to find a fully-fledged universe. It's clear that Koike and Ishii had plenty more planned for our unfortunate duo, instead Trava and Shinkai just manage to survive the first episode arc, leaving the main arc wide open (although they would get a small cameo in Koike's Redline a few years later). But even then I feel the pilot functions well enough on its own.

I used to compare Trava: Fist Planet to Dead Leaves, nowadays I'm not sure if that's a fair comparison. It definitely belongs in the same corner as Dead Leaves (and Heruzu Enjueruzu for that matter), but the pacing and sense of humor make it a very different experience. The combination of manic animation and dry, deadpan conversations is no doubt an acquired taste, still there is plenty to enjoy if you have a soft spot for animation. Koike and Ishii make a great team, so even though the DVD might be a little hard to track down it's absolutely worth the trouble.

]]>
Mon, 29 Apr 2013 12:45:50 +0200
<![CDATA[asura/kei'ichi saro]]>http://www.onderhond.com/features/movie-filler/asura-keiichi-saro
Asura poster

Director Kei'ichi Sato (of Karas fame) returns with Asura. The film is an adaptation of a 70s manga that sparked quite a controversy when it was first released, due to some rather graphic cannibalistic content. Don't expect an average tentacles and gore horror anime though, as the story of Asura is surprisingly timid and humane.

Asura is young kid, part man, part beast. Left behind in the Kyoto wastelands at a very young age, he has learned to survive under barren conditions. He is an outcast of society and doesn't hesitate for a moment when all there is to eat is a passing fellow human being. Until one day he runs into Wakasa, a young girl who is the first to treat him like a real human. Asura has trouble leaving the beast in him behind though.

To be honest, the story is of the yada-yada variation. The film lacks emotional strength and even though it doesn't outstay its welcome with only 72 minutes on the clock, it does drag a little in places. You'll be wanting to see this film because of the awesome art style and the stunning blend of CG and traditional animation though. Sato created another technical marvel, there are a few moments where the CG is just a tad too apparent but otherwise the blend is pretty much perfect and makes for a very moody and grim atmosphere.

It's a shame the film itself isn't as slick as its visuals, but Asura is definitely worth a look if you like your animation a little different.

]]>
Sat, 27 Apr 2013 11:40:31 +0200
<![CDATA[intro text/part of the header or body?]]>http://www.onderhond.com/features/html-musings/html-structure-intro

Intro text is hardly a new concept. Newspapers have had them for years, so have magazines. On the web they are a little rarer, but sites like Smashing Magazine have made good use of them. Typically intro text is a visualized a little bigger than the body copy, sometimes set in italic or rendered in a different font. The purpose of the introductory text is to tease the content of the article (not summarize it) and to provide a slick transition between the tease and the first paragraph of your body copy. The question is: where does introduction text belong, structurally speaking?

Or to put it differently: is intro text part of the header or does it belong in the main section of your article? Most sites seem to just include it together with the body text, providing an extra class for the alternate styling. Then again, the introductory text should not contain additional information that isn't part of the core article itself, meaning it could be left out without hurting the core content of the article. Not only that, the name "intro" seems to suggest all by itself that the header is actually a better location for this type of content.

<article class="article"> <header> ... <div class="intro">...</div> </header> <div class="main"> <div class="intro">...</div> ... </div> </article>

So either we add the intro text as the last element in the header (since it transitions right into the text), or we put it as the first element in the body, right before the actual body copy. I prefer the first option, since it is little more than a standalone piece of text that functions as an introduction to the actual content (like all other elements inside the header) and it should not be considered an integral part of the article's core content, though reality (and designs) often learn us that this puts some serious strain on the css. Purely seen from an html point of view though, the header seems definitely like the right place for intro text.

]]>
Fri, 26 Apr 2013 12:34:45 +0200
<![CDATA[css specificity issues/states, variations and conflicts]]>http://www.onderhond.com/blog//css-specificity-conflicts

One of the core basics of css is its set of specificity rules. Most of the time css specificity works well, as long as you purposely describe the elements you want to target (something to remember when refactoring css selectors), but there are some underlying flaws in the concept that could do with a little extra attention. Situations where the mind assumes things that cannot be expressed in css, often wielding unexpected or unfavorable results.

components and component variations

I've tackled issues with specificity before in an older article on css specificity lacking proximity, this time around I would like to elaborate on a more specific problem that is directly related to the way we interpret and compose html components. And of course the way we (try to) translate them into valid css rules.

<div class="spec date">...</div> <div class="spec author">...</div>

Looking at the code above, everyone will immediately understand that .spec is the base class (or the component class) while .date and .author indicate semantic variations of the .spec component (I typically use the .spec class for a single label/value pair). The fact of the matter is that there is absolutely no way at all to express this in css, unless by convention.

.spec.date .spec.author

Because we place the .spec class first (both in html and css) it becomes clear that it is the component class, but in no way does it change anything about weight and preference when two selectors are fighting for dominance. And that's exactly what can be so confusing. For a first example (and an in-depth look at some less than stellar solutions) you can read an older post on specificity issues, below I will detail a second example.

states and variations

Imagine having a website that has a few color-coded sections (just like mine really). You have additional sub navigation in each section that is designed in the color of the section it resides in. The design is exactly the just, just the link color differs depending on what section you're in. The problem is that you don't really want to change the appearance of your active states (current page) across the different sections.

<nav class="sub [varX]"> <ul> <li>...</li> <li class="active">...</li> </ul> </nav>

Before continuing with the css, two small html remarks: in real life you would probably put a body class to mark a specific section, but to make the example a little easier to understand I've added a variable class on the nav element itself, describing the section variants. Another reason for doing this is to make clear that you can't always rely on other (contextual) classes to add some extra weight to a selector.

Then there is the active class, which indicates which navigation item is currently active (what's in a name). Usually the code inside a li.active differs from the other list items as the link itself will be taken off the navigation item (why link to yourself right), let's assume the CMS (or the budget) didn't allow for that this time around. Not such a big stretch, is it?

.nav ul li.active a {display:block; background:#fff; color:#333;} /* section variations */ .nav.var1 ul li a {background:#f09; color:#fff;} .nav.var2 ul li a {background:#dd0; color:#fff;}

The css code above properly illustrates the problem. Even though we set a global active class, the styling is being overwritten by the component variations, even when we don't want it to. The .active class functions as a cross-variation state, but css doesn't know that and there is no way to express it either. All it does is compute weight, so the variant class is considered equally important as the state class and wins out when properties have conflicting values.

conclusion

It's important to remember that even though we mentally separate class names in different groups (components, component variants, states, layout), css itself does not. All classes are considered equal in css and they are handled that way. This can lead to some confusion and to less than favorable solutions trying to fix unexpected problems. For now there's little that can be done and I'm not even sure if something should be done about it (it's the simplicity and extendibility of classes that made css what it is today), but it is a flaw that has persisted since css made its way into the mainstream and it could do with some extra attention.

If I missed any obvious fixes or workarounds, do let me know.

]]>
Thu, 25 Apr 2013 11:34:19 +0200
<![CDATA[okami kodomo no ame to yuki/mamoru hosoda]]>http://www.onderhond.com/blog//wolf-children-review-mamoru-hosoda

The heydays of Japanese full-length animation features seem to lie firmly behind us. While every year a few good films make it to the surface, none of them seems to match the quality and vision of the older generations. Mamoru Hosoda (Toki O Kakeru Shojo, Summer Wars) is one of the few younger talents doing his best to uphold the good name of Japanese animation, Okami Kodomo No Ame To Yuki (Wolf Children) is his latest endeavor.

screen capture of Wolf Children

Mamoru Hosoda is one of the front runners of a new generation of Japanese animation directors, but like many of his peers he has trouble breaking free from the works of earlier generations. While I'm craving for more directors like Masaaki Yuasa (Mind Game, Genius Party) Hosoda's work is more and more intertwining itself with that of Studio Ghibli and Makoto Shinkai (Hoshi O Ou Kodomo, Byosoku 5 Senchimetoru), making it that much harder to stand out from the rest.

Another problem for Hosoda is that the rest of the industry is finally catching up on trying to mimic the Ghibli success. Films like Summer Days With Coo, A Letter To Momo and The Light Of A Firefly Forest are all dabbling in the same pool of influences, making it a little crowded there. And the fact of the matter is that even though others are trying really hard, none of them are even coming close to matching Ghibli at their own game, let alone beating them.

While Okami Kodomo is a good, solid film, the fact of the matter is that Hosoda goes a bit overboard with the references here. There are scenes that appear to be downright copies of Tonari no Totoro and Omohide Poro Poro, mixed with a strong dash of Wolf's Rain. Hosoda takes his film to a difference place than any of the named influences could, but I felt it was a bit much to be reminded of other works in almost every other scene.

screen capture of Wolf Children

Hosoda's biggest perk is his amazing art style. Even though the characters may appear a little simplistic at first, with only a few lines Hosoda creates a myriad of subtle details that others could only dream of. The animation is spot on, carrying a refreshing and unique sense of realism that enhances the dramatic effect, while the ever vibrant and sunny colors make for a cozy and comfortable atmosphere. Okami Kodomo is a visual delight that manages to impress from start to finish.

The soundtrack is something else though. Hosoda constantly walks the line between bearable and overkill. When at times the story becomes too mushy the soundtrack falters with it, turning into a big pathetic mess. When Hosoda tones down the drama the soundtrack is okay, a predictable yet decent selection of piano and string-based tracks that suit the atmosphere, yet do little to enhance it. Luckily the voice acting is top notch and there is no English dub out there to sway people into not watching the Japanese one, though I'm sure that's bound to change once the film hits American shores.

screen capture of Wolf Children

The first twenty minutes or so are definitely lacking. The extended introduction is too melodramatic and never really hits the mark. Once Hana becomes a single mother the film makes a brisk u-turn and suddenly Hosoda finds himself on the right track. The middle part of Okami Kodomo is by far the strongest. The pacing is excellent, the characters flourish and even though a bit too idyllic at times, the atmosphere is absolutely lovable. The ending misses a sense of urgency, but even though it doesn't uphold the level of quality it doesn't really collapse on itself either. There's just not much of a climax to speak of, even though an extra dramatic arc is introduced.

Okami Kodomo is far from a perfect film and from the three Hosoda films I've seen so far it's clearly the worst. It's definitely not a bad film, but based on Hosoda's track record and the hype surrounding this film I expected a lot more. When Hosoda keeps it small and strays away from dramatic arcs the film is at its best, but Hosoda often overplays the drama and ends up with scenes that are far too mushy and melodramatic. If this all sounds a little harsh it's probably because Hosoda has a big legacy to live up too, yet lately he seems to be dropping the ball. Overall Okami Kodomo is still a good, solid film, but it could've (and should've) been a lot more than that.

]]>
Mon, 22 Apr 2013 12:34:05 +0200
<![CDATA[the chrysalis/chu-ji qiu]]>http://www.onderhond.com/blog//the-chrysalis-review-chu-ji-qiu

Chinese cinema output these days is all over the place. You have your rich and wealthy historic epics, the over-the-topic slick and poppy comedies and the darker, humanistic dramas. But somewhere hidden in this pile of Chinese films is a glimmering selection of strong, modern and stylish genre films that are just waiting to be discovered by the West. The Chrysalis is one of those films, and it's in dire need of an appreciative audience.

screen capture of The Chrysalis

The Chrysalis is a pretty basic mystery, but the execution is nothing less than spectacular. Sure enough, the template of the film doesn't hide too many secrets and if you've seen a couple of mysteries before you can probably read the film pretty well, but the specifics feel fresh and challenging. While watching I was reminded of La Boîte Noire (Richard Berry) a couple of times, though I'm pretty sure not many people have seen that one.

After a short introduction Guan Wenxin wakes up soaking wet, in the middle of the road. Her memory of the past three months is gone. All she remembers is that she was taken captive on valentine's day by Anne, her very best friend who's betraying her for the man she loves. After a short struggle the two of them collapsed on the floor, anything after that is a complete blank. When Wenxin looks for Anne after coming back to her senses, it turns out Anne is still missing.

Guan Wenxin tries to pick up the pieces of her life, but something feels not quite right. Little by little she uncovers what has happened to her during these three months, but the more she remembers the harder it becomes to make sense of it all. On top of that, Wenxin develops a secondary personality, posing as Anne, much to the horror of the people surrounding her.

screen capture of The Chrysalis

A mystery like this traditionally relies on strong audiovisual impulses to get its atmosphere across and Chu-ji Qiu has his bases covered. The Chrysalis successfully blends more traditional shots with modern editing and some great visual touch-ups. The film looks beautiful throughout, sporting amazing imagery and superb settings, only the CG could've used a bit more work. Nothing serious, but there one or two fake-looking effects that take away just a bit from the overall effect.

The soundtrack too is pretty crafty. It may be a little too present for some (there are only a few scenes without at least some kind of background music) but it's a great and varied selection of tension-filled tracks that may not dominate the visuals, but at least they support them quite effectively. It's not a very memorable soundtrack, rather a functional one that in combination with the strong visuals sets a perfect mood.

Sandrine Pinna (Do Over, Yang Yang) takes up the role of Guan Wenxhin and does so with great conviction. At first it did feel a little awkward to see the French/Taiwanese actress in the lead role (maybe it felt like they were catering a little too much to the West), but as it turns out she fit the bill perfectly. The rest of the cast is solid but easily overshadowed by Sandrine's performance.

screen capture of The Chrysalis

The second part of the film is reserved for twists and revelations and while they are skillfully executed (warning: go in fresh and don't let yourself be spoiled by trailers) they become a bit too explanatory. By the end of the film there is no stone left unturned, with all the mystery gone from the film. To each his own of course, but I prefer it when not everything is explained and some mystery is left to carry on after the film has ended.

The Chrysalis is pure genre cinema. It operates on textbook mechanics and follows an all too familiar path, but the execution is flawless while Chu-ji Qiu demonstrates his skills as a director. The result is a tense, mysterious and stunning looking film that may reveal a few too many of its secrets, but does so in a very slick and stylish way. Chances are slim the film will make it outside the Asian borders, but I'm already looking forward to Qiu's next one.

]]>
Thu, 18 Apr 2013 11:47:17 +0200
<![CDATA[c'est arrivee pres de chez vous/remy belvaux]]>http://www.onderhond.com/blog//man-bites-dog-review-remy-belvaux

For years there was only a single Belgian film that I believed was worth watching. Before the 00's I had a pretty horrible relationship with Belgian cinema as a whole, C'est Arrivée Près De Chez Vous (Man Bites Dog) was the infamous exception to the rule. A dirty, gritty and ink black faux documentary, razor sharp and madly funny, but also a film that divided audiences and was possibly disastrous for your image when recommended to the wrong kind of people.

screen capture of Man Bites Dog

Long before The Blair Witch Project shocked the world with its faux documentary/found footage style, first-timer Rémy Belvaux took the world by surprise with C'est Arrivée Près De Chez Vous. This little low-budget Belgian film conquered the world (and even made it on the Criterion label) and for a long time it was pretty much the only Belgian film that international genre film fans knew about (not counting underground Z-cinema like Rabid Grannies).

C'est Arrivée Près De Chez Vous effectively set the bar for black comedies everywhere. Even now very few of them manage to come close to the mean-spirited humor that stems from Belvaux's first and only film. The setup is pretty simple though. A camera crew is shooting a documentary about a serial killer (Ben), following him around and trying to figure out what goes on in the man's head.

Ben isn't just your average serial killer. He has a good set of ideals and a solid, down-to-earth philosophy that make him different from the others. He considers killing people his job, just another way to earn an honest buck. His immediate surroundings know about Ben's "work" and they pretty much accept Ben's choices. Things start getting sour when the camera crew loses its objectiveness and Remy and his crew start helping out Ben with the killings.

screen capture of Man Bites Dog

Visually Belvaux relies on gritty (and extremely grainy) black and white photography to give the film an even darker edge. C'est Arrivée Près De Chez Vous is not a particularly pretty film but from time to time you'll come across a shot that looks a bit more polished than you'd expect to find in a regular documentary. Belvaux finds a good balance between realism and style though, never letting either of two dominate the film.

There isn't much in the way of a real soundtrack. Apart from ambient sounds and the odd song (sung by Ben himself) there isn't any additional musical support. You'll never really miss it though, as Ben is talking through most of the film anyway. There are a few sound distortions, giving the darker scenes a little extra push, but that's all there is.

Belvaux's biggest asset is Benoît Poelvoorde. Poelvoorde even received writing and additional directing credits for his work here and if there is one film in my list of favorites that relies so much on the effort of its primary actor, it must be this one. Poelvoorde is captivating and entrancing, genuinely funny and endearing, but also stark raving mad and a danger for everyone surrounding him. His rants are hilarious, his logic sound and his killings efficient. By far one of the most immersive and dazzling roles ever caught on camera.

screen capture of Man Bites Dog

While the first half of the film is mostly laughs, the second part turns darker by the minute, while the laughter becomes ever more grim. It's a pretty traditional setup that works well enough, even though it means there aren't too many surprises packed in the second part of the film. Still, there is plenty of material that even today would be deemed shocking, so if you're not into a-political comedy or in your face brutality this might not be a film for you and you should probably leave it for what it is.

C'est Arrivée Près De Chez Vous is a landmark film for Belgian cinema. It's one of the first (if not the first) Belgian genre film that went on to become a critical international success. Twenty years later the film has lost little of its initial shine. It's still wildly funny, surprisingly off-center and grimly amusing. It might be a little difficult film to blindly recommend to others, but if you're into black comedy and you haven't seen this one yet, make it your top priority.

]]>
Mon, 08 Apr 2013 13:22:36 +0200
<![CDATA[sightseers/ben wheatley]]>http://www.onderhond.com/blog//sightseers-review-ben-wheatley

Ben Wheatley is working hard on his career. He got himself noticed with Kill List, he provided one of the better entries for The ABC's Of Death anthology and now fully confirms his status of emerging talent with Sightseers. He is exactly what UK cinema needs right now, a man who can uproot some of the rusty parts while keeping faithful to the things that makes UK films worthwhile. Sightseers is a delightful dark comedy, but beware of its sharp edges.

screen capture of Sightseers

UK cinema has been doing pretty well lately, but it still shows some disconcerting weaknesses. The biggest problem as I see it is that while UK genre films are definitely delivering, there isn't much happening in between the genres. Directors conform a little too much to the rules of the genres they're working in, with very little cross-genre mixing and blending going on. The result is a bunch of solid films, but nothing too memorable to really boost the image of their film industry.

A director like Wheatley can change that, point in case this weird little mix of British comedy, drama and horror. An unlikely combination of genres, especially when considering their British variants, but one that ultimately works very well and feels like a welcome breath of fresh air. Not that Wheatley can turn around the fate of an entire industry all by himself, but at least he's setting a good example for the others. Sightseers might not be the most accessible dark comedy out there, but film fans around the world are talking notice once again.

The film starts off as a regular British social drama. The combination of ugly realism, poverty and a bunch of social outcasts is unmistakable. It doesn't take too long before the first weird and morbid humorous bits start to pop up though. A bit hesitant at first, but halfway through nobody should be doubting the intentions of Sightseers. By that time we've also witnessed a few ruthless murders, taking care of the horror portion of this film.

screen capture of Sightseers

I'm pretty much in two minds about the visual choices Wheatley made. I get that in order to resemble a (British) social drama this film needs some colorless and grey settings and characters accompanied by rather unattractive camera work, but I'm just not a big fan. Later on Wheatley does put in some more effort, making good use of the setting and using some cool lighting and editing tricks to give some polish to the visuals. The overall result isn't too mind-blowing, but I must admit that Wheatley's choices do support the goals of Sightseers all the way through.

The somewhat eclectic soundtrack further underlines the film's schizophrenic nature. Wheatley switches constantly between famous 80s pop songs and more traditional soft and less intrusive piano music. While the soundtrack isn't the most memorable bit of Sightseers, it functions quite well and it does have a positive effect on the overall atmosphere on the film.

At the heart of the film's success are Lowe (Tina) and Oram (Chris), who do a sublime job bringing the two main characters to life. They are so convincing in portraying these small-town subjects of pure misery that I'm sure it will be hard to see them in a different role for some time to come. Even though the actions of Chris and Tina become quite grotesque in the second half of the film, Lowe and Oram bring a certain level of believability to the table that is essential to the entire setup of the film. The secondary cast is pretty great too, though they are simply outclassed by Lowe and Oram.

screen capture of Sightseers

While Sightseers has many different entries that may speak to a large collective, I'm not sure that the combination of drama, humor and comedy will leave many of them content after the film is done. Horror and comedy fans may be turned off by the film's drab setting, drama fans may not be too pleased by some of the more gruesome bits and the dry, unapologetic humor. In the end I think this film will appeal to a small but avid fan base who have the power to turn Sightseers into a nice little cult favorite.

Wheatley is a blessing for UK cinema. Even though his films may not reach a big audience (yet), he is paving the way from cross-genre blenders that will eventually find their way into the mainstream, giving British cinema some extra cachet. Fans of the unusual will have a great time with Sightseers though. The film is madly funny, Lowe and Oram are both excellent and there are some truly memorable bits packed in here. If you think you can handle the combination of drama, comedy and horror make sure to check it out.

]]>
Thu, 04 Apr 2013 12:36:14 +0200
<![CDATA[home: itoshi no zashiki warashi/seiji izumi]]>http://www.onderhond.com/blog//home-house-imp-review-seiji-izumi

Even though Japanese films enjoy a dedicated cult following outside the Japanese borders, some directors will remain forever unknown to the outside world. Seiji Izumi is most probably one of them and even though the odd individual may come into contact with one of his many films, chances are slim he'll ever garner serious international attention. For what it's worth though, Home: Itoshi No Zashiki Warashi (Home: The House Imp) is worth a little gamble.

screen capture of Home: The House Imp

There's really no way around it, Izumi's film feels an awful lot like a serious attempt to adapt the much lauded fantasy realm of Ghibli/Miyazaki to the world of live action cinema. The similarities between this film and Tonari no Totoro are at times almost uncanny. From the very first shots of a family arriving to a house in the Japanese countryside, to the exploration of the old house and overall feel-good atmosphere, the Ghibli influence is present from start to finish. Add a dash of Omohide Poro Poro and you know what to expect.

Instead of the majestic Totoro creature (Izumi didn't go that far) we're dealing with house imps this time around. We join the Takahashi family as they are moving away from Tokyo to the countryside. The reason for their move is Koichi's transfer to another department after failing his job in HQ. When the five of them arrive at their new home none of them is too happy with the situation, even though the location looks quite idyllic.

The entire family has plenty of trouble adapting to life in the countryside, especially when some pretty strange things start happening to them. They see stern faces peering in from outside the windows, eerie noises are heard during the night and small pranks start taking their toll on the family. Just when the Takahashi family is ready to pack up and leave they uncover the truth behind these strange occurrences and they decide to take a small leap of faith.

screen capture of Home: The House Imp

Home: Itoshi No Zashiki Warashi looks surprisingly lush throughout. The way the Japanese countryside is captured is absolutely stunning, the film is dominated by fresh greens and sunny blues and the camera work is soft and delicate. Everything put together, it creates a pretty magical atmosphere that stands in sharp contrast with the cold greys and blues from the (few) city scenes.

The soundtrack is pretty inconspicuous. It's not bad by all means but it's pretty much what you'd expect from a film like this. Light in tone, always humming in the background and never really making its presence felt. It does add a little to the overall feel-good atmosphere of the film, but it's difficult to see it as anything else but necessary filler.

Apart from a short Renji Ishibashi cameo there probably aren't too many faces you will recognize. The actors aren't too bad, though it's clear that quite a few of them have a background in TV-series work. Still, the characters aren't very complicated and each of the five family members has their own little moment to shine. The secondary cast is decent, but it's clear from the start that these actors aren't going to win any big prizes.

screen capture of Home: The House Imp

The difference between this film and your average Ghibli feel-gooder lies with the amount of drama applied. Where a film like Totoro hardly needs a dramatic arc and relies on feel-good alone, Izumi does add a portion of unnecessary tension to his film. It doesn't kill the film's atmosphere and the light-hearted tone never comes close to being compromised, but it does feel pretty flimsy at times. If Izumi hadn't done such a good job building a beautiful setting it could've been fatal, but because of this little bubble of magic he created I just couldn't care.

Home: Itoshi No Zashiki Warashi is a great film if you don't mind a serious dash of extravagant feel-good. The dramatic impulses feel a little cheap and the film clearly lacks the subtleties of Miyazaki's and Takahata's work, but while pretty fluffy it's a sublime piece of escapism that charms its way throughout its running time. Chances are pretty slim this film is ever going to make its way out of Japan, but if you happen upon it you should definitely give it a try.

]]>
Tue, 02 Apr 2013 12:10:37 +0200
<![CDATA[relative css positioning/parent vs self]]>http://www.onderhond.com/blog//relative-css-positioning-context-self

Even though css has been getting a lot of love the past few years (with plenty of animation options, overall visual effects and more granular targeting controls added to the spec), positioning elements remains a big weak spot of css. While page layouting is slowly getting there (the grid and flexbox modules are advancing steadily), we're still missing out on some necessary tools when it comes to relative positioning of elements with css.

relative positioning

When talking about "relative positioning" I mean positioning an element relative to one of its parents (not just limited to position:relative). Most positioning work is done between components residing on the same dom level and even though there is still plenty of room for improvement there too (cfr grid and flexbox modules), people often tend to forget about relative positioning (mostly because at first glance it seems like everything is already there).

Relative positioning as it exists now is mostly focused on the parent container. Any type of positioning you're trying to do, you'll be working with the width of your parent container. But sometimes you want to position something based on the dimensions of the element you're positioning (not to worry, I'll come up with two good examples in a bit). That's when it suddenly become tricky. First things first though.

parent-based relative positioning

/* html */ <div class="parent"> <div class="self"> ... </div> </div> /* css */ .parent {widht:800px;} .self {padding:0 25%;} /* padding */ .self {margin:0 25%;} /* margin */ .self {position:relative; left:25%;} /* relative */ .self {position:absolute; left:25%; right:25%; top:0 bottom:0;} /* absolute */

In the 4 css examples above you'll find 4 different methods for relative positioning. In all 4 examples I've used offsets of 25% which will all result in an effective offset of 200px (since the values are computed based on the width of the .parent element). The reality of the matter is a bit more complex than I put it here (for example, a percentual top-padding is also based on the width of its parent and not on the height as you might expect - which does lead up to one of two ways to pull off proportional fluid behavior) but that's a little out of scope for this article.

This is all nice and well, but what if we want to define an offset on an element's own dimensions?

self-based relative positioning

Self-based relative positioning becomes essential when you want to center an element. There are two common situations where I've needed this so far:

  • center-cropping images
  • centering modals/overlays
.self {position:relative; left:50%; margin-left:-(50% of width .self); top:50%; margin-top:-(50% of height .self);}

A common technique to do this kind of centering is to first align the left side of .self to the middle of its .parent (ie position:relative; left:50%), then pull .self back to the left by assigning a negative margin half the width of .self. That effectively centers an element horizontally. This is fine if you know the dimensions of .self beforehand, but when dealing with variable dimensions (like the dimensions of an image or the height of an overlay) you're pretty much stuck.

.self {transform:translateX(-50%); transform:translateY(-50%);}

It turns out there is actually one property that does exactly this, the downside is that support for css transforms isn't what you call universal and it still relies on a heavy set of prefixes to work cross-browser. A minor downside that can easily be captured in some fallback javascript, but even then using this somehow feels like a hack (or substitute) for a property that doesn't exist just yet.

conclusion

It would be nice to get a few extra options to position elements based on its own dimensions rather than the dimensions of its parent. For now we can make do with the solution above, but it does feel kinda icky and javascript support is required for graceful degradation (whether it degrades gracefully without javascript is up for discussion).

It could be that I missed a css property somewhere that exhibits the same behavior, if so please let me know in the comment section as I'm dying to find a better solution for this.

]]>
Wed, 27 Mar 2013 14:01:40 +0100
<![CDATA[tian bian yi duo yun/ming-liang tsai]]>http://www.onderhond.com/blog//wayward-cloud-review-tsai-ming-liang

In many ways Tian Bian Yi Duo Yun (The Wayward Cloud) is a culmination of all of Ming-liang Tsai's previous films. Tsai (I Don't Want To Sleep Alone) has always worked hard to imbalance his films between absurd comedy and stilted arthouse, but nowhere was this imbalance as precious or extreme as here. Tian Bian Yi Duo Yun is an uneasy mix of drama, musical elements and porn, keeping you right at the edge of your seat.

screen capture of Tian Bian Yi Duo Yun

Ming-liang Tsai dominated the Taiwanese film scene during the 90s and early 00s together with arthouse partner in crime Hsiao-Hsien Hou (Qianxi Manbo, Zui Hao De Shi Guang). While the pacing of Tsai's films is not unlike the pacing of Hou's films, Tsai's work is pretty different in the sense that he has always played around with a weird, somewhat absurd sense of humor. It's not always that easy to quantify, but certain actions and scenes often invoke a chuckle, even if you're not 100% sure it was actually intended.

With Tian Bian Yi Duo Yun Tsai makes the comedy a bit easier to spot (something he already set in motion when working on Bu San), not even counting the rather insane musical intermezzos that are clearly there for comic relief. People expecting a full-blown comedy should be aware that this is still very much a Tsai film though, meaning that there are many "dead shots" with absolutely nothing of substance happening in them. On top of that, Tsai adds some rather explicit comments on the porn industry, which might be a bit unsettling for those who didn't read up on the film.

The story is a direct sequel to Tsai's Ni Neibian Jidian, though the stories of both films have little in common besides the two main characters and their respective backgrounds. When Shiang-Chyi returns from France she runs into Hsiao-Kang, who is now working as an actor in the porn industry. While a drought is captivating Taipei and driving people to conserve their water supplies, the two hit it off. The only catch is that Hsiao-Kang hasn't informed Shiant-Chyi about his new line of work.

screen capture of Tian Bian Yi Duo Yun

Through the years Tsai's visual style has remained pretty consistent. Tian Bian Yi Duo Yun is no exception, as the film is filled to the brim with long, static and uneventful scenes. The first shot is already spot on. We see a walkway that remains absolutely motionless for the first full minute, only then does the first character appear. In the end there's always a sensible explanation for the length of the scenes though and the position of the camera always turns out to be just perfect for what Tsai wants to show us. The musical interludes contrast sharply with Tsai's more traditional style, overflowing with colors and quirky camera positions. The musical numbers are evenly spread throughout the film and serve as some welcome visual variation.

Apart from the musical bits there isn't much music to speak off. Tsai relies heavily on ambient noises to fill the soundtrack, giving the scenes a more overall realistic feel. The musical numbers consist of a selection of classic Taiwanese pop songs, aptly dubbed by the cast. It's a pretty fun selection of songs, surprisingly up-tempo and pretty light-hearted while loosely reflecting on the plot.

Kang-sheng Lee and Tsai form an inseparable duo since the very beginning so it's definitely no surprise to see Lee taking up the main role once again. The bond between Lee and Tsai is essential considering the things Tsai demands from his main actor. Even though Lee has endured quite a lot from Tsai through the years, I'm pretty certain this was Lee's most demanding role so far. Shiang-chyi Chen makes a strong impression alongside Lee while the rest of the cast mostly operates in the background.

screen capture of Tian Bian Yi Duo Yun

Tian Bian Yi Duo Yun is a pretty difficult film to recommend. Even if you're familiar with Tsai's style the direct and in-your-face comments on pornographic material are enough to put off the straight-faced arthouse crowd. The musical numbers and humorous situation on the other hand won't be enough to attract a more mainstream crowd as the film still relies heavily on static scene with very little happening.

Still, I think this is by far Tsai's best film to date. The unlikely combination of all these elements makes for a surprising and highly entertaining film, while leaving enough room for stilted moments of relaxation. The acting is top notch, Tsai's camera is spot on and Tsai's sense of humor is both unique and funny. That and the fact that this film has one of the most stupifyingly epic endings make this my favorite Tsai. If you're looking for something different yet challenging, this film is definitely worth a try.

]]>
Mon, 25 Mar 2013 13:20:46 +0100
<![CDATA[terumae romae/hideki takeuchi]]>http://www.onderhond.com/blog//thermae-romae-review-hideki-takeuchi

What do the old Romans and the modern-day Japanese people have in common? What is it that binds these two cultures together so much that it can spawn an entire film? This question may stump you at first, but Terumae Romae goes all-out to answer exactly that. Hideki Takeuchi delivers a comedy that embraces its outrageous premise and molds it into a pretty coherent story about time travel and public baths.

screen capture of Thermae Romae

The answer to the question is pretty simple really: both cultures love their baths. The Romans are still known for their thermae while the Japanese are one of the few cultures left today where (mostly elderly) people still go to public baths, while the rest of the country is driving off into the country to enjoy a good onsen (Japanese for a natural hot spring spas). It's a perfect excuse to bring both cultures together, the problem is that they live about 2000 years apart from each other.

While Takeuchi takes director's credits, the film owes a lot to the source material drawn and written by Mari Yamazaki. A lauded manga that quickly spawned an anime series and this live-action equivalent. The film remains pretty faithful to its source throughout, with many of the jokes and plot points taken directly from the manga. Takeuchi's own input may be a bit meager for those who read the manga already, but all in all he does a good job translating Yamazaki's vision to the screen.

Terumae Romae follows Lucius, a passionate thermae architect born in the wrong era. Lucius' designs are old-fashioned and while he favors peace and quiet the other Romans want more animation and services added to their thermae experience. Lucius' world is turned upside down when he is warped to modern-day Japan where he learns about Japan's bath culture. Lucius is pretty unaware of what exactly is happening to him, but he recognizes the potential of what he sees and whenever he travels back to his time he revolutionizes the Roman thermae, turning him into an overnight sensation.

screen capture of Thermae Romae

Visually Terumae Romae is a pretty accomplished film. Takeuchi clearly had a decent budget to work with as he did he pretty fine job brining old Rome to life. Not in a very epic way mind, but the scenes in Rome still carry a level of realness I didn't immediately expect from a film like this. There's a clear difference in the visual approach between the two time periods (the scenes in Rome are a lot warmer dominated by reds and oranges while the scenes in modern-day Japan look cooler, characterized by blues). The camera work is decent and while the CG can be a little flaky at times, it's hardly in the way.

The soundtrack is pretty pompous, but used to great comic effect. Takeuchi chose a pretty classical selection of tracks, drawing a lot from (famous) opera music. Bits from the ever popular "Madame Butterfly" opera (Magnetic Rose - Memories) are featured throughout and some pretty funny opera inserts are used whenever Lucius travels through time. A pretty good (and fun) soundtrack, though not too original.

Crucial to the film's success is Hiroshi Abe who plays the perfect Lucius. He is one of the few Japanese men who can pass for a Westerner and his stern face fits that of a Roman thermae architect perfectly (not that I'm an authority on the subject). I'm usually pretty indifferent when watching Abe, but he really shines here, aptly translating the wonders of Lucius' experience through just a few facial expressions. Aya Ueto isn't half bad either and fans of Takashi Miike will definitely appreciate the Riki Takeuchi cameo.

screen capture of Thermae Romae

The first half of the film is pretty episodic, somewhat betraying the film's source material. It isn't until the second half of the film that a story starts developing and while still pretty fun, I definitely preferred the funnier, less coherent first half of Terumae Romae. While the drama in the second part isn't bad and there are still enough funny bits to pass the time, some of the plot points feel a little too obligatory and the film definitely could've done without them.

Terumae Romae is a film that survives on the comic whims of Hiroshi Abe and the excellent premise cooked up by Yamazaki. It's an entertaining film that doesn't outstay its welcome, spreads its funny bits rather tactically and tacks on a decent second half. It's a bit hard to tell how much of the film's success can be attributed to Takeuchi's work, but looking beyond the input of the director this film is guaranteed fun.

]]>
Thu, 21 Mar 2013 11:35:37 +0100
<![CDATA[sennen joyu/satoshi kon]]>http://www.onderhond.com/blog//millennium-actress-review-satoshi-kon

Satoshi Kon made a very bold choice when being faced with the daunting task of following up his own Perfect Blue. Rather than to try and copy his previous success, he ventured into an entirely different direction and made an ode to Japanese cinema. The result is Sennen Joyu (Millennium Actress), a unique and nifty drama/comedy that guides the viewer through the highlights of Japan's rich cinematic history while fleshing out a solid drama at the same time.

screen capture of Millennium Actress

Even though Kon tackles a completely different genre with Sennen Joyu, stylistically there is still plenty that links his second film to Perfect Blue. First of all there's Kon's somewhat static yet more realistic visual style, then there's his soft spot for scenes where the camera follows a person running and of course the constant blending of different realities. If you know what you're looking for, you will definitely recognize Kon's hand in just about every scene.

Kon didn't have to look too far for inspiration. Sennen Joyu is loosely based on the life of Setsuko Hara, one of Japan's leading ladies of cinema (and an Ozu favorite, most people will know her from Ozu's Tokyo Monogatari) before she became a recluse and disappeared from the public view altogether. The film is not a true biography, instead Kon uses Hara's life as a guideline to make his own homage to the popular genres of the past.

Rather than make a direct adaptation of Hara's life (she is named Chiyoko Fujiwara in the film though), Kon sends two reporters after her in order to make a documentary. They find Fujiwara living in a secluded area, somewhat reluctantly she agrees to an interview after one of the reporters returns a treasured memento from Fujiwara's past. From there on we shift between reality and film with the two reporters actively joining in while Fujiwara reminisces about times long gone.

screen capture of Millennium Actress

Visually Kon has had a pretty consistent career. It's clear that he made progress with Sennen Joyu, the character animations are a little smoother, the camera work a little slicker, but all in all he kept faithful to his modest, rather realistic yet intricately style of animation. Where he truly excels is editing and timing though. Kon is a master in stitching together unrelated shots and scenes to reveal hidden dynamics and analogies, adding a whole new level of visual excitement. The editing is so sharp that at every point in a scene you could be transported to the next without ever expecting it. It's a true delight.

While Kon is clearly the leading man behind Sennen Joyu, he owes a fair share of the film's success to composer Susumu Hirasawa. Hirasawa was allowed to produce a score in his traditional but completely unique style and with that he helps to define the atmosphere of the film. Every time a song starts it demands just as much attention as the visuals and the story, making this one of the most extrovert and defining soundtracks I've ever come across. Absolutely gorgeous stuff and a great example for other films (and directors) out there. The voice acting too is impeccable, as always you should make sure to get the original dub to get the most out of it.

screen capture of Millennium Actress

Sennen Joyu was made with a solid sense of humor. The two reporters sneakily enter the memories of Fujiwara, trying to help her along as secondary characters (either in her own life or in the movies in which she features). The blend of Fujiwara's personal life with the movies she makes is seamless (very much in the same way Perfect Blue seamlessly blends its distinct realities) and makes for a very dynamic and original way to tell Fujiwara's life story. It's just a shame that Sennen Joyu was Kon's last film to feature this dynamic in such a perfected way.

Kon's second feature film is a memorable ride through Fujiwara's personal life and Japan's canon of classic cinema. It's not too heavy-handed (even though there is plenty of drama to go around), it's quite action-packed and there is enough humor to keep a lighter tone. The animation is detailed, the direction solid and the the film avoids any kind of filler, keeping the running time below the 90-minute limit. Add to that a sumptuous score and Kon's perfect sense of timing and you have a beautiful film that will last you a lifetime.

]]>
Thu, 14 Mar 2013 11:47:17 +0100
<![CDATA[the a element is broken/html's black sheep]]>http://www.onderhond.com/blog//html-links-are-broken

Though technically links aren't a requirement to make the internet function (you can get by on just urls), they are the primary reason why the web took off so gloriously. Linking is an essential part of every web page out there, without links we would be copying urls the entire time (or we wouldn't because who likes to work like that). But the implementation of links (the html a-element) has been broken since the very beginning of the web and with the addition of block-level links things only got worse.

the fundamental issue

The first argument is a pretty old one (I think I first read it more than 10 years ago). The link element does not fit into the axiomatic content-design-functionality tripod philosophy of the web. A link is not semantic, it tells you nothing about the content within, nor is it structural. Instead it provides functionality (it transports you from one page to another) and it tells you the absolute address of the content it wraps. Now I understand that not having it built into the html would've posed enormous problems (you don't want page linking behavior to be part of the javascript), but a couple of years ago a serious opportunity presented itself to improve the html link implementation.

A part of the now long-dead xhtml2 syntax proposed a different implementation for links. Instead of using a separate tag (which is little more than an excuse for setting an href attribute), the xhtml2 syntax stated that you could just set the href attribute on whatever element that needed to be linked. A splendid idea that was discarded because of backwards compatibility issues (and probably rightfully so), but at least theoretically this implementation made infinitely more sense than the current one.

the nesting issue

Another recurrent problem is that links cannot be nested. When browser detect nested links they go completely haywire, spewing out all different kinds of crap code (I can't guarantee these older results are still correct but I sampled the different variations in my how to make your browser vomit article a few years ago).

Conceptually I still believe there is little wrong with nesting links (deeper-nested elements appear on top of higher-up elements anyway, so there's no real problem there), but apparently it does pose a couple of technical difficulties that prove hard to work around. It's a real drag if you want to block-link an entire html node (like an post preview) but still want an immediate link to the comments of the post. No good workaround exists, unless pulling the direct link out of the post view.

the block-level issue

The thing that annoys me the most is more of a practical nature though. Even though linked states of components have visual variations, the fact that the a-element changes the dom structure of linked elements compared to unlinked elements means that you can't make proper use of the descendant combinator (>) for styling. There are 3 main ways to tackle this, but none of them is very solid.

To illustrate the problem, imagine I want to block-link the post previews on my homepage. The unlinked html code would look like this:

<article class="post"> <header> ... </header> <div class="main"> ... </div> <footer> ... </footer> </article>

A pretty straight-forward html structure (one I use for marking up content types all the time).

tag-replacement

<a class="post" href="..."> <header> ... </header> <div class="main"> ... </div> <footer> ... </footer> </a>

One of the easiest ways to block-link a component is to simply replace the base tag with the a-tag (somewhat mimicking the xhtml2 ideology). It keeps the dom structure intact which at least in theory makes styling the component a lot easier and more robust to changes later on.

The problem is that you lose the semantic value of the base tag (article in this example) and once you're depending on html tags in your css selectors (you may have body.post, article.post and a.post) the switch between article and a tag becomes a real chore to manage in css.

outer wrapping

<a href="..."> <article class="post"> <header> ... </header> <div class="main"> ... </div> <footer> ... </footer> </article> </a>

Outer-wrapping the element helps to preserve child-selector constructions (like .post > header) by wrapping the a-tag around the component, but it introduces its own set of limitations. Context-dependent styling becomes a lot trickier (you can't just target .context > .post but also have to take into account .context > a) and when querying the dom for information you miss its link content when looking for posts (if you query for article.post it won't include the a + href, a pretty big problem for syndication by scraping).

While this setup makes the most sense from a traditional point of view (this is how we have always linked things, wrap the a-tag around the object we want to link), it's far from ideal when dealing with the css practicalities.

inner wrapping

<article class="post"> <a href="..."> <header> ... </header> <div class="main"> ... </div> <footer> ... </footer> </a> </article>

The final option is to inner-wrap a component, placing the link directly underneath the root-tag. Like I mentioned before, this completely breaks child-selector structures in your css, which is a pretty big setback just for wanting to link a specific component. Even though less (or sass) can help you along, it's far from ideal and results in an overload of unnecessary css rules.

On the other hand, the link itself is enclosed by the article tag, which feels right from an html structural point of view (since the link contains the url for the detail view of the linked component). For that reason alone I've been using this option ever since block-linking was allowed.

conclusion

I'm not happy with html links. From a conceptual point of view their implementation makes no sense at all. Even though I get the backwards compatibility issues, I feel that the current setup is not really sustainable, so some sort of path forward would be nice.

On top of that, it's pretty sad to see that one of the most essential elements of our language is so badly crippled and makes such a mess of our code. In general I'm glad html5 made the cut, but in some rare cases I wished that more ideas of the xhtml2 syntax had survived.

]]>
Wed, 06 Mar 2013 11:56:42 +0100
<![CDATA[heruta sukeruta/mika ninagawa]]>http://www.onderhond.com/blog//helter-skelter-review-mika-ninagawa

It took five long years before Mika Ninagawa would finally finish the follow-up to Sakuran, her somewhat flawed but still wildly interesting freshman effort. It was a pretty long wait for fans of Sakuran, but Heruta Sukeruta (Helter Skelter) was definitely worth it. The result is a fresh, sharp and detailed look into the Japanese pop industry, peeling away the layers of make-up and control in order to reveal a dark cesspool of despair and insecurities.

screen capture of Helter Skelter

Heruta Sukeruta is a pretty straight-forward manga adaptation (the original manga was written by Kyoko Okazaki), though I must say that the manga never really managed to engage (I never got very far in it either). Story and plot points seem to match those of the manga, but the execution is what makes all the difference here. Mika Ninagawa is a pop photographer turned director and finds herself in the perfect position to tackle the themes that are pushed forward in Heruta Sukeruta.

The film plays like a twisted mix of Satoshi Kon's Perfect Blue and Snow White. The first part of Heruta Sukeruta sees a couple of parallels between Ririco's and Mima's trials. A young girl trying to break into different fields of the media in order to sustain her career, a manager (Kaori Momoi) that not only sculpts her pupils but even resembles a live-action version of Rumi and a descent into despair that equals (and even surpasses) that of Mima. The second half of the film reminded me more of the tale of Snow White, only explored through the eyes of the evil stepmother instead of Snow White herself. When newer, younger and fresher fan material starts to steal away the attention from Ririco, it proves to be the final drop in the bucket for Ririco's already fickle state of mind.

Ririco is your archetypical J-Pop idol/model. A product of society, but also a direct product of her manager's dreams and visions. Ririco's dark secret is that she is little more than a marvel of technology. Once an ugly country bumpkin, transformed through plastic surgery to become Japan's biggest pop/fashion phenomenon. Nothing about her is real, still she lives the life of a princess. But Ririco's talent is limited and the attention span of the pop world is short. On top of that Ririco's skin transplants are starting to wither, slowly turning her into a freak of nature.

screen capture of Helter Skelter

Ninagawa is a trained pop photographer and she uses her past skills to superb effect in Heruta Sukeruta. The film looks absolutely, mindbogglingly beautiful from start to finish. Vibrant colors are jumping out of every frame, camera work and compositions are extremely precise and the indoor settings are all overly detailed and manically structured. This is by far one of the most lushly orchestrated visual experiences I have ever encountered, bar none. The entire film bathes in a lavish J-Pop style, never quite settling on a balance between artistically outlandish and numbingly plastic. It may not be for everyone, but I loved it every second of the way.

The concept behind the use of a fair selection of well-known classical themes is not unlike the musical score of Battle Royale. Famous classical pieces are used in a rather pompous and slightly ironic way. Ninagawa's execution isn't completely tongue-in-cheek though as the music does fit (and co-dictates) the atmosphere of the film. The remainder of songs is nice but not all that special. All in all the film has a pretty nice and memorable score, though not because of the original music.

Erika Sawajiri takes up the role of Ririco which proves to be an excellent choice. She carries the eerie-looking, plastic-fake J-Pop style with conviction and doesn't hold back in what could be considered a pretty edgy part. While she plays a downright annoying brat, she does manage to evoke sympathy for her character, even though most of the time the empathy is hardly warranted. Beside her Shinobu Terajima shines as Ririco's assistant, other smaller parts are reserved for a slew of famous Japanese faces (Anne Suzuki, Susumu Terajima, Nao Omori and even Sho Aikawa, to name a few).

screen capture of Helter Skelter

The principal themes of Heruta Sukeruta may not be all that original (it's definitely not the first film to tackle the shallowness of the pop/fashion industry and films about characters slowly unwinding are far from uncommon), Ninagawa goes about the subject in a very direct and pleasantly unabashed way. She is of course in a perfect position to tackle the material and even though I feel that thematically the film owes a lot to the manga, Ninagawa brings a certain credibility to the table that a film like this deserves.

That said though, Heruta Sukeruta is above all an audiovisual experience. The film looks feverishly beautiful and is madly detailed in every possible way. Every new scene and each new shot is a true marvel. While 127 minutes is quite a stretch for the material at hand, I never felt bored and the combination of lush visuals, strong acting and a fun score prevented the film from ever becoming stale. The entire film is an oddly compelling and insanely stylized dream that left me completely dazed and fully perplexed. It's a big step up from Sakuran and even though I feel there is still room for small improvements left and right, this is the exactly the type of film that I crave. Here's to hoping Ninagawa doesn't take another 5 years to complete her next film.

]]>
Tue, 05 Mar 2013 11:18:01 +0100
<![CDATA[code layouting/there is no standard]]>http://www.onderhond.com/blog//css-html-layouting-standards

Last week I hit a Smashing Magazine article on code (css and html) layouting that turned out to be the final drop. Maybe because the proposed rules defy everything I consider to be nicely layouted css, maybe because I've just read one too many articles like this. Over and over again we try to define a structure that is supposed to be "readable" and "optimal", but somehow we fail to see the real problem (and with it, the only sensible solution).

readability is personal

Just accept it, "readability" is not a definitive concept. What is readable to me may look like a complete and utter mess to the next guy. I prefer single-line css because I need context about where I am exactly in my css file. Finding properties within a specific selector rule isn't much of an issue. Others prefer multi-line css because it helps them to quickly find properties within a single selector while they don't care so much about where they are in a specific file. Both are viable methods and depending on what you are used to or what you prefer you may opt for either of the two options.

Start up a discussion between people with different opinions about code layouting and you're all set to witness one of the most nonconstructive conversations ever recorded. Both sides have sensible motivations and they all have good points to bring to the table. And even if there is some intersubjectivity at play here, there is really no good reason to force your own standards upon people who aren't equipped to digest them like you are. 5 years ago we were already having this discussion, I bet you could even go back 10 years and still come up with some articles on code layouting. The thing is: no matter how much we talk about it, we're not fixing anything as personal preference will always trump a standardized code layout.

coding standards

The example I linked above is just one of many coding standards out there. Every big front-end guy has released his own standards in some form or another at one point in time. It all amounted to very little, it was just one more standard added to the pile. Looking at these standards up close though, you'll quickly notice that many of them are actually very meticulously defined, stating a set of strict rules that need to be matched. Obviously people are putting a lot of time in voicing their preferences and putting them on paper.

Well guess what, computers are very good at matching rules. If you can spend a couple of hours defining and writing down your own coding standards, it shouldn't be too hard to configure your code editor of choice to apply them automatically to whatever file you're editing. Not only will you save a lot of time not having to nitpick your own code all the time, you can just as easily share files with other people (who have their own set of preferences defined). Talk about a true readability win here. The only problem? Most code editors aren't really equipped for automatic layouting.

layouting css

It's pretty weird that so many code editors have moderate to just plain bad support for custom layouting our html, css and js files. Css files in particular are super easy to layout as there are only a handful of conceptual elements that exist within in the css language (selectors, curly brackets and property/value pairs are the most layout-influential ones):

.class > .class2.v1 {property:value; property:value;}

That line tells you about everything you need to know about my css coding style. Spacing between elements, closing ;-s, space-wrapped combinators, single-line ... it's all there. Add some options for sorting the css properties the way you want them to appear (alphabetically or grouped by thematic differentiators like positioning or typography) and you're pretty much there.

And as long as you don't screw around with the selector order in a css file you can even define whitespace used between selectors, comments and groups of selectors. How hard can it be right? why are we trying to push our own preferences again?

conclusion

Code layouting is the responsibility of software, not coders. Sadly many code editors out there haven't realized this yet, so it up to us to request the feature until we get what we deserve. If our code editors give us the means to neatly layout our code, there are no more readability problems, no more issues between team members with different preferences, no more "what the fuck is this shit, this css file is 14000 lines long" because someone prefers multi-line css. And most importantly, no more self-centered articles pushing some random coding style.

]]>
Wed, 27 Feb 2013 13:13:47 +0100
<![CDATA[omohide poro poro/isao takahata]]>http://www.onderhond.com/blog//omohide-poro-poro-review-takahata

Even though Hayao Miyazaki (Tonari no Totoro, Ponyo) is without a doubt the most popular director of the two Ghibli founders, I'd pick Isao Takahata (Hotaru no Haka, Hohokekyo Tonari No Yamada-kun) over Miyazaki every time. Omohide Poro Poro (Only Yesterday) further fuels this belief as it is probably the best worst film ever made. It's a film I should be hating with a vengeance, but ended up loving nonetheless.

screen capture of Only Yesterday

At least on paper Omohide Poro Poro looked like a film that had nothing to offer me. Not even so much because Takahata keeps a very female perspective throughout the film (I'm a pretty big Ryuichi Hiroki fan after all), but because the film thrives on melancholy and glorifies the country life. Two of my least favorite sentiments bundled into one single 118-minute film. Then again, the ultimate trait of a good director is to successfully convey sentiments through film that one would normally never experience, and if anything that's where Takahata ultimately succeeds with Omohide Poro Poro.

Takahata's film is quite special because it's one of the first Japanese animation films ever to take on the adult drama genre. Omohide Poro Poro is targeted at adults who appreciate a thoughtful (though still lighthearted) drama, something that was almost unheard of before Takahata released this film. In that way, it helped to pave the way for more adult-oriented animation films (of the non-erotic kind of course) in Japan.

The film is based on a manga (of the same title) written by Hotaru Okamoto and Yuko Tone. Taeko is a 27-year old single who enjoys her free life in the city, but dreams of visiting the countryside once more. Ever since she was small she dreamed of going on a trip there (a dream fueled by the summer vacation tales of her classmates), so much that the countryside became an obsession to Taeko. As she travels to a small family farm to help out with the farm work, she starts to remember various scenes from her childhood. Takahata took the flashbacks directly from the manga, but came up with the story of the 27-year old Taeko himself to strengthen the plot.

screen capture of Only Yesterday

Visually the film is divided into two different parts. The flashback scenes enjoy a less detailed art style, definitely not as hardcore but you can already recognize the first seeds of Takahata's Yamada-kun here. The present day scenes are more detailed, sporting pretty realistic character builds and beautifully drawn settings. The sunsets in particular are of extreme beauty, the play of light is simply spectacular. The animation itself is spot on too, though that's a given when watching Ghibli films.

The soundtrack is an interesting mix of classic Japanese music, typical drama tunes and some weird Romanian folk songs that blend surprisingly well with the rest of the film. While not really my type of music it works splendidly. But Takahata saves the best for last. A superb Japanese adaptation of McBroom's The Rose is used during the final scene and sets the tone for a magnificent emotional climax. Definitely one of the best film endings ever. The voice acting too is of high quality. Takahata plays around with local dialects and stays away from typical overstated anime voice acting to lend the film an even more realistic feel.

screen capture of Only Yesterday

Watching Omohide Poro Poro feels like going on a (very) short vacation, in that sense it reminded me a lot of Ogigami's Megane, a film that emits a similar vibe of peace and quiet. There aren't any big dramatic swoops, nor any major events or twists. The setup in simple, the setting is simple, but the execution is absolutely perfect. It's a feeling that lasts as long as the movie does, the film isn't convincing in the sense that after watching it I'm actually longing to go back to the countryside, but while the film lasts that doesn't matter a bit.

Takahata is one of the absolute masters of animation. He is without a doubt the most mature animation director there, making films that transcend the genre while still making use of its biggest strengths. Omohide Poro Poro is pretty much a perfect film. The themes may not be to my liking and I may not even agree with the things brought forward, but while watching the film that doesn't matter a single bit. And that I think is cinema at its very best.

]]>
Mon, 25 Feb 2013 12:58:28 +0100
<![CDATA[boku to tsuma no 1778 no monogatari/mamoru hoshi]]>http://www.onderhond.com/blog//1778-stories-review-mamoru-hoshi

Do not be fooled by the rather generic poster art, Boku To Tsuma No 1778 No Monogatari (1778 Stories Of Me And My Wife) isn't your typical or average Japanese drama. While you might be forgiven thinking that this is just another introverted, soft and light-hearted Japanese film, Mamoru Hoshi hides a more magical world underneath its wings. The result is a sprawling little film that overflows with charm and steers clear from any sentimental pitfalls.

screen capture of 1778 Stories Of Me And My Wife

Even though the marketing of the film makes it look a little inconspicuous, Hoshi doesn't waste too much time once the film starts. The first scene dives right into the action, baring Hoshi's intentions and suddenly making the outlook of a 140-minute drama a lot less daunting. From the very first seconds Hoshi managed to capture my attention, never letting go for even the slightest of moments until the last frames had faded from the screen.

1778 Stories (based on a true story, hence the rather specific number) follows the life of Sakutaro, a dedicated writer of science-fiction novels. Sakutaro is a pretty geeky guy, having decorated his entire house with old robots and other classic scifi memorabilia. From the front porch to key hangers and paper weights, everything inside Sakutaro's house breathes scifi. Even though Sakutaro's novels aren't too popular, he lives a pretty happy life with his supportive wife (and biggest fan), Setsuko.

When one day Setsuko visits the hospital thinking she is pregnant, the lives of Setsuko and Sakutaro take a turn for the worse. Not long after her first visit Setsuko is diagnosed with an advanced form of colon cancer, shattering the dreams of the couple. Sakutaro feels totally helpless, until the doctor tells him that laughter helps to strengthen the immune system. Sakutaro does what he knows best and starts writing a daily short story for his wife to enjoy. Instead of writing scifi though, he takes a crack at writing comedy.

screen capture of 1778 Stories Of Me And My Wife

Hoshi's visual style can best be described as dreamy. Even though the short intermissions (acting almost as short films) are the visuals stand-out moments of the film, the regular scenes are equally beautiful. A meandering camera, elaborately detailed settings, soft, warm and vibrant colors and some smart focus tricks make for a very cozy and fuzzy visual look that is not quite unlike the work of Jean-Piere Jeunet (only a little lighter in atmosphere). The CG is mostly functional, though its imperfections do match (and strengthen) the charm of old scifi films.

The soundtrack, while pretty classical in setup, is one of the best I've heard in the genre. Sure enough you'll find plenty of piano tunes here, ranging from dramatic to upbeat pieces, but Hoshi's timing is simply impeccable. The score never becomes too sentimental or mushy, instead it strengthens the atmosphere of certain scenes, making the drama all that more effective.

Tsuyoshi Kusanagi isn't one of my favorite actors but he fits the role perfectly. His voice-overs are warm and considerate while he emits a geeky vibe that doesn't immediately turn him into too much of a sap. Yuko Takeuchi does a solid job playing Setsuko; providing just enough support and care for Kusanagi to thrive. Ren Osugi is probably the most recognizable face of the film though, I bet he's the actor with the most supporting roles in modern Japanese cinema to date, always a pleasure to behold too.

screen capture of 1778 Stories Of Me And My Wife

1778 Stories is quite dramatic at its core, but the film presents itself in such a warm, upbeat and uplifting manner that you'll hardly notice any of that when watching this film. Even the finale, while far from a happy ending, is handled with the right amount of emotion, never overstating the gravity of the events. Even though you could say this is quite typical for Japanese dramas in general, 1778 Stories has a particularly gallant way of dealing with its potentially sentimental twists.

Hoshi creates a wonderfully magical drama, serving just the right amount of drama, geekiness, magical realism and love for his characters. The film looks and sounds amazing, the characters are extremely lovably and while 140 minutes is quite a demanding length for an upbeat film like this, I can't remember checking the clock even once. Hoshi's films may be few and far between (3 films in 12 years time isn't that much), but he immediately joined my list of directors to keep track of. 1778 Stories is recommended material for everyone with an interest in Japanese cinema.

]]>
Wed, 20 Feb 2013 13:02:17 +0100
<![CDATA[custom-styled input toggle/safe input styling]]>http://www.onderhond.com/blog//input-toggle-custom-styled

I don't mind a good challenge once in a while, but there is one thing I will usually refuse on the spot: custom-styled input fields. Not just because most forms of input fields are notoriously hard to style cross-browser, but also because most "fake" solutions mess up accessibility and are far from future-proof. In most cases, the result isn't worth the effort and you're better off leaving the styling of input fields to the browser or OS. There is one notable exception though.

toggles

The biggest problem with form elements is that they are part of the same basic package. A simple text input field may not be all that difficult to style, but a dropdown (select) is (and will continue to be until shadow dom css support becomes common across all popular browsers). Combine a styled text input field with an unstyled dropdown on the same form and the result is even more atrocious than just leaving the design to the browser or OS. So unless we're talking extremely controlled conditions, I prefer to stay away from styling input elements altogether.

A notable exception is the "toggle" element (or switch). It isn't part of the standard package of input elements anyway and it can be cooked up in a very css-friendly and accessible way. Combining it with other elements isn't all that jarring and it does look much better than the possible alternatives.

toggle markup

<div class="toggle"> <div class="label">Toggle label</div> <div class="value"> <div class="control"> <input type="radio" id="id-1" name="name" checked="checked" /> <label for="id-1">on</label> </div> <div class="control"> <input type="radio" id="id-2" name="name"/> <label for="id-2">off</label> </div> </div> </div>

The cool thing about a toggle is that structurally/semantically speaking it's little more than list of associated radio buttons. A toggle gives you a range of options (though usually limited to 2) of which you can select only one. The biggest functional difference between a toggle and classic radio button list is that a toggle usually (if not always) comes with a preselected state, where a list of radio buttons can all be deselected when loading the form.

The html snippet above may appear a little verbose to some (my code always does), but all structural elements make sense and on top of that they will prove quite helpful when applying the css. Feel free to use leaner html if the situation permits it though.

css and accessibility

.toggle .control {float:left;} .toggle .control input {.hidden; [hide from view]}

Now, the cool thing about radio buttons (and checkboxes for that matter) is that they can be controlled exclusively with their associated labels. Clicking the label will either select or deselect the associated input, which is all the interaction we need really. So hiding the actual input field and using the label as input control is perfectly safe in this case; no fancy javascript trickery required.

.toggle .control input:checked + label {[active state]} .toggle .control input:focus + label {[focus state]}

More help arrives with the option to style elements based on the checked status of a radio input. Because our actual input element is in front of its associated label, we can use the selected state of the radio input to change the style of the label (to a visually active state). The same trick helps us to style the focused state of the input (aimed at keyboard users who can activate radio buttons by pressing the 'enter' key).

check the test page for custom-styled toggles

safe, but not for everyone

When I say "safe", I mean safe for most people today. When working with the :checked pseudo selector and the + (adjacent sibling) combinator you always have to be weary of support in older browsers (fe, :checked is not supported in IE8). Then again, there are viable (and easy) javascript fixes for this and the combined percentage of people using these outdated browsers without javascript support is so small that they could be deemed infinitesimal. Even then, if you really need IE8- support you could always restyle the toggle to function as a regular radio button list using your IE hacks of choice.

If you are a structural freak like me you might not be too happy putting the radio button before the label (from a structural point of view, it makes little sense as you cannot select something of which you don't know the label). Once again, a little javascript will help you to apply the focused/active classes to the root (.toggle) should you decide to place the input field behind the label.

conclusion

Styling input elements remains a very tricky job, but when it comes to toggles I feel that the method above is solid enough to use, even sporting some proper browser fallback mechanisms. Hopefully there will come a time when the shadow dom opens up all the doors to custom styled forms, but for now I think accessibility still trumps design as form elements are often an essential part of our website. So use with care and only when you're certain you are not alienating a chunk of our audience.

]]>
Tue, 19 Feb 2013 11:20:00 +0100
<![CDATA[ai to makoto/takashi miike]]>http://www.onderhond.com/blog//ai-to-makoto-review-takashi-miike

There is no stopping Takashi Miike (Izo, Gozu, 46 Okunen No Koi, Zebraman 2, Sun Scarred, Nintama Rantaro, Ace Attorney, Visitor Q). Ai To Makoto (For Love's Sake) will probably be sold as his latest film in the West, but in the meantime the man already completed Aku No Kyoten, he's close to completing Wara No Tate and he's busy filming Mogura No Uta. Even after releasing 80+ films, Miike is still going strong and if Ai To Makoto proves anything, it's that Miike hasn't dried up just yet.

screen capture of Ai To Makoto

Ai To Makoto isn't exactly new territory for Miike. It's not his first ever remake (think Graveyard Of Honor, Ichimei or Yokai Daisenso), it's not even his first musical remake combo (that credit goes to Katakuri-ke no Kofuku). Still, the film does differ quite a bit from previous Miike releases, so it's not just a a rehash of films he made before. In the end, Ai To Makoto plays more like a mix of Katakuri-ke and Miike's Crows series (Crows Zero, Crows Zero 2) . A musical about delinquent school gangs, based on the story of the original version of Ai To Makoto (1974), but with Miike's signature ever present.

Katakuri-ke was pretty camp and even though Ai To Makoto isn't entirely straight-faced either, Miike puts a lot more effort into the actual songs and dance routines here. Sure enough there are a couple funny choreographies and a few cute song tricks in here, but for the larger part the musical elements function quite well as an actual musical. The contrast with the over-the-top characters and settings remains though, making for quite the atypical musical experience.

The gist of the story is a simple copy of the original Ai To Makoto. A short introduction shows us how Makoto saves Ai when she's sliding down a mountain. Years later the two reunite and while Ai is prone to clear her debt with Makoto, he isn't the least bit interested in Ai's good intentions. Instead he pushes her away, ending up in a school for students deemed lost for society. Makoto fares quite well, but things get pretty interesting when Ai decides to follow Makoto and enlists herself in the same school.

screen capture of Ai To Makoto

Miike's latest films may have lost some of their crazy edge, but they sure make up for that with strong and telling visuals. Ai To Makoto looks absolutely stunning from start to finish. Bold colors, superb editing and great use of filters (the opening sequence is an instant classic), beautiful animation and amazing camera work make Ai To Makoto into visual bliss. I would even go as far as to say this is Miike's most beautiful film to date.

As for the music, the songs are actually pretty catchy. I don't count musical among my favorite genres and the Japanese language might not be the easiest to sing along to for us Westerners, but at times I was actually looking forward to the next song. Of course the funny dance routines helped, but for a musical the actual music was quite bearable indeed (unless you strongly detest all types of J-Pop, then it's probably better to avoid this film altogether).

The cast of Ai To Makoto seemed pretty well aware of the type of movie they were in. Not too many familiar faces in here, but overall they did a pretty good job bringing this film to life. I hadn't seen Takei act before, Tsumabuki I remembered from Lee's Villain. While I wouldn't go as far as to say the duo carried the entire movie, they did lend enough body to their respective characters to at least make the drama and the romance work out.

screen capture of Ai To Makoto

For once though I have to agree with the most generally cited critique people have on Miike's films. Ai To Makoto drags a little. While the first hour is fun and fresh, the second one seems to have a little trouble trying to keep the momentum going. It felt as if the drama took the upper hand, when the musical bits were actually the highlight of the film. It would've been better if Miike had cut the drama just a little, or if he had inserted a couple of extra musical routines. Even tough the second half of the film is far from bad, it's just not as exciting as the first hour.

That said, there is still plenty to enjoy here. It seems that with each new film Miike raises the bar on production level. Ai To Makoto looks absolutely stunning, from start to finish. The music bits are actually quite fun, there are enough wacky bits to make it a vintage Miike film and the acting is pretty solid. Miike fans should definitely check it out as Ai To Makoto is yet another great addition to the man's ever-expanding oeuvre.

]]>
Thu, 14 Feb 2013 13:00:05 +0100
tong que tai/linshan zhaohttp://www.onderhond.com/blog//the-assassins-review-linshan-zhao<section class="textblock"> <p> <span class="intro">The historical epic is probably one of China's most beloved movie genres. Each year a bunch of new genre entries are released onto the general public, trying to outsize and outsmart all the ones that came before. Usually these films are helmed by big-name directors (with a lot of money comes a lot of responsibility), but Zhao proves with Tong Que Tai (The Assassins) that straying from the beaten path can be quite beneficial too.</span> </p> <div class="img"> <img src="/style/site/the-assassins-1.jpg" alt="screen capture of The Assassins" /> </div> <p> Through the years the genre has evolved quite a bit. Ten years ago these film were infused with high-spirited martial arts and colorful action sequences (most of them lead by Yimou Zhang's influence), but over the years the epics became grittier and more focused on strategy and clan relationships instead of stylized dramatics and action sequences. Tong Que Tai follow this trend quite faithfully, another good (and recent) example is Daniel Lee's <a href="/blog/white-vengeance-review-daniel-lee">White Vengeance</a>. </p> <p> The effect of this shift in focus is quite drastic. Where these type of films used to be ultra-stylized popcorn affairs, the newer ones require more attention from the viewer as the story revolves more around characters and intrigue. Not everyone in the West seems to have caught on to this trend though, often resulting in meager appreciation of the few films that do make it over here. It's a real shame because a film like Tong Que Tai has a lot of things to be happy about. </p> <p> The story follows the life of Cao Cao, a feared warlord who crowns himself king of his people after defeating his primary adversary. While his actions are relentless, Cao Cao is driven by a motivation to unite the people under his command rather than personal power or status. Even the emperor starts to fear the presence of Cao Cao, which quickly becomes a real threat to Cao Cao's own health. The more powerful he becomes, the more frequent the assassination attempts on his life. </p> <div class="img"> <img src="/style/site/the-assassins-2.jpg" alt="screen capture of The Assassins" /> </div> <p> Visually Tong Que Tai is nothing less than stunning. While Zhao doesn't completely forsake the use of color, most of the scenes have a dark, griitty and grim veil hanging over them. Color comes in the form of accents, often a dress of drape that stands out in between the blues and grays that make up the rest of the screen. The camera work is solid too, the setting are detailed and lavish and the editing spot on (especially during the action scenes). All in all, Zhao definitely delivers. </p> <p> The soundtrack is pretty much what you'd expect from a film like this. The main pieces are a combination of traditional Eastern and Western influences, while a selection of more upbeat tracks appear underneath the few action sequences that the film holds. I can't say that the score really sticks, but it never feels out of place or badly integrated either. Historical epics aren't really known for their original scores and Tong Que Tai is clearly no exception. </p> <p> Part of the film's success can be attributed to the strong and confident role of Chow Yun-Fat as Cao Cao. I've never been much of a fan of Chow but I must admit that he's done some pretty great work the past couple of years (most notably his amazing role in Jiang's (<a href="/blog/let-the-bullets-fly-review-wen-jiang">Let The Bullets Fly</a>). He gives his character the fearful aura needed for the job, equal parts wit and brutality. The supporting cast is actually pretty strong too, but they still pale in comparison to Chow's performance. </p> <div class="img"> <img src="/style/site/the-assassins-3.jpg" alt="screen capture of The Assassins" /> </div> <p> While a typical historical epic in styling and grandeur, the film itself plays more like an Yakuza/Triad film. The focus lies primarily on Cao Cao's character and the moves he makes to get himself closer to the goal of uniting the people of his country. To accomplish this, he plays an intriguing game of chess with the emperor and related tribes, trying to predict and counter their moves without getting killed in the process. Add to that a strong and tragic romance and you'll understand that this film doesn't necessarily speak to the same people who fell in love with Yimou's early 2000 epics. </p> <p> Tong Que Tai is an accomplished addition to the genre. The film looks beautiful, Chow Yun-Fat is superb and the strategic implications of the story are intriguing. There are only a few action scenes and while adequately directed they are clearly just secondary to the the rest of the film. I really don't get why films like these are getting such harsh critiques, maybe a slight adjustment in expectations (trailer-cutting) would go a long way in advising people what kind of film they're signing up for. If you ask me, Zhao is definitely a talent for the future. </p> </section>Mon, 11 Feb 2013 13:50:24 +0100<![CDATA[zhixi/bingjian zhang]]>http://www.onderhond.com/blog//zhixi-review-bingjian-zhang

Back in 2005 Chinese genre film were a rare breed indeed. China did (co)produce some martial arts stuff from time to time, but that's about how far they were prepared to go with their genre cinema offerings. The situation slowly changed after 2000 and Zhixi (Suffocation) was one of the first films to reach a broader international audience. And even though Zhang's effort is struggling to survive the test of time, there's still plenty to like here.

screen capture of Zhixi

Even though Zhixi is available on DVD with English subtitles, some versions out there suffer from notable transfer problems. I own the Taiwanese version (it spells Soffocation on the cover) which features some obvious issues with sharpness, image stability and even VHS-like artifacts (quite remarkable for a film shot on DV I think). It's a shame for a film that relies heavily on its imagery to get the atmosphere across, though it's not so bad that it completely ruins the experience.

Even though Zhixi borrows royally from the horror genre, it's not an actual horror film. Instead Zhang's first (and only) could be cataloged as a mystery/horror cross-over that aims to confuse rather than scare or surprise. The horror scenes function as a shortcut to introduce extra tension, making for a tighter and more suffocating whole. Zhang balances these two stretches quite elegantly and it results in a film that professionally sidesteps any looming split personality pitfalls.

The film follows Xiao, a photographer who's cheating on his girlfriend Meizi. When Meizi finds out about it they end up in a fight and Meizi disappears, never to be seen again. Xiao contacts his friends to help him look for Meizi, but soon after people begin to suspect Xiao himself is involved in the disappearance of Meizi. When Xiao's neighbor becomes suspicious, Xiao confides in her and tells her the entire story. Still, not everything is what it appears to be and Xiao is slowly losing his mind.

screen capture of Zhixi

Visually Zhixi is a very interesting project. The film bathes in beautiful and consistent green/yellow hues, benefits from sharp and strong editing and interesting camera positions. The less than stellar DVD quality and sometimes poor DV quality detract from the overall look though. Back in the day it wasn't too bad, but the base quality changed a lot since then and watching it now, it does feel a little outdated already.

The soundtrack suffers the same problem. The electronic-based themes sound nice enough (the discotheque scene in particular stands out by featuring some actual stone-cold techno music - a rarity in feature length films) but somehow they haven't aged that well. The soundtrack is still an interesting mix of film music, classical pieces and electronic-based inserts, but it sounded a lot cooler when I first watched Zhixi.

Acting on the other hand remains strong. You Ge is instantly recognizable and puts in a great performance. He has a very characteristic face and uses it to his advantage, carrying the film with ease. The secondary cast is good too, even when they don't have all that much screen time to prove themselves. Hailu Qin makes a pretty good impression though, especially considering the limited time she is actually on screen.

screen capture of Zhixi

Zhang plays a lot with the chronology of the story, making for a somewhat confusing setup. The story gets a little clearer as the film progresses, but right when it all starts to make sense Xiao begins to lose his mind, casting another veil of mystery over the film. While the climax may not be the most original, it does work and even though it may not be the stellar ending you may have hoped for, it's far from a disappointment either. More important is the suffocating atmosphere that takes a firm grip on the audience, strengthened by the close-up photography, consistent color palette and strong performance of Ge.

Getting a good release of Zhixi may not be that easy (the film isn't brand new and I don't think too many DVDs were released back then) but it's definitely worth pursuing. I must admit that it made a bigger impact the first two times I watched it though. While still a very accomplished audiovisual experience, the film seems quite prone to aging, which could affect the longevity of Zhang's film. Then again, it will always stand as one of the first worthy Chinese genre films I watched, dragging me deeper into the country's filmography.

]]>
Mon, 04 Feb 2013 14:19:16 +0100
<![CDATA[hwal/kim ki-duk]]>http://www.onderhond.com/blog//hwal-review-kim-ki-duk

For me Hwal was the confirmation that Kim Ki-duk (Pieta, Bi-mong, Breath) didn't just land a lucky shot when he directed Bin-jip. Hwal has everything a good Ki-duk film is supposed to have, only it's a tad more refined than his previous efforts. This lead some people to call his work derivative (his manic release schedule didn't help much either), others just recognized Ki-duk's signature style and enjoyed another great film from his hand.

screen capture of Hwal

It's not that I don't like Ki-duk's work prior to Bin-jip, but somehow I never really expected the man to deliver a true masterpiece. Films like Suchwiin Bulmyeong, Samaria, Nabbeun Namja or Seom are all very good, but they somehow lacked that little extra bit of magic. Bin-jip was the first film where Ki-duk truly blew me away and with Hwal he perfected that feeling.

If you've seen some of Ki-duk's earlier films you should pretty much know what to expect from Hwal. The main characters are almost completely silent, save for a few muttered words left or right. They make weird and unconventional choices at times and Ki-duk makes little to no effort to explain their motivations. And of course the ending is the perfect blend of abstract and symbolism, setting the stage for a weirdly attractive finale.

Ki-duk seems to favor floating settings (Seom, Bom ... Bom), this time traveling to open waters to follow the lives of an odd couple living on a boat. The captain of the boat is an old man who lives there with a young girl he rescued when she was only 5 years old. He makes a living from visiting fisherman who get a chance to fish and hang out on his vessel. But many of the fisherman seem more interested in the company of the young lady, much to the dismay of the captain who is eagerly waiting for the girl to turn 17 so he can finally marry her.

screen capture of Hwal

Visually Hwal is a clear step up from previous Ki-duk films. It's may not be as slick or polished as some of his more recent ventures (Pieta, Soom), but there are plenty of beautiful shots and sequences to be admired here. The slightly slo-mo'd fortune telling scenes for one belong to Ki-duk's absolute best, while the setting itself provides plenty of opportunity for the cinematographer to go wild.

The magnificent soundtrack is a strong trump that brings the film's atmosphere full circle. Ki-duk's use of string-based music gives the film a sharp yet soothing edge, something that perfectly suits the visuals and the characters of Hwal. The only odd thing is that Ki-duk chose to let the old man "play" the songs on his self-made bow/drum instrument, while it is quite clear that the haphazardly put together contraption is actually incapable of producing the music you hear in the film.

The acting too is top notch. Both Seong-hwang Jeon and Yeo-reum Han deserve plenty of praise for bringing the characters to life. Even though their relationship seems odd and inexplicable at times, they make it believable for the audience, bringing the drama to full fruition. The secondary cast is guilty of a little over-acting, but luckily those moments are rare as the main focus of the film lies on the relationship between the old man and the girl.

screen capture of Hwal

Things go bad for the old man's plans when he brings a young student to his boat two months before the day the girl turns 17. The girl and the student grow quite fond of each other and the girl finally understands she is effectively held captive by the old man, never allowed to go off the boat or able to talk to other people. But she can't just leave the old man behind either as ten years of living together did create a strong bond between the two of them.

Hwal is a pretty logical evolution in Ki-duk's career. It includes many of the themes and stylistic choices from his older films while still lacking the slick execution of his newer ones. It still ranks as one of my favorite Ki-duk films though, as the setting is absolutely beautiful, the acting is strong and the ending is one of Ki-duk's very best.

]]>
Wed, 30 Jan 2013 13:46:50 +0100
<![CDATA[marketing ideologies/on 'breaking good habits']]>http://www.onderhond.com/blog//marketing-css-ideologies

Our old front-end best practices are crumbling. Not the big ones like "make a site accessible", but the more practical ones like "no non-semantic class names" are under scrutiny these days. We need to fill that void and several people have sprung up to try and update our way of working. Their intentions are no doubt noble, but their methods are less so. I feel that too many of us are marketing our own approaches with the intent to convert innocent souls rather than properly inform the future generation of front-enders.

breaking good habits

Yesterday I ran into Harry Roberts' Breaking Good Habits talk. I feel a little bad singling out his talk for the purpose of my article, but it does illustrate quite well what I'm about to explain. Harry is in no way the only one guilty of these practices, in fact this article is just as much a confession about my own writing and a promise to try and do better in the future.

The title of the talk really captured my attention. I love it when people challenge popular notions, so I was eager to find out what magic Harry would uproot in his 30-minute talk. Imagine my disappointment when I found out it was just another oocss promo bit. The talk isn't really about breaking with good habits, it's about leaving behind some hindrances that stand in the way of people adopting the oocss ideology. It cleverly masks this (I don't think oocss isn't even mentioned once - though Nicole Sullivan is referenced a few times), but the bottom line is clear enough if you know a thing or two about oocss.

It's no secret that I'm not a big fan of css-based component ideologies (having written my own html-based component ideology that contradicts many of their best practices), but setting aside my preconceptions about oocss Harry's talk actually made a lot of sense. It's not so much that what he's saying is false or incorrect, I think the main problem lies with the things he (and many others) is not telling people when advertising his ideology of choice.

implications of oocss

One thing missing too often from talks or posts like these is context. I'm sure there are good use-cases for oocss-based projects, but this context is strangely missing in Harry's talk. Instead the ideology is sold as a general, can-be-used-everywhere solution, which it is definitely not. Basically three things are holding me back from using oocss:

  • it merely shifts the weight from css to html and html changes are traditionally pretty expensive. If you're working on a project that offers perfect and easy control over the html this is not so much an issue, but otherwise you're setting yourself up for a major cms headache.
  • abstraction of style can be done with sass or less. Abstracting css is a valid best practice, but it doesn't necessarily need to impact the html. If you can't use preprocessors or if you can't handle the impact on css filesize, this point is moot though.
  • oocss doesn't cater for reuse across projects. Each template needs to be handcrafted based on the specifications and design of a particular project. While some abstraction can be carried over from project to project, the gain there is extremely poor. So in fact I believe that oocss is not modular, flexible, extensible and whatnot enough

I understand that it's not very beneficial to tell people this when hosting a talk on oocss, but it's a reality that cannot be ignored. If you're not telling people this, how can they make a good judgment when choosing the proper front-end methodology for their own projects?

some practical remarks

There are mainly two things that irked me the most when watching Harry's Breaking Good Habits talk.

use sass/less for abstractions

/* the oocss way */ <div class="nav breadcrumb">...</div> .nav {...} .breadcrumb {...} /* the preprocessor way */ <div class="breadcrumb">...</div> .nav {...} .breadcrumb {.nav; ...}

There are few reasons why you wouldn't want to use a css preprocessor these days. It's true that it impacts your css filesize, but after gzipping and further minifying (remove unneeded mixins and combine css selectors) the resulting css file the impact really is quite minimal, especially compared to the trouble you have to go through changing your html (an the cost of extra code there).

classes and ids are not purely for styling

This is not even about semantics, but about the nature of a classes and ids. While it's true that css makes heavy use of classes and ids, the class and id attributes serve a bigger purpose. They provide logical hooks for whatever script that wants to interpret your html code. That includes javascript, statistics and whatever other script running through your code. In the end it doesn't really matter that your news preview looks the same as your blog preview, if you want to track them separately in your statistics tool you need differentiators in your html code, which is exactly why we have classes and ids that describe the difference between those two instances. Need them styled the same way? Make a mixin ...

conclusion

Once again, I am the first one to admit that a lot of stress and work is involved when providing a solid context for what you're trying to get across. But we should realize that we're not marketing or selling ideologies here, instead we're trying to inform people about better ways to do their job. By not giving them all the information we're leading them to make the wrong choices, which in the end will set our entire industry back.

Even though Harry's talk was intended for an audience of professionals who can be critical of the information presented to them, the vimeo link can be freely shared and reaches a much bigger audience. Many of the people it will reach will only see the part of the talk that makes sense, without getting the full context and without knowing about the possible caveats of the promoted ideology.

]]>
Tue, 29 Jan 2013 11:13:43 +0100
<![CDATA[ikiteru mono wa inainoka/gakuryu ishii]]>http://www.onderhond.com/blog//isnt-anyone-alive-review-gakuryu-ishii

After a lengthy absence, Sogo Ishii (Dead End Run, Kyoshin, Electric Dragon 80.000V, August In The Water) returns with a new film. Except, it's not really "Sogo Ishii" that's directing it. Sogo Ishii changed his name to Gakuryu Ishii and should you doubt his intentions, he had very good reasons to do so. Ikiteru Mono Wa Inainoka (Isn't Anyone Alive) is a great film, but not what you'd expect from a guy who started the Japanese punk genre.

screen capture of Isn't Anyone Alive

When I heard Sogo Ishii was changing his credit name I found the move rather dubious. Struggling with your persona is one thing, but going as far as to possibly alienate yourself from a portion of your longtime fans is quite a move. Then again, if you look at the world of music, musicians are doing this all the time. The electronic scene in particular is quite prone to anonymity and it's actually the norm to take on a different identity when releasing music that is slightly different in style or tone.

Finally at ease with Ishii's motives, I still found it difficult to actually sit down and watch this film. Releases in the cyberpunk genre are few and far between and seeing one of the greater directors in the genre leave in a different directions isn't all that comforting. On top of that I had read somewhere that Ikiteru Mono Wa Inainoka was supposed to be a comedy, not the easiest switch to make for a director that had operated mainly in experimental territory. So when I finally took the plunge I was quite ready to be disappointed.

It took Ishii two whole shots to turn that feeling around. From the first moments of the film you can recognize the hand of a very experienced director, not just switching genres or teams, but trying to invent a new corner of cinema altogether. Not only is Ikiteru Mono Wa Inainoka a big step away from Sogo Ishii's previous films, it's a film that doesn't let itself be easily compared to any other films out there. AQbout two minutes in I'd forgotten all about Sogo Ishii and welcomed Gakuryu Ishii to do his thing.

screen capture of Isn't Anyone Alive

Watching Ikiteru Mono Wa Inainoka is like watching a film of a first-time director with thirty years of experience in the field. Visually the film is impeccable. Wonderful framing, lovely use of color and some genuine visual artistry. There is none of Ishii's fast editing or crazy camera work here, instead we get very controlled and punctual scenes with clear remnants of Ishii's Kyoshin experiments. Visually this is on par with what the best Japanese dramas have on offer.

The music is less extreme, but still very purposefully used. There's a certain humor hidden inside the selection of tracks in combination with the unusual timing. The result may come off as a little weird at times, but the effect is spot on and it's nice to see that Ishii carried over his unique musical touch from his previous persona. Don't expect the noize-influenced mayhem from his earlier films and you'll find that Ishii still has a great ear for soundtracks.

The acting too is on a whole other level. Contrary to Ishii's earlier films Ikiteru Mono Wa Inainoka is filled to the brim with dialogue. There's hardly a quiet moment to be found with characters rattling weird and inconsequential dialogues at a pretty constant pace. While there are some familiar faces passing by Ishii clearly fished in a pool of young talents for his cast. It's just one more element that helps him break with his previous style. The acting is solid across the board too, with Kiyohiko Shibukawa stealing many of the film's best moments.

screen capture of Isn't Anyone Alive

It took me a while to realize what kind of film I was actually watching. The first twenty minutes reveal very little of the film's plot and serve as a mere introduction for the many characters. The following events are quite mysterious and rather definite, something that is not immediately obvious from the rather light-hearted and comfortable atmosphere at the very start of the film. Only near the end of Ikiteru Mono Wa Inainoka does the film reveal its true intentions, making for a pretty good surprise.

While this could definitely be called a comedy, the humor can be quite dry and abstract at times. Most of the humor lies in the combination of timing and conversation subject, something I can't really remember seeing before. I would say that the closest film to compare it with is Tanaka's Monday, but that's quite a stretch already. It doesn't result in too many loud laughs, but it left me with a constant smile during the entire running time.

If you're a fan of Sogo Ishii, the success of Ikiteru Mono Wa Inainoka is probably dependent on how quickly you can forget the man's former films. Ishii truly reinvents himself here and comes with a film that's just as unique as his previous work, only very different in tone. It may be more poppy and less experimental, but it's just as incomparable to the work of other directors out there. Approach Ikiteru Mono Wa Inainoka as a film from a freshman director and let yourself be carried away by Ishii's unique sense of comedy coupled with a strong and mysterious build-up. In the end the man might have changed his name, but it's clear that he can't hide his talent.

]]>
Mon, 28 Jan 2013 15:32:29 +0100
<![CDATA[citadel/ciaran foy]]>http://www.onderhond.com/blog//citadel-review-ciaran-foy

Following into the footsteps of UK's positive horror film track record of late, Ireland is trying to breach the horror market with a few of its own efforts. The results have been pretty mixed so far (though I admit I've only seen Shrooms, Wake Wood and Spiderhole), but with Citadel things are definitely looking up. Ciaran Foy delivers a strong and confident genre film that deserves a special mention and left me begging for more.

screen capture of Citadel

Citadel is a pure genre flick so originality clearly wasn't one of Foy's main concerns. Broadly speaking, Citadel is a film that reaffirms UK's fear-inducing hoodie image (Harry Brown, Eden Lake), mixes it with the setting of Outcast and borrows quite liberally from Cronenberg's The Brood. Throw in a little Mutants and you may have a good idea of what to expect. Still, the combination of all these different elements make for a pretty interesting ride. Just don't be fooled by the poster art, even though Citadel may look like another film resembling the setup of The Raid, Dredd 3D or instigator La Horde, the poster art is where the resemblance ends.

Foy does add a couple touches of his own though. The depraved social setting may not be entirely novel (in fact, it seems one of the defining elements of many UK horror films) but Foy's decision to let his main character suffer from mental stress after the first assault is indeed quite surprising to see. Early on in the film Tommy sees his pregnant girlfriend Joanne being beaten up by a couple of hoodies. Unable to do something (he's stuck in the lift) he has to witness how his life is shattered before his eyes.

Even though the baby is saved, Joanna slips into a deep coma. Unable to deal with the senselessness of the violent act, Tommy starts to suffer from agoraphobia and ends up in the hospital where he is joins a program that should help him cure his mental illness. When he is finally released he has to take care of his newborn, but this responsibility only adds to Tommy's mental unrest. Things get even worse when soon after Joanna's original assailants return to get Tommy's baby.

screen capture of Citadel

The barren scenery asks for dark, gritty and grim cinematography and that's what we're getting here. The poor living conditions and deserted concrete cityscapes look almost as bad as what Tommy ends up finding in the "citadel". It's a great setting for a horror film and Foy makes perfect use of it. The lighting is moody, the camera work solid and the editing sharp. Overall Citadel offers a pretty great visual experience.

It's the soundtrack that really nails the atmosphere though. The gritty, almost illbient soundscapes lay out an uneasy blanket of noise, while the sound effects induce the true fear. The hoodies in particular sound gut-wrenching. Even though the film explains they are not "normal kids", the almost rabid-like baby screams they produce sounded so freakish and alien that they pushed me back far into my couch. Horror films always benefit greatly from an apt soundtrack, something that Foy understands quite well.

Another reason for the film's success is Aneurin Barnard's stand-out performance. Since the first part of the film relies on some dramatic sequences you need more than just your average horror cattle, luckily Barnard convincingly fills the part. While his Frodo-like appearance made me a little uneasy during the first few scenes of the film, Barnard's fear-ridden eyes actually made me feel bad for his ill-fated adventures. James Cosmo shines in the role of priest, the rest of the cast is solid but isn't tested that thoroughly.

screen capture of Citadel

Despite its many influences and connections to other horror films, Citadel sails a pretty surprising course. It doesn't really belong in a particular segment of the broader horror genre, featuring equal hints of demonism, zombie fare and vile social horror. While this mix alone makes for an interesting trip, it's Foy's accomplishment to successfully merge all these influences into a single solid horror experience, turning Citadel into a more than worthy genre film.

Foy is definitely one to watch. Citadel is one hell of a calling card and stands as one of the best horror films of 2012. It's a vile, gritty and hellish descent (or rise if you will) into an fear-inducing concrete structure, providing plenty of chills and uneasy moments that belong up there with the best the UK horror films have on offer. Let's hope it's the start of a bright career and the kick-off for a stream of more quality Irish horror films.

]]>
Thu, 24 Jan 2013 14:22:57 +0100
<![CDATA[izo/takashi miike]]>http://www.onderhond.com/blog/personal/izo-review-takashi-miike

Takashi Miike (Gozu, 46 Okunen No Koi, Zebraman 2, Crows Zero 2, Crows Zero, Sun Scarred, Nintama Rantaro, Ace Attorney, Visitor Q) is known for making extravagantly weird films, but when he released Izo he went beyond the expectations of many of his fans. So much in fact that many of them caved in under the weight of the film's pretensions. Truth be told, Izo isn't an easy film and even though it's an impressively realized project, this is not a film for everyone.

screen capture of Izo

The funny thing is that you could cut at least ten 2-minute trailers, each of them using unique footage of the film, that would make it look like a real hoot. Izo is filled to the brim with uncompromising genre fare, there's enough in here to fill up five regular genre films and still have leftover footage lying around. But that's just the surface, Miike didn't set out to make a great popcorn movie, instead he's using these scenes to set up a mental beating that will either break you or leave you gasping for air.

For a 128-minute film, there is surprisingly little plot to go around. For the greater part, Izo is a continuous repetition of mayhem and slaughter. The twist here is that it doesn't really add up to anything. Even though Izo has a goal he wants to complete, there is no clear path towards it. There isn't a simple bad guy he needs to beat up, nor is there a person he needs to save. Izo's quest is a futile one, which make his actions all the more vile and meaningless.

Izo is a samurai who was tortured and beheaded before he turned into a vengeful spirit. No matter how many times he seeks out revenge, the lives he takes aren't enough to make him forget the way he was treated. And so he sets out to kill the rulers of the universe, a guild of aristocrats who live secluded from the world they built. Unsure where to find them, Izo travels through time and space in order to locate them, killing everyone who crosses his path.

screen capture of Izo

While Izo features some pretty cool camera work (Izo's entrance at the wedding is pretty spectacular), some scenes do look a little sloppy from up close. There are plenty of stand-out scenes, but the ones in between appear to be a little rushed. The lair of the aristocrats for example is a bit lacking in visual richness. Maybe it was a budget problem (it couldn't have been easy to finance this film, even though Miike was at his international peak when he made it), but the shifts in quality between scenes is a tad disappointing regardless.

For the soundtrack Miike made heavy use of folk-singer Kazuki Tomokawa (who also scored Landscapes The Boy Saw). Like him or not, but his unique and peculiar style defines the films he scores. His raw voice, strange rhythms and less than slick guitar work is instantly recognizable. I would never listen to his work outside film, but as part of a soundtrack he makes a strong impression and Izo benefits greatly from it.

Miike could count on a slew of famous actors to fill in all the roles, ranging from superstars like Takeshi Kitano and Ryuhei Matsuda to a long list of Miike regulars and even some international celebrities like Bob Sapp (not the biggest name in the film business, but still). They're all just secondary characters though, hardly lasting a couple of minutes (if that long) before their heads are cut off. The cutting is done almost exclusively by Kazuya Nakayama who no doubt played the defining role of his career.

screen capture of Izo

Izo plays like a never-ending sequence of killing sprees. When Izo finishes one battle field he is simply transported to the next one, where he takes on the following batch of adversaries. Sometimes he fights samurai, sometimes police squads, but he could just as well appear in classroom and murder a whole hallway of schoolgirls. After a while the fun evaporates and all that is left is a vile succession of mean and evil-spirited murders. There are two times when Miike interrupts this structure. Once in the middle of the film when Izo is given a little background story, a second time near the end when Izo finally reaches the aristocrats.

Needless to say, this turns Izo into a pretty tough experience. As the minutes pass and the bodies pile up, the film starts to weigh on its audience. Some people won't appreciate this, others will thank Miike for an exhilarating experience that is rarely found in commercial cinema. I've seen Izo three times now and the film keeps impressing me, it's a superb mix of genre film making and arthouse cinema, an unlikely mix that we might never see again in this form.

]]>
Tue, 22 Jan 2013 13:22:16 +0100
<![CDATA[tai chi hero/stephen fung]]>http://www.onderhond.com/blog/personal/tai-chi-hero-review-stephen-fung

It was just a week or two ago when I reviewed Stephen Fung's Tai Chi Zero, the first film in a fun and sprawling attempt to revive Hong Kong's 90s martial arts genre. In a unique twist, the second part of the trilogy followed almost immediately, upholding a strong momentum. The question is of course whether Fung would be able to keep the strengths of Tai Chi Zero alive while further evolving the saga in Tai Chi Hero.

screen capture of Tai Chi Hero

Fung wouldn't be able to just pull the same tricks as he did with Zero. What came off as fresh and novel in the first film would feel like mere repetition and utter lack of creativity this time around, ultimately bearing down on the quality of the entire series. Fung obviously realized this and while there are still some references to some of the quirkier details of Zero (like the on-screen character introductions), Hero takes a slightly different route.

While Hero features less in-your-face gimmickry, it has the advantage that it can skip all the introductions and dive right into the action. Hero might be a bit more traditional in style, it makes up for that with a selection of awesome action scenes and stunning set pieces. The story starts with a quick recap and blasts off where it ended in part 1. There is no noteworthy time skip, just the logical continuation of the story.

Yang finds himself married to the Niang, the village elder's daughter. This grants him the right to stay in the village and learn the family's peculiar style of martial arts, but the village people are still weary of Yang and consider him an outsider. Things get even worse when Niang's long lost brother returns to the village, eager to upset the village peace. Yang is a perfect target for his plans and by revitalizing the believe in an age old curse laid upon the villagers he is able to upset the entire population.

screen capture of Tai Chi Hero

Visually little has changed. The visual trickery is not as outspoken or outright flashy compared to the first film, instead Fung used his budget to create more steampunk machinery and bigger and more detailed set pieces. As a result the film looks stunning, featuring slick special effects, great sequences of destruction and impeccable looking wire-fu fights. Fung's agile and sometimes quirky camera further helps in leaving a strong visual impression.

Sadly the tone of the soundtrack remained virtually unchanged. The score is once again dominated by a selection of somewhat uneasy rock tracks that fail to ignite a real sense of adrenaline. The lacking score isn't a real issue as there are plenty of other things to focus on while watching the film, but it's still a missed opportunity to make the action sequences that little extra special. I guess Fung isn't going to change his approach for the third and final installment, but one can always hope of course.

The main cast is back in full force, Xiaochao is visibly more at ease in front of the camera, Tony Leung Ka Fai is having the time of his life and Angelababy once again shoulders the more dramatic moments in Tai Chi Hero. Feng Shaofeng joins the cast and brings with him a little extra intrigue, while Daniel Wu and Nikki Hsieh (Make Up, One Day, Honey PuPu) make noteworthy cameos. No award-winning performances, but the film consist of a very solid cast nonetheless.

screen capture of Tai Chi Hero

Tai Chi Hero ends with a classic finale, somewhat reminiscent of the Iron Monkey end fight. While most action scenes in Tai Chi Hero are quite big in scale, the finale is a simple yet terrificly orchestrated one-on-one fight sequence, flawlessly executed. Once again Fung is helped by a more than generous budget but he handles the money well and delivers one of the best fight scenes in recent memory. If that wasn't enough, he also teases with one of the craziest-looking steampunk contraptions I have every seen. An iconic ending shot that will definitely keep me warm until the final episode arrives.

Tai Chi Hero tones down the gimmickry from the first film just a little, replacing it with more and bigger action scenes. It's a smart move that avoids too much repetition while still keeping a fresh and playful atmosphere. The production values are high, the acting is the right kind of tongue-in-cheek and the action scenes sparkle. Fung created a perfect sequel that leaves you begging for the final act. If you liked the Zero then I'm quite sure this film won't disappoint you in the least.

]]>
Thu, 17 Jan 2013 13:04:01 +0100
proportional fluid behavior/two dirty trickshttp://www.onderhond.com/blog/work/proportional-fluid-behavior<section class="textblock"> <p> <span class="intro">A few months back I talked about <a href="/blog/responsive-liquid-rows-spacing-techniques">liquid row spacing</a>, in that article I listed a series of viable options when implementing a responsive layout for row-aligned blocks. One thing not included in this list was the option to build proportional responsive blocks, blocks that would grow in height proportionate to their own width. There isn't a very clean way to do this in css, but of course that doesn't mean it can't be done at all. Here's how.</span> </p> <div class="img"> <img src="/style/site/proportional-responsive.jpg" alt="" /> </div> <section class="textblock"> <h1><span>proportional responsive</span></h1> <p> There are a few scenarios where you'd prefer blocks to grow proportionally. Based on the extra vertical space this creates you could add extra content or redistribute your content for improved layouting. If you get passed the fact that you need to deal with <a href="/blog/media-queries-based-on-elements">handicapped media queries</a> to get everything in order, this type of responsive behavior opens up some interesting possibilities. </p> <p> For our example here we'll be building a list of 5 horizontal items. The list will need to fill the available space so each individual item is going to be 20% wide. The elements within the list will alternate between square proportions (1:1) and rectangle-sized proportions (2:1). A second list will demonstrate the result when each block has its own unique width. </p> </section> <section class="textblock"> <h1><span>method 1: proportional padding</span></h1> <code class="block"> <span class="comment">/* html */</span> <span>&lt;section class="list"&gt; <span>&lt;div class="atom"&gt; <span>&lt;div class="inner"&gt; <span>&lt;div class="content"&gt; ... &lt;/div&gt;</span> </span> <span>&lt;/div&gt;</span> </span> <span>&lt;/div&gt;</span> <span>&lt;div class="atom"&gt;...&lt;/div&gt;</span> </span> <span>&lt;/section&gt;</span> <span class="comment">/* css */</span> <span>.atom {width:20%; position:relative;}</span> <span>.atom .inner {padding-bottom:100%;}</span> <span>.atom .inner .content {position:absolute; left:0; right:0; top:0; bottom:0;} </code> <p> The first method is taken from <a href="http://webdesignerwall.com/tutorials/css-elastic-videos">Web Designer Wall</a> and relies on proportional padding. The trick here is that vertical padding (top/bottom) of an element is based on the width of its parent. Exploiting this behavior, we could wrap the actual content of our block in a third container and span (pos:abs with all sides set to 0) it across the top parent (.atom) div. </p> <p> A pretty neat solution, though it is quite container-heavy. Of course additional containers could always be added with javascript if needed, but it does create quite the nested dom-structure. Cross-browser support is dandy though, as it runs all the way down to IE7. </p> <p class="more"><a href="/testpages/proportionalresponsive/page.html">check the test page for proportional padding</a></p> </section> <section class="textblock"> <h1><span>method 2: proportional images</span></h1> <code class="block"> <span class="comment">/* html */</span> <span>&lt;section class="list"&gt; <span>&lt;div class="atom"&gt; <span>&lt;img style="ratio1.gif" alt="" /&gt;</span> <span>&lt;div class="inner"&gt; ... &lt;/div&gt;</span> </span> <span>&lt;/div&gt;</span> <span>&lt;div class="atom"&gt;...&lt;/div&gt;</span> </span> <span>&lt;/section&gt;</span> <span class="comment">/* css */</span> <span>.atom {width:20%; position:relative;}</span> <span>.atom img {display:block; width:100%;}</span> <span>.atom .inner {position:absolute; left:0; right:0; top:0; bottom:0;} </code> <p> If you can't cope with the extra structural containers there is a second option, although it introduces a whole new level of resistance: spacer gifs. The only html element that is natively proportional in size is the image element, so if we place an image in the correct aspect ratio in each .atom and apply the same spanning trick as before, the result is again what we wanted. You save a structural element per sized block, but instead you gain a resource request for each new aspect ratio you want to support. </p> <p> Once again, the images could be inserted using javascript, but the request load can't really be avoided. Browser support is once again pretty spectacular, as it also runs all the way down to IE7. </p> <p class="more"><a href="/testpages/proportionalresponsive/page.html#images">check the test page for proportional images</a></p> </section> <section class="textblock"> <h1><span>conclusion</span></h1> <p> Pretty it ain't, but both methods do work quite flawlessly. Coupled with smart media query planning this could make for some interesting interfaces, though I don't see it becoming popular very quickly because of the poor implementation quality and the practical challenges it introduces. So far we haven't really dealt with proportional containers before, though it would be nice to see people experiment with them. </p> </section> </section>Tue, 15 Jan 2013 13:12:37 +0100<![CDATA[nagai sanpo/eiji okuda]]>http://www.onderhond.com/blog/personal/nagai-sanpo-review-eiji-okuda

Nagai Sanpo is a modest Japanese drama that passed the West by virtually unnoticed, much like Okuda's other films. Okuda is a well-known face for people familiar with Japanese film, but his directorial efforts appear much harder to sell across the border. Not sure why though, if you look at the popularity of films like Koreeda's Dare Mo Shiranai and Aruitemo Aruitemo it's clear there is a solid market for these type of films.

screen capture of Nagai Sanpo

Nagai Sanpo isn't my first Okuda, a couple of years ago I watched Shôjo and was pleasantly surprised by the most natural and non-dismissive way in which Okuda approached a rather touchy subject. Nagai Sanpo is comparable in the way that Okuda once again tackles a subject where he reverses the reigning moral code, pleading for more understanding and respect towards people and situations we as a society don't fully understand.

The film begins with Matsutaro abandoning his own house after his wife has died. Matsutaro's relationship with his family is sour and even though he leaves the house to his daughter, she isn't willing to forgive him that easily. Matsutaro rents a small, barren apartment, ready to whither away all by himself. His new neighbors aren't going to let him live his final years in peace though, as their rows, arguments and fights travel through the thin walls, keeping Matsutaro wide awake at night.

His neighbors also have a young daughter (Sachi) which they both neglect. Matsutaro pities the child and he suddenly sees his chance to atone for his past sins. When his attempts to get close to Sachi fail, he kidnaps the girl hoping to heal both himself and Sachi by organizing an extensive road trip for the both of them. In a sense, Nagai Sanpo is Okuda's Kikujiro no Natsu, only written from a more dramatic perspective.

screen capture of Nagai Sanpo

Visually Nagai Sanpo matches the looks of a very decent, solid and traditional Japanese drama. The start of the film looks a little depressing at times, but once the road trip starts and the rural Japanese landscapes make their entry there are quite some beautiful shots to admire. The editing is not unlike Takeshi Kitano's, often cutting to static shots showing motionless characters in between more traditionally filmed scenes. All in all it's a pleasant film to look at, but there's little you haven't seen before.

The soundtrack too is textbook material. Expect violins, piano tunes and some heavy-handed J-Pop to cover most of the film's musical adventures. It's a solid score no doubt, it never comes off as too sentimental and it never feels as if you're tricked into feeling certain emotions, but if you've seen your share of Japanese dramas it may feel a little too familiar at times.

Films with debatable moral codes often rely heavily on their actors to convey the moral dilemma and so it was essential to the success of Nagai Sanpo that Okuda picked two very strong leads. I don't think I've seen Ken Ogata in a lead role before but he handles it with considerable ease, portraying a broken man that plans to do well in his life even when the law doesn't permit him to do so. Hana Sugiura also deserves her share of praise, it's never easy to work with children but she is absolutely perfect as the young Sachi. It's weird to see that she never played in a film again after this role. The secondary cast is equally strong, with Saki Takaoka deserving extra credit for taking on her less than sympathetic character.

screen capture of Nagai Sanpo

While Nagai Sanpo has a couple of very powerful and emotional dramatic scenes, I feel that Okuda did have a little trouble keeping a good balance between all the dramatic elements. At times he pushes his luck a bit too much, introducing extra dramatic tension where the film didn't really need any. There are some scenes that could've been left out (also bringing the running time down a little) without the film losing any of its dramatic power and while these moments are rare, they do make you wonder why Okuda included them in the first place.

That said, the film left me with a very contented and warm feeling. These hesitant moments are quickly forgotten when Nagai Sanpo closes in on its dramatic climax and strings together a couple of most impressive scenes. Once again Okuda succeeds in delivering a slightly uncomfortable drama which doesn't really stray from the beaten path while still providing enough food for thought. A smart combination that only strengthens the question of why this film didn't receive broader international attention and appreciation.

]]>
Mon, 14 Jan 2013 12:57:10 +0100
pull quotes/a little html philosophyhttp://www.onderhond.com/blog/work/pull-quotes-mark-up<section class="textblock"> <p> <span class="intro">Many front-end articles out there talk about solutions. About bugs, workarounds and fixes, methodologies, best practices and major development fails. Most articles out there tend to be quite definitive, comfortable with what they are preaching even though our field of work is a maze of gray areas and uncharted territories. So let's not do that today, instead let's write an article that poses more questions than it answers. Today let's talk pull quotes.</span> </p> <div class="img"> <img src="/style/site/pull-quote.jpg" alt="" /> </div> <section class="textblock"> <h1><span>the nature of pull quotes</span></h1> <p> A pull quote is a small blurb of text from an article that is replicated and given extra visual attention. It differs from a real quote in the sense that it doesn't reference an external source, instead it highlights a snippet of text from the page it is on. One article can feature one or more pull quotes, usually depending on the size of the article. If you still don't know what I'm talking about, you can check this <a href="http://www.theverge.com/2013/1/8/3852050/eatart-mondo-spider-is-1600-pounds-of-gnarly">article from theverge.com</a>, the pull quotes are the big orange blurbs of text in between the paragraphs. </p> <p> There are two good reasons for using pull quotes. First of all they brighten up the design considerably. Instead of plain text/image articles you can insert some color and visual trickery into the reader's flow. But they also serve a more functional purpose. A pull quote teases people into reading the article. It uses these little blurbs of text to draw the attention, gently urging the reader to look for the context of the quote. Some variations exist, magazines for example usually don't make a spacial link between the appearance of the source text and the pull quote, forcing you to scan the entire article for the context of the quote. A website like The Verge places its pull quotes closer to their source text, giving them more of an orientation function while scrolling through the article. </p> <p> Now that we know what they are, how do we translate these elements to html? </p> </section> <section class="textblock"> <h1><span>the dilemma</span></h1> <p> If you're pressed for time and you're set on taking the easy way, pull quotes pose little to no real problems. They are small snippets of text, wrapped in a container that contains a class for specific styling demands. The structural source position of a pull quote is there where it appears on screen. To be honest, that's how I've been implementing them. It's clear and simple, but something didn't feel right. </p> <p> When reading an article on The Verge the pull quotes often start offscreen, unable to draw the reader's attention. Once you start reading the actual article they scroll into view, but if the article is interesting enough by itself their function becomes purely visual. Then when you finally encounter them in the flow of the article you're still bound to read them. When they appear close to their source snippet though, this makes for a pretty weird effect (you're actually reading the same thing twice). </p> <p> Since a pull quote is a mere duplication of existing content, the question is whether is it feasible to include them into the source of your html and should you opt do so, where to put them structurally. I've been trying to think it through and I've come up with two separate approaches (none of which are actually easy or worth the trouble, but still). </p> </section> <section class="textblock"> <h1><span>pull quote goes into the html source</span></h1> <code class="block"> <span>&lt;article&gt; <span>&lt;header&gt; <span>&lt;section class="pullquotes"&gt; <span>&lt;div class="pq" data-quoteref="(pqid)"&gt;&lt;a href="(pqid)...&lt;/a&gt;&lt;/div&gt;</span> <span>...</span> </span> <span>&lt;/section&gt;</span> </span> <span>&lt;/header&gt;</span> <span>&lt;div class="main"&gt; <span>...</span> <span>&lt;div id="(pqid)&gt;&lt;/div&gt;</span> <span>...</span> </span> <span>&lt;/div&gt;</span> </span> <span>&lt;/article&gt;</span> </code> <p> Starting from the concept of a magazine pull quote (the point of such a quote is to be seen right away), structurally speaking the quotes belong in the header of the article. They aren't truly part of the body content, instead they function as a kind of teaser (a list of quotes) that hopes to convince the reader to go through the entire article. If you take The Verge variant into account you can also link the quotes and use them as anchors to jump to its related context (just as long as they don't conflict with potential other in-article navigations, in that case I would forgo the links and depend on the anchor navigation instead). </p> <p> It really all depends on what you as an author prefer. Either have people read through the entire thing, or have them skip easily to a selection of interesting sections while ignoring other parts of the article. As for the order of the pull quotes themselves, they should probably best follow the natural order of their appearance in the article. </p> </section> <section class="textblock"> <h1><span>pull quote is generated</span></h1> <code class="block"> <span>&lt;article&gt; <span>&lt;div class="main"&gt; <span>...</span> <span>&lt;div clas="pq" id="(pqid)&gt;&lt;/div&gt;</span> <span>...</span> <span>&lt;span data-quoteref="(pqid)"&gt;...&lt;/span&gt;</span> <span>...</span> </span> <span>&lt;/div&gt;</span> </span> <span>&lt;/article&gt;</span> </code> <p> The second option starts from the idea that a pull quote is merely replication of existing data and should therefor not be present in the source. It presents no additional value to the content itself and should only be shown to people using a visual browser. So we let javascript do the dirty work of duplicating them. The only thing we do here is span the portion of text to be quoted and define a destination for the duplication of the quote. </p> </section> <section class="textblock"> <h1><span>conclusion</span></h1> <p> Like I said, I probably wouldn't implement neither of both solution I presented above, simply because the gain is not proportionate to the effort to implement it. But if I leave all practical considerations behind, I'm still not really sure which method I'd prefer. The first one is nifty alright, but it puts more distance between the start of the document and the point where the actual content of the page starts, on the other hand the teaser quotes might truly pull in an extra volume of readers. The second solution is cleaner but doesn't give you the extra teasing content, hence losing out on potentially useful functionality. </p> <p> As for fallback mechanisms, both methods do require javascript but since a pull quote is just duplicated content the fact that they won't appear isn't much of an issue. The first method does retain its extra functionality even with javascript disabled though, so that's a definite plus. </p> <p> Did I miss anything or there are any other great solutions out there? Other perspectives and ideas are definitely welcomed. This is just my two cents, but I feel it's something worth pondering about when you have a spare minute. </p> </section> </section>Wed, 09 Jan 2013 13:23:33 +0100<![CDATA[pieta/kim ki-duk]]>http://www.onderhond.com/blog/personal/pieta-review-ki-duk

Welcome back Mr. Ki-duk (Bi-Mong, Soom). The once so prolific Sout-Korean director disappeared from the scene four years ago, but has now returned with a new full-length feature. His comeback hasn't gone by unnoticed as Pieta won the top prize in Venice (although the victory was somewhat contested). After having watched the film myself I can only confirm that honor was justified as Pieta sees Ki-duk returning to form (though a little different from his old self) .

screen capture of Pieta

To say that Ki-duk disappeared completely would be incorrect. In 2011 he actually released two separate projects. First there was Amen, a shorter venture that led to Ki-duk's mental collapse, which was soon followed by Arirang, Ki-duk's documentary that retraced the steps leading to his own depression. Both projects received minimal international attention though and getting a hold of them is a rather daunting task. With that in mind, I think it's fair to say that Pieta is Ki-duk's first true release ever since he made Bi-Mong.

But Pieta doesn't just continue where Bi-Mong left off. Throughout his career Ki-duk has been fine-tuning his own particular style which ultimately resulted in a more dreamy, less edgy overall atmosphere. Not that he was mass-producing mushy dramas by the time he finished with Bi-Mong, but films like Bi-Mong and Soom did lack that dramatic "shock" value that characterized his earlier films. Even though many people often criticized Ki-duk for making films that are too similar to each other, comparing his first film with Soom shows you exactly how much Ki-duk changed his trademark style over the years. It may have been a gradual process, but the difference is clearly there. Pieta sets off to combine elements of both periods in his career. It has that gritty, unforgiving dramatic undertone of his older films, while coupled with a more stylish audiovisual approach.

The film starts with an average day in the life of Gang-do, a ruthless loan shark who does his own dirty work. He forces people to sign insurance policies and cripples them if they are unable to pay him back, running off with the money himself. Gang-do lives a solitary life, until one day a woman arrives on his doorstep. She claims to be his mother, the woman who abandoned him at birth. Gang-do isn't ready to accept her back in his life, but as it turns out she is quite persistent and she practically forces Gang-do to let her back in.

screen capture of Pieta

Pieta is visually grittier when compared to his previous films, but it's far from the random ugliness that defined his first few works. Ki-duk has a keen eye for color and composition and while he doesn't waste time to revel in visual beauty, the film presents a beautiful kind of ugly with enough attention to the color palette and framing. It's a nice balance that supports the drama while also leaving room for more cinematic delights.

The soundtrack is a true pleasure. Ki-duk chooses a more ethereal selection of tracks that contrast with the gritty visuals, but extract additional beauty from the dramatic bottom line. Even though there is plenty of pain and torment in Pieta, the soundtrack eases the blow just a little in between, though never during the film's more crucial scenes. A smart choice that helps to retain the balance between Ki-duk's older and more recent work.

The third pillar of Pieta is its extremely strong cast. Jeong-jin Lee excels as Gang-do and transforms into a character that is tough and merciless, yet still allows the audience to feel a slice of pity for his situation. But it's Min-soo Jo (Gang-do's mother) who takes the crown. Though not a true newcomer, her experience with starring in feature length films was minimal before she joined the cast of Pieta. Ki-duk is famed for forcing extremely intense performances from the lesser gods of acting and he affirms that status once again.

screen capture of Pieta

Even though Pieta is filled to the brim with Christian symbolism and the film emits a strong poetic beauty, it isn't exactly an easy watch for moderate arthouse frequenters. There are some genuinely shocking scenes and Ki-duk's characters are more than once found on the floor, screaming in agony. It's a film that hurts while you're watching, then again I believe that's one of Ki-duk's prime strengths that should be cherished.

I haven't read too many other Pieta reviews so far, so I'm not sure if the misogyny card has surfaced already, but I still would like to say a word or two about this (because Pieta sure has the potential). Indeed there is unmistakable violence directed at women in this film. Gang-do mistreats his mother in some of the worst imaginable ways possible, but in the end he does so because he's weak and powerless. Min-soo Jo is the only powerful individual in this film, headstrong and even more relentless in her own way. If anything, she symbolizes the strength and utter conviction that women have in them, more so than men who rely on that strength to survive.

Pieta is a pretty complete package. The film looks great, has a superb soundtrack, two extremely impressive leads and a boatload of symbolism for those who enjoy that kind of thing. On top of that it's an intriguing drama built on top of two enigmatic characters. It's everything I wish for in a Ki-duk film, which made me realize just how much I missed the guy these past four years. Here's to a great continuation of his career.

]]>
Tue, 08 Jan 2013 13:11:38 +0100
<![CDATA[party 7/katsuhito ishii]]>http://www.onderhond.com/blog/personal/party-7-review-katsuhito-ishii

Party 7 was the second full-length feature film release for Katsuhito Ishii (Smuggler, Cha No Aji, My Darling Of The Mountains), following the success of Shark Skin Man & Peach Hip Girl. It's a film that helped Ishii hone his skills, combining witty yet pointless dialogues with absurd and outlandish events and characters. The result is pretty crazy, a zany film delivered with a near-deadpan sense of humor that is sure to alienate a good portion of its viewers.

screen capture of Party 7

There are many reasons why someone seeks out a film. A cool poster, a nifty trailer, peer pressure, commercial buzz or simply the name of the director pulling you towards the film. I first watched Party 7 because I noticed it featured a character named Captain Banana. How bad can a film like that truly be? That and the fact that the opening credits are animated by Takeshi Koike (Redline), one of the most gifted animators/directors working in the field of animation today (actual directing credits for the opening sequence go to Peter Chung though).

Party 7 is a film split in two separate universes which only collide momentarily near the end of the film. While these two universes are only a window apart from each other, the tone and feel of both segments is quite different. The film alternates between them quite often, as a result the comedy in both segments is saved from outliving its welcome, allowing the film to remain fresh throughout while avoiding a lagging middle part.

The first story is a typical Yakuza heist. On of the low-ranking yakuzas stole a pile of cash and is now being hunted by the chief in command. To make things worse, his ex girlfriend is tailing him for money too. The whole bunch of them end up in a hotel room where they try to figure out who gets what. What they don't know is that they are being watched by two perverts from behind a wall, descendants of a clan of peepers who built the hotel especially for spying on their guests.

screen capture of Party 7

Visually Party 7 is a pretty slick film. Ishii doesn't experiment too much but manages to keep an interesting level of visual trickery. While the peeping room looks pretty amazing, the hotel room is a little dull in comparison. Luckily the funky costumes help to brighten up the setting. There are some cool slomo's (the moment when Gashuin barges into the room) and some nifty camera work, making it a pretty pleasurable experience to watch overall.

The soundtrack is pretty much on par with the visuals. Not overly great or exciting, but it does contain a couple of fun and interesting tracks that help to establish and maintain the atmosphere. For a more subdued film like this the soundtrack may be a little over the top (lots of dnb-inspired dance-like music that's quite tap-worthy), but in the end it works well and it gives the film that extra bit of cool.

Party 7 is a film that relies heavily on humor, so it's a good thing Ishii gathered a slew of superb actors to make sure the elongated dialogues and scenes work out. It's one of those rare films that feature both Tadanobu Asano and Masatoshi Nagase, two of my absolute favorite Japanese actors. They both do a great job and each of them fuels one of the respective universes. They get help from a strong secondary cast (Morishita Ren Osugi, Kobayashi) and of course the film features hors category actor Gashuin in a somewhat small yet hilarious role. Extra special praise goes to Yoshio Harada who shines as Captain Banana, certainly one of the more memorable characters I've ever come across.

screen capture of Party 7

While deadpan isn't really the right word to describe the flavor of humor in Party 7, it sure is a more muted and subdued style when contrasted with its weird and freaky characters. It's not nearly as insane or over the top as you'd expect based on the screenshots or trailer, but that doesn't make it any less fun. All of this leads to a hilarious finale where Ishii finally brings his two universes together, which maximum comedic effect.

Party 7 is a weird mix of slightly perverted comedy and more typical crime/comedy antics, shaped by a range of weird characters and their absurd, lingering dialogues (make sure to sit through the end credits). The film looks good, sounds great, sports an incredible opening animation sequence and boasts a list of superb actors. The comedy is a little off-center though, so even if you appreciated Ishii's Cha No Aji you aren't fully guaranteed that Party 7 will suit your needs. Then again, Party 7 has plenty to offer, so if you're a Katsuhito Ishii fan you owe it to yourself to at least give the film a fair chance.

]]>
Mon, 07 Jan 2013 13:39:42 +0100
<![CDATA[tai chi zero/stephen fung]]>http://www.onderhond.com/blog/personal/tai-chi-zero-review-stephen-fung

Hong Kong isn't planning on letting its martial arts heritage go to waste. The past few years we've seen a few interesting projects keeping the spirit of the golden years of martial arts alive (think the A Chinese Fairy Tale remake, 14 Blades or Tracing Shadows), now Stephen Fung is doing his part by releasing an entire trilogy of films. Tai Chi Zero is the first of the bunch and sets the stage for two more films of inspired and high octane fun.

screen capture of Tai Chi Zero

First of all, Fung (or maybe the film's producers, not quite sure) deserves credit for the planned release schedule of this trilogy. Even though the film was broken down into three separate entries, you won't have to wait another year to catch the sequel. In fact, there was only 1 month in between the release of Tai Chi Zero and second installment (Tai Chi Hero), meaning you can watch them back to back by now. A smart move that won't drag out the hype of these films, I just hope other people in the industry are taking notice.

When I watched Fung's House Of Fury it left me quite unimpressed, so when this project was first announced I wasn't all that excited. Still, Tai Chi Zero promised to be the first steampunk/martial arts crossover and as the film seemed to be enjoying the benefit of a decent budget, I did keep one eye on where this was going. Having watched it, I must admit that Fung exceeded my expectations by a serious stretch.

Tai Chi Zero combines the lighthearted banter of the popular 90s martial arts films (Green Snake) with a more modern video game/comic aesthetic and a lovely injection of steampunk. Some people have been eager to point out the similarities between this film and Scott Pilgrim and while the comparison does make sense, I think it's one of those things that only clicks after having watched the film but would set the wrong expectations up front, so don't go in expecting too much from it.

screen capture of Tai Chi Zero

It's clear that Stephen Fung had a sizable budget to work with. Steampunk isn't the easiest genre to bring to life, luckily he didn't let all that money go to waste here. The machinery looks damn detailed and impressive and cogwheels, handles and steam are omnipresent whenever something electrical whizzes across the screen. But maybe even more notable are the game and comic book-like additions that pop up left and right. Health meters, location indicators, KO signs, special move trackers ... add some animated sequences, mini biographies whenever a cameo flashes by and some slick and modern camera work and you have a film that plays like a visual rush.

The soundtrack hardly compares, featuring a set of rather lame and uninspired action-themed rock tracks. I'll admit that they aren't too bad while featured in the film, but it's hardly the score you would've wished a film like this to have. Also worth noting (for those watching the American trailer), even though these used some random dubstep track to liven up the trailer that particular piece of music is nowhere to be found within the actual film. Hopefully Fung makes some better music choices for the other two installments.

The film assembles an interesting mix of well-known actors and trained athletes to bring the story to life. Between names like Tony Leung Ka Fai and Angelababy in the bigger parts and Andrew Lau and Shu Qi in quick cameos, Fung still finds plenty of room to cast some true medal-winning martial artists. The lead role is reserved for Yuan Xiaochao, a 2008 champion who may lack acting experience, but more than makes up for that whenever things get rough. It's a fun and varied cast that isn't set out to win any acting prizes, but goes through great lengths to make it an enjoyable ride.

screen capture of Tai Chi Zero

Tai Chi Zero is not high art, its intentions are purely focused on providing top-notch entertainment and that's what the film does best. It's been a while since I watched such an entertaining big budget production, which makes Fung's accomplishment all the more praise-worthy. The ending is satisfactory too, while teasing heavily for the upcoming sequel. It's a type of excitement that I haven't felt in a long, long time.

The release schedule, the economic running time, the use of superb athletes, the visual imagination and the overall first-grade production values make Tai Chi Zero one of the more entertaining films of 2012. Fung goes to great lengths to reinvent the 90s martial arts cinema and hits the sweet spot. I'm already pretty excited to watch the second intallment of the series, hopefully Fung can keep the momentum going. If he could only improve the soundtrack a little, this could turn out to be a landmark production.

]]>
Wed, 02 Jan 2013 12:45:47 +0100
<![CDATA[movies 2012/greatest hits]]>http://www.onderhond.com/blog/personal/movies-2012-top

Even though 2012 failed to bring me any true masterpieces, it was not only another year of exciting film discoveries but also a happy reconnaissance with old favorites. To make sure this recap isn't just a shameful copy of my very own top 10 though, I'm going to stick with listing the best films I've seen for the very first time this year. The following list of films is meant to be a good reminder for regular readers of my blog and a wealth of tips for those just passing by.

10. Usagi Drop

Hiroyuki Tanaka (Sabu) returns with a slick and polished, yet sweet and heartfelt little drama. If the main characters had failed to engage the film could've turned out to be be a sentimental monstrosity, but Matsuyama and Ashida are perfectly cast to bring this feel-good drama to a satisfactory ending. It may not be the return to form that many have been hoping for, but Usagi Drop a great little film nonetheless.

09. Norwegian Wood

Norwegian Wood is probably one of famed writer Haruki Murakami's best-known novels, but it's Anh Hung Tran's mastership that makes this film truly special. Superbly directed and orchestrated, Norwegian Wood is a dark and brooding drama that takes its time to flesh out its characters and bolsters the pent-up tension to deliver a strong punch in the gut during its beautiful finale.

08. First Time

If you ever wondered what a Taiwanese romance film would look like when led by a Chinese director, look no further. Chinese cinema is reinventing itself and it's peeking at neighboring countries for inspiration. The Taiwanese influences are abundant, still Yan inserts enough of his own ideas to make First Time a perfect little marvel. And right when it feels as if the film is becoming a little too mushy for its own good, Yan twists the story around and balances drama and romance like a seasoned director.

07. Kotoko

Shinya Tsukamoto returns without another gem. No cyberpunk or outlandish plot devices this time around, instead we get a very intimate and intense drama about a girl that struggles with her own mental balance. This doesn't hold Tsukamoto back from applying his usual audiovisual trickery though, making for a very special and unique combination of style and substance, one that warps you right inside the mind of the film's main protagonist.

06. Megane

Megane is without a doubt the most chill film I've watched this year. If the highpoint of a film is a scene where the main characters are enjoying an ice cream on the beach you're either dealing with one of the most boring films ever or a true masterpiece. Lucky for me Megane turned out to be the latter. If you want a mini-vacation without leaving the comfort of your own chair, Ogigami's film is a certain bet.

05. Beast

Christoffer Boe is back with a drama-turned-horror film. Beast is a vicious romance where passion and love turn into obsession and hate. The film looks and sounds absolutely gorgeous (what else did you expect from Boe) and delves deep into the hidden abysses of the human soul. If you're not satisfied with what I have to say about the film, make sure to check my interview with Boe on Beast for more insightful answers.

04. Beyond The Black Rainbow

Usually I'm not a big fan of these 60s/70s revival flicks, but Cosmatos' Beyond The Black Rainbow easily transcends its influences. Every single shot is a mesmerizing marvel, the film oozes atmosphere and sports a mysterious and challenging storyline. It's a shame the ending doesn't match the quality of the rest of the film, but that's just a small blip that hardly takes away from the stunning beauty that came before.

03. Xing Kong

2011 was the year of the big break-through for Taiwanese cinema. While not the absolute best Taiwan had to offer, Xing Kong is definitely one of the finer projects coming from Taiwan last year. A frivolous, stylized and quirky little adventure with strong child actors and a strong plot that charms from start to finish. And extremely accessible to boot.

02. Lee's Adventure

Lee's Adventure carries on the current high of Chinese cinema. It's a sprawling mix of different media and art forms, all mixed together to create one of the most entertaining films of the year. It's modern film making at its best, detached from stifling dos and don'ts and happily finding its own way into the market. Brace yourself for an action-packed film that leaves room for a little romance and a lot of surprise and wonder.

01. Heruzu Enjueruzu

My absolute favorite of 2012 is a film that was first released in 2009. After only a few screening at festivals, Heruzu Enjueruzu remained on the shelves for 3 years until it was finally released on Blu-Ray this year. The film is an insane mix of crazy animation (think Dead Leaves or Redline) with a biblical plot. It's weird, freaky and completely insane, but also an inspirational bombshell that leaves you gasping for air. This is how I like my anime.

]]>
Mon, 31 Dec 2012 12:18:29 +0100
<![CDATA[recap 2012/waving goodbye]]>http://www.onderhond.com/blog/work/recap-2012-best-onderhond

Another year has passed, which means it's once again time to rehash some of the better offerings I posted on my blog this year (check the 2008 and 2010, 2011 editions for more recaps). 2012 was an interesting year dominated by responsive and adaptive challenges, but also a year that threatened html from all kinds of different directions. Here's what I think should be remembered when thinking of 2012 (when it comes to front-end that is).

10. content layout headaches: on headings and images

Even though we face some very tough and harsh challenges on a regular basis these days, let's not forget that are still a couple of age-old problems that are awaiting a good solution. Content layout is still a tricky balance between offering freedom to the content provider and sticking to fixed structures that are tightly coupled to the css. But even then there are some things we just can't do cross-browser yet, which is a little sad to admit if you know we can even build in-browser 3D games these days.

09. cleaning up html pt1: when mixins become skins

When working with css post-processors, it's essential to learn how to write a good mixin. But take it one step further and we can even start defining css skins for entire components. Not only is a lot easier to maintain your css file this way, it also helps to keep your html as clean as possible, eliminating the need for superfluous classes that serve as mere css hooks.

08. data- attribute boundaries: data, not behavior

This past year I've written a couple of javascript-inspired posts on how to deal with functional patterns in your html. I proposed the use of the data- attribute to hard-code the functionality in html, but came back on that decision after realizing this goes against long-standing best practices. While not renouncing the data- attribute as such, make sure you use it for what they are intended, not for mixing content and functionality.

07. spacing row items: the liquid challenge

Going the responsive route using only breakpoints isn't that hard, but if you want your site to be liquid in between those breakpoints you run into some interesting problems. What to do with all that extra space? Increase the size of the gutters, make your components wider or do both? There are several options that help you deal with that extra space, here are the most common ones together with their respective drawbacks.

06. responsive images: leave html alone

The holy grail of responsive web design (or at least, one of the most popular holy grails) is still left unsolved. Earlier this year two propositions surfaced to deal with responsive images, sadly both options involved a revamped html syntax that explicitly stated all the different sizes and urls in the html code itself. A disaster for maintainability and a solution we should really try to avoid.

05. css selector performance: front-end myths

The number of posts that talked about performance this year where just too many to count. It seemed that every day a new article surfaced, urging you to do X or Y to make your website just that little bit faster. But few of these posts cared for real-world performance or the maintainability problems these performance increases brought with them. Performance has become an import part of our job, but it shouldn't be the only motivator to pick a certain technique or methodology.

04. writing html: eyes closed

I've been focusing on pure html for a couple of years now, but even then I still find myself being influenced by design or wireframe visualizations from time to time. As css becomes stronger and more flexible, we should learn to write html with our eyes closed, focused on logical order and semantics rather than visualizations and grids. It's a tricky exercise, but one we could learn a lot from.

03. internet environmentalism: a tribute to the web

My definite plea for the importance of good html. While the web is taking big strides forward each and every day, the bottom line behind all these evolutions is still plain old html. All the other layers on top make the experience better (at least, they have the potential to do so) but ultimately are not nearly as essential. Make sure your content is valuable, make sure it is structured well and you are good to go.

02. responsive woos: head first and eyes closed

Responsive (/adaptive) web design is hip, it's cool and it's the proper thing to do these days. But left and right people are suffering to wrap their heads around the myriad of possibilities that have opened up. I think it's already safe to say that in five years time the websites we are making today will be hopelessly outdated, leaving little in the way of the good hopes we had for building solid and durable website platforms.

01. media queries: we're doing it wrong

Media queries, our most valuable and important tool when writing up a responsive design. But at the same time they are keeping us back from writing component-based responsive behavior. Instead of focusing on a components width (either defined by the component itself or by its context) media queries focus on screen sizes or browser sizes. Not even the newly proposed extensions set out to solve this strange omission in our tool set.

]]>
Fri, 28 Dec 2012 12:24:43 +0100
<![CDATA[sutekina kanashibari/koki mitani]]>http://www.onderhond.com/blog/personal/sutekina-kanashibari-review-koki-mitani

Most Japanese comedies tend to be either extremely over the top (Milocrorze, Donju) or extremely dry and deadpan (Kofuku no Kane). Sutekina Kanashibari (also known as Once In A Blue Moon or A Ghost Of A Chance) aims for a more balanced combination of these two stretches and somehow gets away with it. The result is a witty, sparkling, amusing and at times slightly disturbing film that charms like there's no tomorrow.

screen capture of Sutekina Kanashibari

After watching Miike's Ace Attorney earlier, Sutekina Kanashibari marks the second oddball court comedy I've seen this year. Even though both film have quite a lot in common, Mitani doesn't share Miike's anime/manga aesthetics and chases a different kind of funny. While still extremely rooted in Japanese culture, the comedy here is a lot warmer and aims to charm rather than go full-force for freaking people out.

Sutekina Kanashibari is characterized by a unique "laissez-faire" style of humor. All said and done there is plenty of weird stuff happening throughout the film, but somehow the characters are quick to accept these oddities, acting either mildly amused or severely interested in whatever they are told to believe. Because of that, it's much easier to go along with the weird story twists, which makes for a very different experience compared to other Japanese comedies.

The film follows the adventures of Emi Hosho, a failed lawyer who is just given her very last chance to prove her worth. It's a tricky case she's handling though, as the defendant's only alibi is a wandering ghost who held him hostage on the moment of his wife's murder. Realizing the ghost is her only chance of winning the case, Emi drags him along to court. While the judges don't seem to mind the appearance of a ghost as a witness, the plaintiff is eager to do everything in his might to invalidate Emi's case.

screen capture of Sutekina Kanashibari

While not overly flashy or in your face, Sutekina Kanashibari is a very pleasant film to look at. It's a very colorful and delicately shot film that doesn't really experiment but still manages to one-up its competitors with some fancy camera tricks and smart visual touch-ups. There's even some CG and while not truly remarkable, these scenes are not just some cheaply tagged on computer animation inserts either.

The soundtrack is cute and often resembles that of classic cartoons. It's a collection of up-tempo, lighthearted music with some funny accents left and right that compliment the comedy moments on screen. It's not a very recognizable or unique score, I can't really imagine listening to it as a standalone piece of music, but within the film it definitely does the job and it enhances the already solid atmosphere, which in the end is all that truly matters.

If there is one stand-out performance in Sutekina Kanashibari it's Toshiyuki Nishida's role as the wandering ghost warrior. He is great as the gullible but slightly mischievous ghost with a golden heart. The rest of the cast is basically there to support him (Eri Fukatsu) or to provide some unrelated comedic relief (Tadanobu Asano). Hiroshi Abe puts in a commendable performance and Dolls fans are sure to recognize Kyoko Fukada in a small but important role. But my favorite character here is without a doubt the judge, who kickstarts most of the stand-out funny moments.

screen capture of Sutekina Kanashibari

Even though the film lasts a whopping 140 minutes (which is stretching it with the material at hand), the film never drags or wears thin. The comedy remains at a constant level throughout the film, there's no change of tone to allow for a more serious and/or dramatic ending and there are still plenty of quality laughs during the final hour. There may not be too many laugh out loud scenes, but you're sure to spend the majority of the running length with a contented smile on your face, eagerly waiting to see whatever happens next.

The combination of strange plot twists and original turn of events with a warm but deadpan sense of humor is the true winner here. The rest of the film is tailored to maintain this tricky balance and Mitani handles it like a pro. There are no notable dips, no boring subplots or sentimental pressure to take away from the overall charming atmosphere. To be honest, I didn't expect too much when I sat down to watch this film, but it turns out to be one of those films that I would even recommend to people who're not really into Japanese cinema.

]]>
Thu, 27 Dec 2012 11:59:36 +0100
<![CDATA[data- attribute boundaries/data, not behavior]]>http://www.onderhond.com/blog/work/data-attribute-boundaries

This past year I've featured a selection of posts that used data- attributes in order to define javascript behavior on components (more specifically, the behavior of the carousel, flyout and accordion components). Now, with 2012 running on its last legs, I'm going to explain why that might not have been the best idea. It's not that I'm going to renounce data- attributes from here on, it's just that I fear that I've been actively abusing them.

the theory

The theory itself is pretty cool of course. Dump a data-pattern (or data-whatever) attribute in the html source (with the value of the attribute referencing the behavior of the pattern), have javascript pick up the attribute automatically and perform the needed javascript magic for the pattern to become fully functional. If you have a good set of javascript functions available, you could do quite a lot just be altering the html where needed.

why this doesn't fly

There's really no practical reason why this couldn't work of course, in fact we actually implemented it a couple of times like this and everything went pretty smooth. Take a list of articles, add data-pattern="carousel" and bang: there's your article carousel. Remove the data- attribute and it simply reverts to an ordinary article list. But there are some pretty bad drawbacks that have to be taken into account when you're opting to take this path.

The main problem is that we're attempting to tie and embed functionality directly into our html code by setting the data-pattern attribute. Remember all that fuzz about using presentational class names and how that conflicted with our html ideals? Well, this is exactly like that, only we're using functionality-driven data- attributes to do it this time around. You may not care about separating style and functionality from structure, but even then things could get messy real quick.

throw adaptive design into mix

When you're opting to implement an adaptive design, the real problem with using data- attributes for functionality kickstarting starts to materialize. What acts like a flyout on a mobile version of your site isn't necessarily a flyout on the desktop version of your site. What acts and is displayed as a carousel on mobile could just be a regular list on desktop. It's the perfect illustration that functionality isn't bound to a certain component, but could differ depending on the context and the instance of a component, which is why it doesn't belong into the html code.

html changes are costly

And finally there's the age-old argument that html changes are costly and should be avoided whenever possible. When the functionality of a component changes, this should not be reflected in the html, instead we should just be able to update the javascript file without touching the html code at all. That's not to say you can't add a few classes on the fly, but embedding it into the html is just plain wrong. This has been one of my prime concerns ever since I started focusing specifically on writing html code, so it's quite a mystery how this one could ever slip by me.

conclusion

Use your data- attributes as data containers for scripts, not as hooks to trigger certain script-fueled functionalities. We really don't need another tie-in, formally binding our html to our javascript code. Our html should be rich enough to identify the correct elements that need to be targeted with javascript anyway, so the use of data- attributes hardly reduces our work, it only makes our html code more confusing and less flexible. On top of that, the use and goal of the data- attribute can remain as pure and untainted.

]]>
Thu, 20 Dec 2012 13:15:13 +0100
<![CDATA[ye yan/xiaogang feng]]>http://www.onderhond.com/blog/personal/ye-yan-review-xiaogang-feng

If Hong Kong's early 90's action flicks were dominated by flashy, speed-driven wire-fu, the early 00's introduced a more refined vision on the Chinese martial arts. Every consecutive year a slew of films were announced that promised to be bigger and better than the previous ones, but very few actually succeeded. Until Xiaogang Feng took a stab and raised the bar to a level that none of its peers would ever dream to match. To date, Ye Yan is still the finest film the genre brought forward.

screen capture of Ye Yan

Even though Ang Lee's Crouching Tiger, Hidden Dragon probably deserves most credit for launching this particular sub genre across the world, it wasn't until Yimou Zhang made Hero that I started to take notice. The combination of hyper-stylized action sequences with superbly rich and lush settings was something quite novel at the time and people were obviously loving it. Others jumped onto the bandwagon, but no-one (not even Yimou himself) was quite able to match the success of Hero.

When Feng made Ye Yan (The Banquet/Legend Of The Black Scorpion - depending where you live) international interest had already dwindled, which sadly hampered the global success of the film. But that's not the only thing that stood in the way of garnering wide recognition. A small word of warning is needed when recommending Ye Yan, as it is not a true action film. Many people often refer to the action sequences in this type of film as ballet-like, Ye Yan actually treats them (quite literally) as dances. It makes for some extremely refined fight sequences, but it does take away from the action itself.

Ye Yan is an adaptation of Shakespeare's Hamlet and Ibsen's Ghosts, but since I'm not familiar with either of them I can't really judge how close Feng stayed to the source material. The story is a rather compact and highly theatrical throne room drama, where deceit, betrayal and romance all end up in a accelerating spiral towards a tragic ending. Nothing out of the ordinary I guess, just don't expect anything too epic as the film's amin focus is mostly confined to one single palace and its internal affairs.

screen capture of Ye Yan

The first time I watched Ye Yan the visuals blew me out of my chair. Having watched it again just now, I can safely say that time left the initial wonder intact. There is little CG involved and the little there is only has a very small effect on the film's overall visual look (apart from some CG blood everything looked like old-fashioned wire-fu to me). The film's settings are beautiful beyond description, from the scenery to the interior decorations and the costumes of the actors. The camera work is stylish and controlled, the slow-motion sequences some of the most impressive I've ever seen. There is not a single scene or even shot in the film that doesn't know to wow.

The soundtrack is a bit more traditional in nature, even incorporating some Western influences. But ultimately it goes well with the tragedy happening on screen. It gives the scenes a certain weight and accentuates the tragic moments without overstating them. There is plenty of melodrama present and getting that across with the right amount of pathos can be a little tricky at times, but Feng steers the soundtrack pretty well, avoiding some nasty pitfalls in the process and even scoring a few points along the way.

As for the actors, Daniel Wu (the main character) is probably the weakest link. He isn't even half-bad though, it's just that the rest of the cast easily outclasses him. Ge You is superb as the back-stabbing brother-in-law/emperor, Ziyi Zhang and Xun Zhou take proper care of the two female leads. This trio of actors is ideal to take on the more dramatic scenes in the film. There is also an extra saving grace for Wu, which is the fact that in many scenes he is required to act with a mask on, effectively hiding some of his acting imperfections.

screen capture of Ye Yan

Ye Yan arguably contains some of my favorite fighting sequences, but comparing them to more steroid-driven action sequences is pretty much impossible. There's no way that you can put Tony Jaa's work next to Woo-ping Yuen's ultra-stylized fight-dances and pick a winner. Ye Yan does offer some of the most gorgeously shot wire-fu sequences in the history of martial arts cinema though and compared to its direct peers I can't see any film that would hope to match Feng's masterpiece.

If you can stomach the classic tragedy that houses in the film's story, a world of unmatched cinematographic beauty opens itself and provides one of the most stunningly beautiful action films ever released. Just don't sit down hoping to be dazzled by a continuous stream of fighting sequences, there is quite a lot of dialogue here and a strong focus on the dramatic events that drive the four main characters. That said, Ye Yan is by far my favorite of all the wuxia films out there, even leaving Yimou's Hero to gravel in the dust.

]]>
Mon, 17 Dec 2012 13:13:23 +0100
<![CDATA[media queries/you're doing it wrong]]>http://www.onderhond.com/blog/work/media-queries-based-on-elements

The front-end development scene is more or less divided into two different teams of people. Those who build, experiment and hack their way around the web and those who make it their job to try and standardize everything by having a good, solid year of contemplating the pros and cons of a certain idea. It's a rather precarious balance that seems to work despite what common sense would tell you, but when these two worlds collide you can be sure the result isn't pretty. Let's talk media queries.

the birth of media queries

Just looking at the (poor) flexibility of the media queries spec, it's plain to see that they were build to differentiate between devices. This wasn't too much of a problem back in the day, because apart from the iPhone there were very few decent alternatives to venture onto the web with your phone. So device-width was a pretty good differentiator to determine the context of your user (touch, connection speed, available width), only anyone with half a brain realized this situation wasn't going to last very long. Other players came along and with the rise of smartphones and tablets it soon became apparent that adding two or three breakpoints wasn't really going to cut it.

Nowadays the market is exploding with all kinds of varying form factors and interfacing options. Touch or no touch, resolutions and aspect ratios, retina or bigger, connection speeds and web or in-app web technologies. A million different factors that could in some way or another affect the way you want to display your site. I've complained about this before though, so let's just stick with plain old widths and see how media queries are failing us there.

components and context

More and more I feel the need to determine the style and function of a component based on it's actual context. By actual context I don't mean the device its on or the browser its in, but simply the available space it has. Whether a component has enough space to show certain of its elements does not rely on the size of your device, it relies on the available space it has. And sadly, the connection between device width and available width is a very wonky one.

For example, you can differentiate the look and behavior of a carousel on a smartphone because you lack the space that a normal desktop website has, but what if you drop a carousel in the secondary column on desktop? Your column width may be the same as the width of a phone, so why make a difference? (For the record, I'm not taking into account touch-related interface changes, but since the surge of Win8 hybrids that differentiator has come to die too.) Maybe you dropped your carousel in a %-based column grid, which means that it has a different size for every browser window state.

Rather than define all these different contexts (now it's in a 300px fixed right column, now it's in a 50% wide equal width grid) for each device/browser width option, wouldn't it make a lot more sense to just tell the carousel how to behave between varying widths? It it has less than 300px width available do A, if more do B? No more worries about when you're going to hit that breakpoint on whatever device or browser size.

conclusion

It would be truly great if we could devise our css in such a way that depending on the width of its own size, a component would react in a certain way. It's the only sane way to keep incorporating liquid/adaptive designs for the current load of devices on the market. Stop worrying about the width of your device or browser and simply base the behavior of a component on the available space its given. After that you still need to combine your width-based setup with the million other differentiators out there (of course).

Currently there are some javascript solutions to fake this behavior, but this really should be a native css thing. I've looked around a little on the web, sadly not too many people are even talking about this lack of functionality (which I find strange since everyone seems to be loving OOCSS and related component-based styling methodologies), so I don't expect any major breakthroughs soon. Then again, if nobody complains we might never see this implemented, so here goes nothing.

]]>
Wed, 12 Dec 2012 12:54:09 +0100
<![CDATA[sekai de ichiban utsukushii yoru/daisuke tengan]]>http://www.onderhond.com/blog/personal/beautiful-night-world-review

Daisuke Tengan's Sekai De Ichiban Utsukushi Yoru (The Most Beautiful Night In The World) is one of those typical Japan-only films. A certain breed of absurd comedy and down-to-earth drama that no other country seems to be able to produce. It's a rather lengthy film that demands a little effort from its audience, but Tengan keeps a tight grip on the script and does everything in his power to make it worth your while.

screen capture of The Most Beautiful Night In The World

Even though Daisuke Tengan isn't too famous a director, he's quite notorious for writing a couple of well-known screenplays. He penned 13 Assassins, Audition and Imprint for Takashi Miike and wrote the screenplay for Shohei Imamura's The Eel and Dr Akagi. Tengan doesn't shun the absurd and as a director he is able to fully explore the weirdness in his writing. It may not be as all-out insane as Miike's most infamous films, but be sure to run into some very odd twists and turns along the way.

Tengan's Sekai reminded me a little of Nakashima's Memories Of Matsuko. On the surface you'll find a bright and fun film, but underlying all the joy is an unmistakable undercurrent of darkness. When all is said and done Sekai is a true comedy though, only using the darker segments as a diversion rather than the other way around. The finale in particular is one of the most effective feel-good moments I've encountered in a long, long time.

The film starts with the arrival of Kazuya in Kaname, a rather backwards and rural village in Japan. Kazuya was forced to join the local Kaname newspaper, which functions as a refuge for journalists who fucked up their career in Tokyo. Bored out of his wits, Kazuya starts wandering around town in the hope that there is something interesting to report about. It doesn't take him long to realize that this village has its own share of secrets, but uncovering them is a lot harder than he expected.

screen capture of The Most Beautiful Night In The World

The mix of playful, absurd comedy and drama is perfectly reflected in the film's visual style. There are several sequences setting the actors to collage-like animated backgrounds, mostly to reveal some background story or just helping out with parts that would've been pretty difficult to film in real life. It's a pretty smart way to avoid sketchy CG while at the same time giving the film its own unique identity. The dramatic sequences are more traditional, sporting solid camera work and slightly murkier colors.

The soundtrack is a collection of up-beat and fun background tracks mixed with local folk, at times vaguely reminiscent of a typical Wes Anderson soundtrack. It's not a truly great or memorable selection of tracks, but it does help to give the film it's own particular atmosphere while further strengthening that typical backwards town feeling. The soundtrack doesn't make a lasting impression, but it does work very well within the confines of the film.

Taking up the lead role is Tomorow Taguchi (of Tetsuo fame). One of Japan's most under-appreciated actors, he has a keen eye for interesting films (with notable appearances in Hiroki Ryuichi's films like M, It's Only Talk and Keibetsu) and has been working hard on his career these past couple of years. The secondary roles are equally capable, with Tsukifune and Ryo Ishibashi in strong supporting roles and Yoshiyuki Morishita in another great cameo. All in all a very strong cast that knows how to work around the weirdness while building up a set of earnest, believable characters.

screen capture of The Most Beautiful Night In The World

Tengan's Sekai is the kind of film that throws the notion of suspension of disbelieve completely out of the window.By deemphasizing the weirdness Tengan creates a very unique and wonderful universe without losing too much time trying to explain everything. When halfway through the film Kazuya turns into a snake it is simply announced by a short voice over monologue. From that point on the film just seems to accept this weird turn of events and the audience is asked to do the same.

Even though the film isn't overly erotic, do take note that sexuality is the film's core theme and it goes together with a rather surprising amount of nudity. Never in a very erotic setting, but this is definitely nsfw material, even when the film in its entirety plays like a sweet, subtle and feel-good piece of comedy. It's nothing to worry about really, unless you're a prude who doesn't take this kind of nudity very well.

Tengan's Sekia is a little gem. While at first the different segments of the film may appear to be a bit detached, the second half of the film does an excellent job of bringing everything together into an amazingly feel-good finale. Don't expect to make sense of everything happening in the film, just accept Tengan's universe as it passes you by and enjoy the wonders that stem from it. With 160 minutes it's a pretty long film, but the investment is more than worth it.

]]>
Mon, 10 Dec 2012 11:49:55 +0100
<![CDATA[smuggler/katsuhito ishii]]>http://www.onderhond.com/blog/personal/smuggler-review-katsuhito-ishii

After what seems like an entire decade, Katsuhito Ishii resurfaces with Smuggler, his latest feature length film based on the popular manga going by the same name. Gone is the lighter, melancholic tone of Ishii's hit films, instead he reaches back to his earlier films, mixing and matching a series of freaky characters into a dark crime setting. The result is every bit as fun and outlandish as his earlier work, proving Ishii hasn't lost his touch over the years.

screen capture of Smuggler

Most people first ran into the work of Katsuhito Ishii when they heard of Cha No Aji, toss My Darling Of The Mountains into the mix and it's no surprise that Ishii's latest caused quite a few raised eyebrows amongst unsuspecting festival attendants. But if you've seen Ishii's Shark Skin Man & Peach Hip Girl or Party 7 you won't really fall off your chair when watching Smuggler, though I must admit that this is probably the darkest film he's made so far.

Gone is the explicit humor (safe a few stand-out moments), but there is still plenty to smirk about (the insane cast of characters makes sure of that). Instead the film focuses a lot more on the darker parts of the story. There are some pretty cool and stylish action sequences, combined with a little gore and torture. Not enough for gore hounds to satisfy their urges, but sensitive viewers have been complaining left and right about a couple of explicitly gruesome scenes.

The film is split in four distinct sequences. First we get to know Ryosuke, a leech who has no aspirations to make something out of his life. He gets suckered by a Chinese gang and ends up with a 3 million yen debt. To pay off his debt he becomes a "mover of goods" (no questions asked). The second part introduces two Chinese killers who are being set up by their gang boss. Several different stories intertwine, intrigue rears its ugly head ... you should know the drill by now.

screen capture of Smuggler

Visually everything looks mighty slick. The film appears to wear a dark veil that mutes all colors, even during the day scenes. It adds plenty to the ominous atmosphere running throughout the film. Other definite highlights are the action sequences that make great use of slow-motion trickery, the action choreography is also spot on. Sharply edited and beautifully shot, Smuggler may well be Ishii's best-looking film to date.

The soundtrack is probably the weakest part of the film. A simple selection of background tracks that does little to spark a real interest. It's okay in the sense that as long as you don't pay too much attention to it, it does the job fairly well. But once you start to notice the flat tunes and arrangements you can't help but wonder why Ishii didn't put a bit more effort into the soundtrack. It would've given Smuggler that extra bit of polish.

The cast on the other hand is truly sublime. Masatoshi Nagase is always a pleasure to behold (he does look surprisingly old in this film), though I believe it's Masanobu Ando that makes the biggest impression as Vertebrae, one of the Chinese killers. Littered with tattoos and scars and sporting an ash-white hairdo, his actual presence is as impressive as his performance. There are quite a few notable cameos too. Ren Osugi and Susumu Terajima make a great surprise appearance, Ishii favorite Tatsuya Gashuin (the one with the eyebrows) takes on a slighter bigger part (though he's a bit difficult to recognize apart from his distinctive voice).

screen capture of Smuggler

Smuggler is an extremely entertaining slice of dark entertainment. Littered with weird and freaky characters, the four chapters play out well and make for an interesting finale. There are no deeper motives, no hidden themes or overarching analogies though, Ishii fully commits himself to the entertainment value and that's actually a plus here. No muddled attempts at anything bigger or more, just two hours of old-fashioned fun.

Most Katsuhito Ishii films will feel right at home when watching Smuggler, those who only know Ishii's lighter work and consider Bambi to be borderline acceptable for a Disney film should take note that Smuggler is quite a bit darker than his other films. Still, the fun factor of Smuggler remains incredibly high and coupled with the tight finish of the film it belongs right up there with the best of Ishii's work. A testament that there is still some life left in Japanese cinema.

]]>
Wed, 05 Dec 2012 14:03:57 +0100
<![CDATA[web vs app/longevity vs hype]]>http://www.onderhond.com/blog/work/app-hype-longevity-vs-hype

The biggest, most heated, debate-sparking topic of 2012? The clash of web vs app, no doubt. Many articles and blog posts before me have talked about the epic battle between the web and it's fat client opponent. Facebook hailed the app approach, others have dissected and diffused every complaint Facebook made. It wasn't until I read Christian Heilmann's latest article on web standards that I started to worry though.

hello apps

Up until a couple of months ago I didn't pay too much attention to the vast world of apps. I own an old S500i mobile phone and I was a loyal Windows 7 user, so the whole app store, micro-payment hype was happily passing me by. There was always this lingering feeling that I might be missing out on something major, but I didn't really feel the need to explore as apps weren't going to solve any of my pressing problems.

Now that Windows 8 is here (which comes with its own app store), I am pretty confident that I really didn't miss out on much. I am fully aware that the Windows Store is currently understocked and missing quite a few "essential" apps, though I haven't been able to find one article that could tell me exactly which crucial apps I'm actually missing out on. Starbucks, Twitter, Facebook ... seriously?

crapps

The way I see it, the whole app world has a couple of very tough battles to fight before it can actually settle as a serious opponent for the web. First of all it faces the same problems as RSS and various social media sites are experiencing. Because they are all about micro and single-focus, over time these services become almost impossible to maintain for a single person. Popularity is actually the reason why many of these services are struggling to survive. RSS is nice if you have 10 sites to follow, but it becomes counterproductive when you have hundreds. The same goes for Twitter and Facebook. It's easy to follow and befriend, but after a while you start missing the vital information while semi-spam further invades your update stream. This goes also for apps. Loyalty towards apps is often nonexistent and many apps are only used once. This creates clutter and the past taught us that built up clutter is almost impossible to get rid off.

This has a lot to do with the very limited reach of most apps. Single-task, single-focus is fine because mobile is still relatively "new", but as our phones grow stronger and faster people will begin to expect more and more from them. Apps are not build to be extended. Each apps lives in its own world and fails to become a part of a bigger whole, making it hard to do anything more complex than a few simple tasks.

content and singular tasks .. but never fully-fledged programs

Looking at the available apps in the Windows Store, I was surprised by what I found there. Many apps are nothing more than wrapped content. An app like iCookBook offers a few recipes and that's it. Even as a website it would make a poor impression, where I used to believe (at least that's what people told me) that apps provided added value. Another telling example, written with a entirely serious tone of voice:

The feature list is at least impressive, as the Amazon for Windows 8 app allows you to quickly search for products, read product descriptions and reviews, add products to the shopping car or to the wish list and even purchase products.

softpedia

A better example still is that of national radio stations. Just about every station in Belgium released a Windows 8 app. All these apps do exactly the same thing: they stream their own list of programs, basically offering you one single radio channel (and ads/branding of course). Even oldskool radio hardware does a better job than that. Then there are the aggregate radio apps, offering you a selection of radio streams from around the world. Same crap, but at least they go to the trouble of offering you more content.

But what about internet streams, right? Do I need a separate app for them too? What I want is an app where I can collect the streams that I like and/or care for. Mind, that would be a bare minimum, what I really want is a decent media player that plays music, streams, video and the like. You know, like on a regular desktop machine. Maybe I haven't looked hard enough, but the fact that all these other apps exist seem to support my statement that currently there is a serious lack of quality software in these app stores. Instead you get micro-functionality and content for a small price (still way to much to consider it a micro-payment) without any sort of platform where all these services could cooperate together.

apps have their place

Apps are great for small innovations, games (maybe), for micro-UX and for replacing campaign sites. For now they've enjoyed reasonable popularity because our hardware is incapable of anything more. But once we start to expect more of our phones and tablets, the clutter of apps will start to crack and fail to engage us on a long-time basis.

I don't want to download an entire app just to get a book of pre-set recipes, I want a book where I can collect recipes from various other sources. If at all possible I want to link those recipes to my collection of online stores so I can instantly swap the necessary ingredients of a recipe to my shopping list. In the same way I don't want a single radio stream, I want a place to collect the different streams I like. And if it can't be directly integrated in a player, I want to be able to connect my player to my collection of streams so they can work together. That way you could benefit of all the work that went into the UX of a single task without having to suffer to poor functionality of each individual app.

conclusion

The web doesn't need to fear apps (yet). The web is meant for long-time, searchable content and services. That's why it worries me when someone like Heilmann proposes to try and beat apps head-on. The web doesn't need to shift its focus, instead it should get better at what it does best. I do agree with him that we need better authoring tools, but not to build futile and hype-of-the-moment type of websites.

Apps have quite a long way to go before they become close to being a real threat to web content and currently they lack an underlying platform to make that happen. Once the app hype dies, the web will have other things to worry about, so unless we focus on our core business we'll end up straying from our path. Only then will the web be in real trouble.

]]>
Tue, 04 Dec 2012 14:03:07 +0100
<![CDATA[gozu/takashi miike]]>http://www.onderhond.com/blog/personal/gozu-review-takashi-miike

Even though Takashi Miike (46 Okunen No Koi, Zebraman 2, Crows Zero 2, Crows Zero, Sun Scarred) is going through a more kid-friendly phase of his career (Nintama Rantaro, Ace Attorney), he is still fondly remember for the wacky and crazy stuff (Visitor Q) he made 10-15 years ago. Gozu is a genuine relic of that particular time and without a doubt one of the highlights of that period. Even by modern standards some scenes are still jaw-droppingly insane.

screen capture of Gozu

Even though Gozu was also dubbed Yakuza Horror Theater, it's not that simple to categorize the film (then again, that goes probably for most of Miike's films) as a straight-up horror flick. Gozu does have its fair share of tense and freaky moments, but underlying the horror is a constant stream of absurd humor. Gozu never cashes in on gore, creeps or scares, instead it uses its dark and outlandish setting to draw some awkward and stunned laughs from its audience.

The challenge of Gozu is to appreciate its two distinct sides. There are some genuinely funny, dry and understated scenes littered throughout the film, but they tend to be overshadowed by the bat-shit crazy moments that Miike flaunts so generously in order to brighten up the film. By comparison the rest of the scenes may appear to be a little dull, but that's just by contrast. If you look a little closer you'll find that the in-between scenes have their one unique flair and contain plenty of laughs too.

The film starts off when low-ranking yazuka Minami is ordered to kill his own boss, Ozaki. Ozaki has lost his mind and he's become a liability to the entire clan, so Minami and Ozaki are sent on a trip to a remote village where Minami is supposed to take care of the killing. While Minaki is reluctant to follow up his orders, he is helped by faith when Ozaki suddenly dies beyond Minami's own control. But then Ozaki's body disappears and the people of the village turn out to be a real freak show, unable to help him locate Ozaki's remains.

screen capture of Gozu

Visually it's typical oldskool Miike, although there aren't too many ultra-budget effects on display here. The image quality is quite grainy, but the desolate and detailed settings do provide some surprisingly atmospheric visuals. The warm red and brown colors that run throughout the film help to further establish the dark and intense atmosphere. Not everything is up to par, some scenes do look a little pale in comparison to others, but overall Gozu is a visually pleasing film.

The soundtrack too has its moments. From the eerie jazzy interludes to the Gozu theme song, Miike has a few interesting musical tricks up his sleeve. As a whole the soundtrack may lack some coherence and it it does come across as quite fragmented, but within individual scenes it proves itself to be an asset to the overall atmosphere of the film.

Sone takes up the lead role as Minami, but when all is said and done this is really Sho Aikawa's film. He really owns his Ozaki character, bringing a surprising likability to an otherwise weird and insane character. Aikawa is a great actor, one of Japan's underestimates gems if you ask me, and he truly thrives when featured in a Miike film. The films also features some very good performances of Keiko Tomita and Renji Ishibashi in secondary roles and a nice cameo of Ken'ichi Endo, making for a fun and varied cast that is not afraid to get a little freaky.

screen capture of Gozu

As good as the film is in its entirety, Gozu will always be remember for a couple of glorious, stand-alone "wtf" moments. The film opens with the by now infamous yakuza killer dog scene and goes on to surprise and revolt with the human milk farm, the yakuza skin collection, the worst death scene ever and the cow scene. But it all pales in comparison to one of the most epic endings ever filmed, five minutes of pure Miike genius that couldn't have made a better finale. A scene that Miike even knows to surpass with what is probably the oddest, driest ending quote ever.

Even though these scenes tend to pull all the attention towards them, there is still plenty to enjoy in between. Miike's sense of dry and absurd humor is impeccable throughout the film, Minami's trip is as weird, awkward and disturbing as they come and Aikawa puts in one of the best performances of his life. Just don't expect a typical horror/mystery flick (despite many claims of Lynch-like scenes), Gozu is a superb comedy meant for people who like their slice of cinema a little different.

]]>
Mon, 03 Dec 2012 12:39:34 +0100
<![CDATA[on css-centric development/and anti-patterns]]>http://www.onderhond.com/blog/work/css-centric-front-end-anti-patterns

For years I've been complaining that, as an industry, we don't spend enough of our time working on best practices. The front-end mentality is one that puts quick fixes and ease of implementation above a solid underlying structure. So you'd think I'd be pretty excited to see a lot of best practice post popping up lately, sadly the reality is a bit more complex. Many of these posts are misleading at best, most of the time they are just hurtful and diminishing to the efforts we have made the past ten years.

anti-patterns

Not too long ago an article on css anti-patterns surfaced, bringing up another selection of so-called smelly css code examples. Reading the article pretty much made my head spin. I think I'm guilty of willfully endorsing just about every anti-pattern mentioned there (the use of !important excluded). Now, I'm not going to write a lengthy article on why I think the author of the article is wrong and why this and that pattern should be used regardless of being considered an anti-pattern by some (you can check Chris Coyier's response, because I think there's a more important issue to talk about.

How come, in less than a year's time, my css code went from clean, solid and community-approved to a bag of smelly waste that shouldn't be allowed on the web? The answer is simple.

OOCSS

If you read the introduction it's clear that all of these anti-patterns are derived from the OOCSS methodology. In all honesty, the author went through great lengths to properly introduce the article, explaining how he came to his list of best practices. But the reality is different. It tells us that people still fail to get the context of these types of articles. In the end all that survives are the couple of simplistic rules that are stated, which are then used all over the web in comment threads to break apart other people's css.

OOCSS is not a best practice, it's a css-centric front-end development option that's feasible for a very small selection of projects. They try to sell it as the next best thing, but it only really works if you're working on a single, large project where you have good (if not excellent) control over the html and need to distribute control of the front-end over a large team of people. It's bloated for smaller projects and it's useless for deploying across different sites of a single client.

css-centric vs html-centric vs combined

/* css-centric code for news and calender block */ <article class="xBlock"> ... </article> <article class="xBlock"> ... </article>

The code above gives you an example of css-centric front-end code, assuming a news and event block that share the exact same styling. The thing with css-centric development is that it puts css at the core of front-end development. The obvious result is that html plays second violin and needs to adapt itself to what the css describes. It's a methodology that doesn't work without a design and has poor reuse options simply because no two designs are ever the same.

/* html-centric code for news and calender block */ <article class="news"> ... </article> <article class="event"> ... </article>

On the other side of the table we have html-centric development, which puts html at the core of front-end development, allowing us to reuse component over different sites, even clients. It does put a heavier burden on the css, especially when you forgo popular meta languages like less or sass.

/* mixed code for news and calender block */ <article class="xBlock" data-class="news"> ... </article> <article class="xBlock" data-class="event"> ... </article>

You can also combine the two (fe use the class attribute for styling classes and use a data-class attribute for semantic/structural classes) and work with a convoluted mess where at least the base html (safe the classes) is reusable. You still need a lot of flexibility to keep up with design changes though.

conclusion

Whether you use ccs-centric or html-centric front-end development is really up to you, but when you advertise best practices it is crucial to clearly state to which philosophy they apply to, otherwise you're just preaching a bunch of nonsense to an audience that wants bullet-point information. Context has never been that crucial in defining our best practices and I'm disappointed to say that currently we are failing pretty hard to inform the people who are reading our articles.

]]>
Thu, 29 Nov 2012 13:43:08 +0100
<![CDATA[avalon/mamoru oshii]]>http://www.onderhond.com/blog/personal/avalon-review-mamoru-oshii

Watching your absolute favorite film is never a really comfortable experience. There's always that lingering fear that time may have taken away from the initial experience you loved so much. You watch the film knowing it can't really get any better and a status quo is truly the best you can hope for. So you can imagine it was quite a relief when I discovered Mamoru Oshii's Avalon had lost none of its former glory, it is still by far my favorite film ever made.

screen capture of Avalon

When Avalon was first released it was widely believed to be Mamoru Oshii (Kokaku Kidotai, Innocence, Patlabor 2, Sky Crawlers, Tachiguishi Retsuden, Tenshi no Tamago) his first live action film. Back then Talking Head, Jigoku no Banken and Akai Megane were virtually unknown in the West, then again the mastership that Oshii put on display here could hardly be a first-timer's attempt. Oshii learned a lot from his earlier trio of live action films, knowledge he put to good use when finally settling down to make Avalon.

Back in the day every other reviewer compared this film to The Matrix. Ten years later the connection seems incredibly fickle, but back then the fake reality theme was so ever-present (and inevitably linked to that green cyberbeast) that it seemed to make sense for some people. If anything, it attracted an audience that entered the film with some very distorted expectations. While there are some similarities between both film, the lack of action, dialogue and rapid plot progression puts Avalon in arthouse territory rather than making it a loud blockbuster rival.

The film follows Ash, a lone gamer making her way through Avalon. The game is her escape from a grim reality where only her dog gives her some kind of comfort. While most gamers are tackling Avalon as a team, Ash is a lone ranger that takes help from no one. Until she runs into a bishop player, who slowly starts feeding her information about a Special Class hidden deep inside the game. The only way to get there is by killing a ghost, and for that you need a bishop in your party.

screen capture of Avalon

Oshii is an animator by nature, which becomes very clear when you see the amount of detail and (maybe even more telling) the amount of control that went into sculpting the film's visuals. Most of the film is dominated by washed-out, sepia colors, but it's not just some simple filter superposed on the original shots. Oshii locked himself up with his film to get every color variation just right. If you compare the shots of several scenes you'll start to notice the difference in color effects, something that further highlights the film's attention to detail.

Apart from the sepia look the camera work is also painstakingly accurate. There are some very nifty and complex shots in here, but everything is tailored to perfection. The film relies heavily on special effects and while that may be a problem as the film ages, most of them have enough artistic merit to avoid the kitschy pitfall that most similar films fall into as time passes by. The sepia filters also help, as the monochrome look effectively hides lesser textures. Even by modern standards, Avalon looks absolutely stunning,

Leaving nothing to chance, Oshii employed Kenji Kawai once more to make a fitting soundtrack. It's difficult picking a favorite Kawai/Oshii collaboration but I think it's safe to say that the Avalon score is one of Kawai's masterpieces. A unique combination of opera and ambient that lingers long after the credits have faded from view. Oshii was clearly aware of this and even dedicated a full sequence to the main theme. There is no film out there that does a better job combining audio and visuals to create such an intense and mesmerizing experience.

The acting is a different story though. Oshii worked with an all-Polish cast (as the film was shot in Poland) and there's clearly a cultural gap there. Malgorzata Foremniak does a good enough job, though she is somewhat helped by her uncanny resemblance to Matoko Kusanagi (the wig helps of course). The Bishop and some of the secondary cast aren't too bad either, but the two guys playing Stunner and Murphy are in dire need of some acting lessons. It's not something that bothered me a lot, but I'd be lying if I said they were doing just fine.

Do make sure you watch the film in its original dub though. The Polish language works a lot better with the film's setting. Even though it's kinda nifty to recognize the voice actors for Batou and Togusa in the Japanese dub, it doesn't feel as authentic as the original dub.

screen capture of Avalon

Avalon is a film that questions the need for an answer on some of life's most lingering and unanswerable questions. To do that it makes a pretty big u-turn right before the grand finale. It's a very daring decision that works well within the story and concept of the film, but it does force you out of the trance that the first hour built up so delicately. After multiple viewings I'm still not sure whether I would've preferred the ending to be different, but I do know that I'm quite pleased with how it turned out in the final version of the film.

Avalon also features my all-time favorite scene, though it's a bit hard to explain exactly why it's such a stand-out moment. It's the scene when Ash makes dinner for her dog, only to find that suddenly the animal is gone. While it sounds like simple filler, it's one of the only moments in the film when some color seeps through the sepia layers, underlining Ash's feelings for the one creature in the world she cares about. Add the superb score of Kawai and what you have is a very warm and emotional scene that resonates through the rest of the film.

Avalon is a single series of impressive scenes. There's no dip or boring moment to be found anywhere in the film, while enjoying one scene I'm already looking forward to the next, and the next, and the one after that ... It's the ultimate live action film made by an animator, a director who understand the power of an all-enveloping atmosphere. It's a modern arthouse classic, a film with plenty of geek-affirming material but presented in a much more stylish and classy way than usually the case. It's not entirely without faults, but it's as close to perfection as anyone has ever come. My absolute favorite.

]]>
Tue, 27 Nov 2012 11:18:19 +0100
<![CDATA[dolls/takeshi kitano]]>http://www.onderhond.com/blog/personal/dolls-review-takeshi-kitano

Back in the day Takeshi Kitano (Takeshis', Achilles To Kame, Kantoku: Banzai!) was almost exclusively known for his Yakuza films (think Hana-bi) in the West. He tried to break with that image when he released Kikujiro No Natsu but apparently the shift wasn't near brutal enough to convince his fans. So Kitano pushed a little further and came up with Dolls, which then turned out to be my undisputed favorite film in Kitano's oeuvre.

screen capture of Dolls

Dolls wasn't just a reaction aimed at the people who were wondering if Kitano could do anything else than directing Yakuza films though. Critics had also been asking aloud whether Kitano would ever be able to direct a more colorful film in terms of actual color palette. I guess he showed them with Dolls, which even by today's standards is still one of the most stunningly colorful films I've ever come across. Between the use of the most colorful bits of the Japanese landscape and hiring Yohji Yamamoto to do the costumes, Kitano went all the way with his colorful tragedy.

The film is set around three different stories that intersect occasionally but never really come together. For better or for worse, these three stories play like three short stories, though they all share a common theme. Each short tells a tragic love story. There's the Yakuza boss that discovers his first girlfriend has been showing up in the park they used to meet to share lunch with him and there's the story of the pop idol fan who mutilates himself to join the pain of his idol.

But the central piece of this film is without a doubt the story of the bound beggars. After Matsumoto ditched Sawako to marry his boss's daughter, he repents right before walking up to the altar and sets off to find Sawako. He finds out that a failed suicide attempt left her an empty shell, but Matsumoto is determined to save his relationship with Sawako and the both of them set out to mend their broken hearts.

screen capture of Dolls

When Kitano said he was going to make a colorful film he really wasn't kidding. Colors fly off the screen, following the patterns of the four seasons. From the beautiful sakura-filled orchards in spring to the multicolored tree leafs in autumn, each season brings a wealth of magnificent shots. The scenery plays a vital part in this film, but Kitano's editing and keen eye are just as crucial to Dolls' overwhelming beauty. The only point of critique I found with this latest viewing is that some camera movements appear to be a little over-constructed, but that's really a minor irk considering the abundance of landmark shots in here.

The soundtrack too is of exceptional beauty. Once again it is scored by Joe Hisaishi (like so many early Kitano films) and it's without a doubt the best score he ever made. Hisaishi only needs a couple of notes to create such an overpowering and inviting atmosphere that it's almost impossible to not give in to all the beauty that's laid before you. The score works miracles with the images, combining into a perfect foundation for the tragic love stories.

Can't really fault the acting either. Kitano himself doesn't appear in front of the camera this time around (he even left many of his regulars out), but with stellar performances of Nishijima, Mihashi and Miho Kanno he isn't really missed. Nishijima and Kanno in particular are perfect in their roles. Without any dialogue they make the most of their story, relying solely on body language to get their emotions across. If you're not a fan of the faux-stoic style of Japanese acting you might miss out though.

screen capture of Dolls

Dolls is a near-perfect emotional trip combined with near-perfect styling. Apart from all the trickery and foolery though, the film has a warm heart that surfaces in many of its key scenes. Especially the ones with Kanno and Nishijima, many which instantly became a part of my ready-to-be-quoted collection. The scene with the pink toy is otherworldly, so is the one with the wind toys, but it's the moment when Kanno finally remembers (shifting her facial expression from blank to happy to sad) that gets to me every time. One of the most beautiful scenes ever put on film.

Dolls isn't so much about the actual plot lines, it's about the tragedy that stems from them. This tragedy is wrapped in a very stylish and atmospheric cocoon that allows the audience to let themselves be swamped by that sadness, without letting go off the beauty that surrounds it. It's not a very depressing film, even though there are definitely some heart-breaking scenes. Dolls is clearly a film that Kitano needed to make in order to proceed as a director. For me it's the best thing he ever did, which puts it right up there with my favorite films ever. A definite must-see.

]]>
Thu, 22 Nov 2012 12:06:15 +0100
<![CDATA[little fish, strange pond/gregory dark]]>http://www.onderhond.com/blog/personal/little-fish-strange-pond-review-frenemy

If the name Little Fish, Strange Pond doesn't ring a bell, it may be because you've crossed the film in stores as Frenemy, its more commonly used alternative title. Gregory Dark's dark comedy is generally available but it's not a film for the masses. Raw, unfocused and bitter, it's a comedy that thrives on wry smiles and surprise rather than lame jokes and running gags. The result is a refreshing mix of dark and absurd humor and one of the best American comedies I've come across.

screen capture of Little Fish, Strange Pond

Little Fish, Strange Pond has some of the most deceptive marketing tools I've ever come across. Its new title (Frenemy) coupled with the Zach Galifianakis dominated cover say it all really. When I came across it in stores I expected a pretty typical (Hangover-like) comedy headed by the hairy man. It turns out that Galifianakis is only 10 minutes in there, the real focus lies on the two little guys in the background and isn't nearly as SFW as your average American comedy. Then again, considering the difficult time you'd have trying to market a film like this, why not shamelessly sucker the masses into buying it by making the film look a lot friendlier than it really is?

Instead of some silly Galifianakis antics, the film is all about Sweet Stephen and Mr Jack. Sweet Stephen is the younger of the two and looks at Mr Jack as his mentor in life. Mr Jack likes to speak in accents and is the one with all the answers. Two weird characters who love to lose themselves in Tarantino-like dialogues, though with a bit more depth to them. They talk life, death, chance, faith and other such puzzling topics.

The beginning of the film goes literally nowhere. Between the conversations you get some unrelated scenes featuring a TV-show host and a police guy. There is no real plot, no obvious hook to pull you in. The film goes scene by scene and relies on the individual scenes to keep you occupied. It works as long as you trust the film to take you to a place where everything comes together. It turns out you have to wait a good hour to get anywhere close to that, so be warned.

screen capture of Little Fish, Strange Pond

Even though the film is built around the dialogues, Dark makes sure Little Fish, Strange Pond remains visually challenging. There are some very cool tracking shots, an impressive 360, some nice filter trickery and a couple of scenes that make good use of lighting to create a dense and uncomfortable atmosphere. It's not a film you watch for the visuals, but if you pay close attention you'll see that there is actually quite a lot to enjoy.

The soundtrack on the other hand is extremely forgettable. Even a single day after watching this film I have forgotten all about the music that was featured here. It's probably not such a bad thing either, considering the way the film really focuses on dialogues and wouldn't really benefit from an overbearing score to muffle the things that are being said. Then again, it couldn't have been that difficult to find a couple of tracks to enforce the atmosphere without detracting too much from the rest.

If you are watching this film because you are a Galifianakis fan, be aware that he only appears for about 10 minutes in the beginning of the film. After that you won't see him again. I didn't really mind because Modine and Blue are the real stars of this film and carry it with flair. While they have strong dialogues to work with, their timing and presence are impeccable and they both bring a lot of extra energy to the film.

screen capture of Little Fish, Strange Pond

All things considered, Little Fish, Strange Pond is a pretty grim and dreary film. There is plenty to laugh at, ranging from juvenile to more clever and witty humor, but the film has a way of spinning the mood around whenever it becomes too comfortable. One moment you're watching a pretty uplifting conversation between Jack and Stephen lying in bed, the next your looking at a female corpse spread out on the floor.

Do not expect to watch an everyday comedy when you sit down for this one, because I assure you, you will be disappointed. Instead try to get acquainted with the two main characters and let yourself be swept away by their demented view on reality. The film can be crass and grim at times, but at least it never backs down from what it aims to be. This American no-concessions comedy deserves a little more praise then it's been getting, so don't miss it when you get the chance.

]]>
Wed, 21 Nov 2012 12:06:00 +0100
<![CDATA[boe on beast/an interview]]>http://www.onderhond.com/blog/personal/boe-interview-beast

A few weeks ago I was lucky enough to catch Christoffer Boe's new film Beast, right before it's big iTunes release. Things got even better when I had the chance to ask Mr Boe a couple of questions about his latest film, making this my first proper and official interview ever! So if you want to hear the man talk about horror, film music and why thinking Bond is gay is not such a bad thing after all ... do read on.

Christoffer Boe portrait

Niels Matthijs: I noticed that your films used to have it easier finding international distribution. Offscreen was only just released here in Belgium, where Reconstruction and Allegro had more timely releases. No word about Everything Will Be Fine so far and I'm not sure we'll ever see Spies & Glistrup in stores here. Are services like iTunes helping smaller films to reach bigger audiences once again or is it still difficult to get your films out there?

Christoffer Boe: I think everybody in the Art Cinema sphere of movie making hopes that the new online services will help reconnect the movies with an audience! But I think it's a little too early to say if it's just dream wishes or if this reconfiguring of the structure of distribution will actually change something significantly. So status right now is that making Art House movies is not the most profitable business. And while we all know that money isn't everything - the �no-money� situation is unfortunately a very direct reflection of the fact that nobody watches the movies. And THAT is not a very desirable situation. Even for an Art House director.

With Beast you seem to take a similar approach as with Reconstruction and Allegro. A very classical drama at the core, enriched by secondary and more modern genre influences. Is this an approach you take knowingly or does it come naturally to you?

Can it be both? It reflects a style of storytelling that I like and that I've spent sometime - too much time - thinking about. But on the other hand it also comes very naturally to me - so my movies come out this way unless I very consciously try NOT to make them do so. Basically I love genres and how they shape, evolve and transform cinema into something very precise. But I also think it's important to have a very personal relationship with genres and conventions. You need to define your own way into the forest of movie making. You could call my credo: Conservative Anarchism.

After watching Beast the prospect of marriage might not seem all that appealing to people. Still you say the film also shows a positive side of marriage. Can you elaborate on that because apart from the beginning I have some trouble seeing what you mean with "positive"?

Bruno will go the extreme to hold on to his wife. He loves her - maybe more than life itself. There seems to be almost nothing he won't do to keep her. If that's not love then what is? Sure - most of us wouldn't want to be in that kind of relationship. But that's not really the goal of this movie - nor should it be of any movie: so be a guidebook to a happy relationship. What I wanted was to look at the mechanism - the love, obsession, hatred and jealousy - of a relationship and but under close examination. And in the end I think its positive because marriage is such a strong bond between people - it's really the place where the most extreme emotions can evolve. Marriage is like the rainforest for emotions. It's the place where the most extreme things evolve because the forces are so strong.

I saw a video where you gave new filmmakers the advice to watch lots of films and use them as an influence in their own work. I'm wondering if there are any films that directly influenced Beast?

There were a few masterworks we all watched - just too make sure we would fail: Possession (Zulawski), Rosemary�s Baby (Polanski), The Girlfriend Experience (Soderbergh)

Seeing as Beast borrows from the horror genre, do you have favorite horror films or are you just interested in some particular elements the genre has to offer?

I love how different genres tap into different aspects of existence. To me Horror is all about body identity, the fear of the self, and the abyss of one's own imagination/psyche/dreams. In other words: the perfect setting to look into the hidden realities of relationship between man & wife.

Beast is the fifth time you cooperated with Nicolas Bro (not counting your latest), you've worked with Nikolaj Lie Kaas and Marijana Jankovic before too. Can it be difficult for newcomers to feel at home when they join your crew, seeing you already have a strong bond with other members?

Maybe. But we're pretty friendly towards new comers so it hasn't been a problem yet. Seriously: I work with people I respect and that keep pushing themselves and myself to keep looking further. For this movie I worked with a very young film crew whom I had never worked with before and they were all extremely passionate and skilled at what they did.

The soundtrack always feels like a very important part of your films. I remember a particular scene in Beast where the music suddenly cuts from more classical pieces to darker ambient drones. How do you usually choose the music you want for a particular scene?

I have worked with Morten Green (sound designer) since film school - and he is really a master at mixing music and sound design in order to create a very specific filmic atmosphere. I was also lucky enough to work with Sylvain Chauveau again and we share a great love for Georges Delerue and we wanted to create something thick and emotional. So it's really a question of the 3 of us trying to push the movie somewhere where it feels right.

Do you feel that most other directors underestimate the part music plays in a film? I always get the impression that many directors see a soundtrack as a necessary evil rather than an opportunity to improve their films.

I really don't know. But the ones that really know how to use music stick out: Godard, Paul Thomas Anderson, and Kubrick. They have a wonderful personal, idiosyncratic and distinct way of using music that makes their movies stand apart even more.

The films I've seen from you are not all that straightforward. There's always a layer of symbolism in there and Beast is no different. When you incorporate these symbols, do you think them through thoroughly (as in: is there a logical/direct explanation for each symbol in your film) or is it more emotional and are these symbols just things that you think "feel right" without the need for a direct explanation?

This could turn into a very long explanation - so I will state this very shortly: I think its a great shame that modern cinema is so focused on "meaning" - which is really not meaning at all but just comprehensibility. Images are not always directly comprehensible - but that doesn't mean they don't have meaning. You have to let the images in - have to wait - have to work for it. Not to say that it's a goal to make incomprehensible movies - any idiot can do that. What it means is this: movies can be made in such a way that the texture of the image, the feeling of the sound and the look of an eye actually carries meaning - without in any straight forward way being comprehensible. But when done right these elements will work with the movie - and evolve with the movie as you as a spectator watches it with different assumptions. Good movies are not the same for all people. They are great movies in many different ways - depending on how you view them.
This does NOT imply that Beast is a great movie - but that I wanted to make one last movie within a tradition of movie making where the image & the feeling were more important than comprehensibility.

These days you can't even make a new Bond film without people thinking they saw something that hints at Bond being gay. How do you handle far-fetched theories people have about your films. Do you welcome them, do you find them amusing or do you think people should spend their time on more constructive things in life?

I love them. Bring 'em on. Theories reconnect us with movies because they make us look at things in new ways - often even if they are blatantly wrong.

]]>
Mon, 19 Nov 2012 10:31:34 +0100
<![CDATA[gerry/gus van sant]]>http://www.onderhond.com/blog/personal/gerry-review-gus-van-sant

If you ever consider sitting down to watch Gus Van Sant's Gerry, make sure you pick the right time. Gerry is cinematic minimalism in its purest form, trading a (comprehensible) plot and character development for experience and atmosphere. The result is captivating and impressive, but if Van Sant's vision misses target it could just as well turn out to be one of the most boring film experiences you've ever had in your life.

screen capture of Gerry

After 2000 Gus Van Sant set out to reinvent himself. Before he directed Gerry, Van Sant evolved from indie to Hollywood over the course of six films, culminating in the much-lauded and rather pleasant Good Will Hunting. With Gerry he went back to the days of Mala Noche, ditching the restrictions of popular cinema and starting a series of films that would hold the power to greatly divide audiences, but at least could claim purity and a non-compromised vision.

Gerry was the first (and best) of that series. Van Sant stripped the film of everything that could distract viewers from the core experience, leaving only the bare necessities to create one of the most mesmerizing cinematic experiences out there. While open to many interpretations, the film features little else than two dudes walking. They're both called Gerry and they are on their way to "a thing". There's your story.

Along the way they stray from the beaten path, getting themselves lost in a wild and barren wilderness. The more they try to escape from their predicament, the further they distance themselves from civilization, having only each other to depend upon. Without food and water they soon start to hallucinate and with no help in sight, their fate is pretty much set in stone. Then again, nothing is what it seems in this film.

screen capture of Gerry

Van Sant leans heavily on the visuals to create his cinematic trip. The film consists of a series of long takes, alternated by time lapses of the scenery. It's not just a technical experiment though, Van Sant is also out to capture particular moments in time. The most beautiful scene of the film finds our two main characters walking sluggishly in the dark, five minutes later the sun has risen to reveal yet another lifeless horizon. While a little dated when it comes to lighting and coloring, Gerry remains a visual feast.

The soundtrack is mostly absent, apart from two stunning Arvo Part tracks. The slow, sedated pace of the music really fits the film's atmosphere, further fueling the trance-like feeling that Van Sant strives for. The only problem with Arvo Part is that it's quite popular film music (Spiegel Im Spiegel was also used in This Must Be The Place, among others), so even though the music really works well within the film, it never feels like it's truly a part of Gerry.

It's pretty rare for a film like this to land a real big actor like Matt Damon, then again Van Sant worked with Damon on Good Will Hunting which no doubt helped to convince him to do this project. The other Gerry is played by Casey Affleck (Ben's little brother) who does a pretty commendable job keeping up with Damon. They form a pretty interesting duo, freewheeling through the improvised dialogues as they go along. As for secondary actors, there are literary none.

screen capture of Gerry

Gerry is a pretty fragmented journey. It's a selection of stand-alone scenes, sometimes defined by technical trickery (like the awesome 360), sometimes by references (Van Sant's nod to Bela Tarr's bobbing heads) and sometimes by the capturing of unique moments (like the sunrise). It's the ever degenerating state of the two Gerry characters that binds these scenes together, molding them into a pretty coherent, mesmerizing trip.

It's best to leave all hope of a decent storyline behind when you want to watch this film. Gerry is all about the experience, ignoring the rest and foregoing all compromises. Instead you get a pure and focused journey that, if everything falls into place, puts you in a very pleasant and meandering trance. The film has visually aged a little ever since its initial release, but apart from that it's still a very unique and worthwhile experiment and the start of Van Sant's most interesting period in his career. It may be a bit hard to recommend, but if you feel up to the task Gerry proves to be one of the purest, minimalistic films out there.

]]>
Mon, 12 Nov 2012 12:57:48 +0100
<![CDATA[irréversible/gaspar noé]]>http://www.onderhond.com/blog/personal/irreversible-review-gaspar-noe

Irréversible is an absolute classic in the making. Even though it received mixed reviews upon its initial release, the importance of the film is taking definite forms and I believe it's fair to say that Gaspar Noé (Enter The Void) made one of the landmark films of the past decade. The best thing is that the film has lost almost none, if any, of its original impact. It's still one of the purest, most stylish and visceral shockers out there and deserves to be watched at least once.

screen capture of Irréversible

Categorizing Irréversible is a bit tricky. Because of its two most infamous scenes the film is often regarded as a horror film, but it shares very little of the genre's typical elements. Sure there's is one revolting gore scene and the rape scene halfway through is rightfully regarded one of the most shocking moments in cinematic history, but Irréversible is essentially a revenge drama that just happens to repulse beyond the means of most horror films out there. If you go in expecting a typical horror film you're bound to be disappointed.

Another one of the film's selling points is its reverse nature. The film starts with the ending (you'll see the credits of the film running backwards) and scene by scene works its way to the beginning of the story. The concept is not new and is of course reminiscent of Nolan's Memento, but the intended effect is completely different. Where Memento is a simple puzzle, a brain tease, Irréversible uses its reverse structure to mess up the viewer's emotional state, making "the good guys" look bad and giving the supposedly happy end an extremely wry aftertaste.

The film starts when Marcus and Pierre barge into an underground gay club. They rough their way through the bar looking for a guy called The Tapeworm. When they finally catch up with him Pierre flips out and beats the guy's face (literally) to a pulp. From there on each new scene warps back in time, retelling the story of how Marcus and Pierre ended up in the club. While at first Marcus and Pierre appear to be real assholes, the story behind their aggressive assault clears up a lot and slowly but surely we start to identify with them.

screen capture of Irréversible

Irréersible was shot by the brilliant Benoît Debie (Vinyan, Calvaire). The cinematography is conceptually strong, starting off as a manic flurry of rotating camera movements, slowly evolving and quieting down, eventually halting completely during the key scene of the film. The film is edited in such a way that all the separate scenes (all 8-to-10 minute long-takes) merge into one continuous shot, including some very nifty camera tricks from time to time (like going through windows or tumbling out of buildings).

The soundtrack too is tailored to perfection. The film was scored by Thomas Bangalter, 50% of Daft Punk. The music here is a lot darker than his usual Daft Punk output though, starting off with a track specifically made to make the audience feel nauseous. There is a strong selection of memorable tracks that define the film and the entire score provides a superb baseline for the film's visuals to flourish. Together they present one of the most impressive (yet unrelenting) audiovisual assaults produced in the past decade.

I can't find anything bad to say about the acting either. You may notice that there was a lot of improv and freewheeling when it came to the dialogues, but it ultimately makes for a very real and natural atmosphere. Vincent Cassel and Monica Bellucci are the perfect couple (it probably helped that back then they were a real-life couple too), which goes a long way to help succeed the later scenes in the film. There is something so extraordinary real about their characters that it helps you to forget there is hardly any actual depth given to their characters. Albert Dupontel too is strong and I don't think I've ever seen him in such a daring role before, playing the perfect third wheel.

screen capture of Irréversible

Noé's Irréversible is no easy film to watch. From the nightmarish descent into the gay club to the excruciating harsh rape scene, there is a constant sense of unapologetic and dry reality that makes it so much nastier than the worst horror film out there. Even when the air clears up during the later scenes, knowing what is about the come (ie the scenes you just watched) will leave a very wry and uncomfortable feeling. Still, Noé shows that he is perfectly capable of shooting beautiful and peaceful moments too. The scene were Cassel and Bellucci wake up is without a doubt one of the most natural and pleasant ones I've ever seen in any film out there.

Look beyond Irréversible's most infamous scenes and you'll find a conceptually perfect film, an audiovisual tour de force that leaves a strong emotional fingerprint on all those watching it. It's not a fun film to watch, but it's so damn powerful that I consider it one of the most impressive films I've ever seen. It's true horror, a film that comes a little too close to reality to be watched as a mere genre film. Gaspar Noé is one of the most interesting directors working in film today and Irréversible should have been his ultimate masterpiece, only I think he outdid himself with Enter The Void. Apart from that, an absolute must see.

]]>
Thu, 08 Nov 2012 12:01:38 +0100
<![CDATA[writing html/eyes closed]]>http://www.onderhond.com/blog/work/html-semantics-eyes-closed

In between attempts to fully wrap my head around the far-stretching implications of responsive design, I like to hone my html skills. Leaving all practical worries behind, it's actually nice to dig into something that's fairly straight-forward, looking for ways to improve what we already (think we) know. From time to time this even leads to interesting and surprising observations, shedding new light onto things we thought we understood.

html based on design

I think one of the most important hurdles in the job of any html developer is reading the input he gets without getting caught in the visualization of things. I write html based on wireframes and design, but both types of input present the same difficulties and problems: they are already visuals representations of the content, taking into account dimensions, available real estate and page layout, mutating the content into something that may look different, but is essentially the same as something else. When it comes to html (in other words, semantics and structure) these visual differences are of little consequence.

Of course a reality exists where we have to make sure that the html we write can support the css to accomplish the proposed designs, but far too often we forget the basics and simply convert what we see in front of us to html code without giving the content a second thought.

Just take a moment to consider the following datepicker component (1). It's a pretty simple list of dates that can either be used as a filter or pager on a list of content types (depending on the implementation). I'm pretty sure that most, if not all people would resort to using a list element here, possibly bickering about whether to use a heading for the month and maybe starting another discussion on the difference between ol/ul. And I couldn't say they were wrong, but ...

there is more

A bit further down the line I came across a responsive variant of that same datepicker component (2). Suddenly it started to look like a more traditional datepicker, table-style. I bet that if people saw this variation first, they would've opted to use a table element instead of a list element. Sure there is room to whine about whether to use captions or theads for the month and whether to include the back link into the table, but basically using a table makes plenty of sense here.

The thing is that they are both the same component, so why would there be two possible implementations? When you look at css feasibility, the list is probably a bit easier to implement (especially for older browsers), but it's perfectly possible to use either html implementation and style both variations, so that's not helping us along either. And didn't we always say that css is just for styling?

the richest of them all

The thing about date lists is that they are essentially tabular data. Even when you present them as a flat list (which isn't wrong because they represent a flat continuation in time) they still have a 2-dimensional connection, namely weeks and weekdays. This is important because it could allow people to use this connection to easier navigate through the data.

In other words, when you use a list you can only advance one day at a time, but when you use a table you can advance by only focusing on each Friday without having to skip through all the other days. Or you could skip a week instead of cycling through its seven days. A pretty useful addition when it comes to filtering by date (maybe you always have Fridays off and you don't care about the other days). So even though both html setups are valid, the table implementation gives us more context to describe the data, allowing for better functionality. Case closed: use a table (even when there is no responsive variation).

conclusion

The irony of this post is of course that responsive design actually helps you to focus on the content rather than the visualization of this content. Because each component can be visualized in a number of ways, responsive design helps you to see through these visualizations, forcing you to focus on the content itself.

It does hint at the fact that we don't really spend enough time thinking about marking up our content, instead focusing on visualizations and drawing our html inspiration from that. Sometimes it would be better if we could html with our eyes closed, foregoing all visual input and focusing just on the content and the proper way to structure it. I'm sure you'd be surprised how weird our html may look from that perspective.

]]>
Wed, 07 Nov 2012 12:59:43 +0100
<![CDATA[milocrorze/yoshimasa ishibashi]]>http://www.onderhond.com/blog/personal/milocrorze-review-yoshimasa-ishibashi

Better brace yourself, because Japan is unleashing another bat crazy comedy upon the unsuspecting masses. Milocrorze fits right in with the likes of Donju or Survive Style 5+ and is sure to appeal to the same crowd that took a liking to these extremely colorful, overly weird and almost random comedies. It may not be up there with the very best the genre has to offer, but it sure is a great way to spend 90 minutes of your time.

screen capture of Milocrorze

Milocrorze equals chaos. The film consists of three almost unrelated stories, but Ishibashi never really bothers to explain the film's structure to the audience. These three stories are basically stand-alone parts within the film, though they have no clear boundary to set them apart. The individual stories are also pretty fragmented, making it even harder to keep track of what the hell is going on. Then again, this film isn't really about dramatic arcs or plot lines, playing more like a collection of themed sketches (think Yaji And Kita).

The first story follows the romantic adventures of Ovreneli Vreneligare (who's name is repeated constantly throughout his segment), a little boy leading a pretty dull and uneventful life. Until one day, when he runs into Milocrorze and immediately falls in love with her. They hook up (even though Milocrorze is an adult) but their relationship isn't made to last. When they part ways again, this segment of the film is put on ice until the very end.

We switch to the tale of Besson Kumagai, a rather rude and pushy hotline clerk who likes to help nerdy boys get the woman they desire. There's some dancing and three individual sketches to keep us amused, until one day Kumagai runs over a group of weirdos trying to kill a samurai. This samurai is Tamon, a timid guy eying a local girl (Yuri) who runs a small flower shop. When Yuri is kidnapped by an evil gang Tamon transforms into a one-eyed samurai and starts his epic trip in order to save her from a famous brothel. Like I said, forget all hopes of a coherent storyline because you'll be left behind empty-handed.

screen capture of Milocrorze

Even though Ishibashi can't entirely hide the film's low-budget roots he goes through great lengths to keep it visually interesting. The result is a film that isn't technically perfect, but shows terrific potential. From the extremely colorful opening scenes to the poppy interludes and some animation-driven effects, there's always something of interest happening on-screen. The piece the resistance is definitely the 300-esque fighting scene inside the brothel taking up a dazzling 6 minutes.

The music is just as eclectic but fails to really engage. While the soundtrack definitely has its moments, it never really cooperates with the images to give the film that little extra. You can't fault Ishibashi for not trying, he really picked an upbeat, fresh and original selection of tracks, but the overall result is simply a bit disappointing. Maybe tighter coupling with the visuals could've helped the soundtrack to flourish, but as it stands now Ishibashi needs to hone his skills in the sound department.

The acting is quite tongue-in-cheek and over-the-top, as you'd expect for a film of this tone and setting. Takayuki Yamada's comic role was somewhat of a surprise but he handles the part with convincing charm. The rest of the cast is similarly amusing and they fit their parts, but it's clearly no award material. Make sure you don't miss the cameo of Seijun Suzuki though, somehow I always cheer up when I see him on screen, no matter how small his role may be.

screen capture of Milocrorze

If anything, Milocrorze is Ishibashi's way to show the world he's a talented man who deserves to work on a bigger budget. Milocrorze is not just some wacky comedy, it's a showreel of Ishibashi's talent disguised as a feature-length film. In Ishibashi's defense, the result is tons of fun and the variety of elements make it stand out from the rest. As long as you don't expect something that makes a whole lot of sense, Milocrorze is one hell of roller coaster.

Milocrorze may not be as polished or technically proficient as Survive Style 5+, Ishibashi's film is way more ambitious than any of its peers. The different visual styles, the attention to detail and the quick succession of gags is sure to entertain if you can let go of the need to watch a coherent film. There simply aren't enough films like this and Ishibashi could very well becomes one of the strongholds of the genre. I'm already looking forward to his next project.

]]>
Tue, 06 Nov 2012 12:41:00 +0100
<![CDATA[volver a morir/miguel urrutia]]>http://www.onderhond.com/blog/personal/volver-a-morir-review-miguel-urrutia

Colombia is not the most telling country when it comes to producing films. Before yesterday I hadn't even seen or heard of a Colombian film, but in light of Halloween Volver A Morir looked like a pretty good choice. And a good choice it was, Urrutia's first turned out to be a very pleasant surprise, mixing horror and mystery into a high-quality mind twister. So don't let the production country scare you out of seeing Volver A Morir, this is no cheesy b-flick.

screen capture of Volver A Morir

Volver A Morir is a typical low-budget concept film. A film that originated from the director's mind and was handled by him all the way until the end. Apart from writing and directing the film, Urrutia also holds editing credits and helped with a camera work. That last bit comes as no surprise considering he's a trained cinematographer. Volver A Morir is a typical work of love that only betrays its budgetary restraints by its daring, single-focus approach, something not quite possible when working for larger studios.

If you read up on this film you'll find that people are prone to compare Volver A Morir to Groundhog Day. While the concept is pretty much the same, Groundhog Day is far from the only (not even the first) film to feature a repetition of a particular event or day. Then again, it is probably the most well-known film to have featured this concept, so if you forget everything else about both films I guess the comparison makes sense.

The film starts with Camilla and Dario waking up next to each other. Camilla can't remember anything about arriving at Dario's place and feels slightly ashamed for having shared a bed with an unknown man. She doesn't feel too comfortable around him, but little by little she gives in to the adventure. When the two end up in bed again, Dario starts to flip out and he suddenly kills Camilla. The film rewinds to the point when they both woke up, rebooting the story with only Camilla remembering what had just happened.

screen capture of Volver A Morir

Having a cinematographer as a director has some very interesting advantages. For one, you're pretty sure you'll end up with a beautiful-looking film. Volver A Morir certainly delivers. For a film that pretty much plays within the confines of a single house it looks absolutely stunning. The camera work is strong, the editing snappy and precise and the lighting is just perfect. It all helps to build a pretty menacing, claustrophobic atmosphere.

The soundtrack is another definite strong point. Even though pretty repetitive (putting on music - Bach's Air - is one of the first things Dario does when waking up so which each new story loop we are treated to the same song), the way the music is torn apart whenever Dario starts to flip is simply impressive. Bach's Air morphs into a mad, electronic-based derivative that sounds as if it was remixed by a group of asylum inmates. It brings great contrast and greatly enforces the emotional state of the characters.

The acting is quite solid too. The film is carried by Andrea Montenegro and Luis Fernando Bohorquez, beyond them there aren't any other actors of importance. 99% of all the action happens between the two of them so it's quite assuring that they rise above the usual horror fodder. Not an easy task if you consider that for most of the film they are both completely in the nude, definitely not the most comfortable way to act. As for the secondary cast, there simply is none except one guy with two lines of dialog.

screen capture of Volver A Morir

For all intents and purposes, Volver A Morir should really be seen as a psychological thriller that borrowed a couple of influences from the horror genre. It's an important distinction because the film is quite slow and repetitive in nature and the changes between each loop can be pretty subtle. This is not a bad thing, but if you go in expecting a true horror flick you're bound to be disappointed by the pacing and lack of climaxes.

Instead the film leans heavily on the learning process, which goes well beyond the simple A/B testing you'd expect from a concept like this. Coupled with the intense atmosphere, strong acting and solid concept you have a captivating film with the wits to avoid any factual explanations of the story. A great first film for Urrutia which is hopefully the start of a successful career as a director.

]]>
Mon, 05 Nov 2012 12:04:59 +0100
<![CDATA[beast/christoffer boe]]>http://www.onderhond.com/blog/personal/beast-review-christoffer-boe

With two of his films in my all-time top 100, I guess it's no secret that I'm a pretty big Christoffer Boe (Reconstruction, Allegro) fan. Sadly getting a hold of his later films has been a real challenge so far, but with iTunes slowly turning into a solid film platform things might be looking up once again. I was lucky enough to catch Beast, his latest film and it seems that Boe hasn't lost much of his magical touch through the years.

screen capture of Beast

If you think of Reconstruction as Boe's shot at mystery and Allegro as his shot at science fiction, Beast is definitely Boe's take on the horror genre. I wouldn't really call it a true horror film though, as at the very core of Beast still lies a pretty classical drama, but the genre-influences are unmistakably there. There's blood, gore and a selection of menacing ambient tracks to intensify the atmosphere, only they are used to underline the dramatic elements of the film rather than exploit the fear present in the audience.

Beast is really a relationship drama, highlighting the highs and lows of a couple's marriage. At the very beginning of the film Bruno and Maxine meet up, starting off their relationship in high spirits. Since Boe cut out most of the smooth sailings of marriage, the film hops around a lot during the first fifteen minutes or so, focusing mostly on the fights and mishaps that drive Bruno and Maxine apart. Pretty soon Maxine feels that her marriage is leaving her unsatisfied while Bruno is at a loss how to fix the situation.

As an ultimate test, Bruno sets up a meeting in a hotel room between Maxine and Valdemar, a common friend of theirs. Bruno's fears become reality when the two hook up and a vile evil starts to develop inside of him. The more Bruno tries to oppress his feelings, the harder it becomes to control the madness growing inside his body. Maxine too is affected by the changes in Bruno and the two head towards a very rough period in their relationship.

screen capture of Beast

I read somewhere that Beast is a low-budget film, but you'd never think it when looking at the film's exterior. Visually it's up to par with Boe's high standard, showcasing several extremely stylish technical shots (like the stilted snow scenes) and strong, close-up camera work. It's equally obvious that a lot of attention went into the lighting of the scenes, featuring neat coloring tricks and beautiful lens flares. Overall Beast is a visual feast that stands high above the competition.

As always in Boe's films the soundtrack is as much part of the styling as the visuals. The music brings a lot of extra depth and emotion to the images and it dares to be bold. The film features several scene where Boe creates a tension between the more soothing classical pieces and some darker, grittier ambient drones, underlining the emotional battle of the characters. It's always great to see a director who fully understands the impact a soundtrack can have on a film and with Beast Boe reaffirms that status.

Boe adepts will of course recognize Nicolas Bro in the lead role. Bro has appeared in every Boe film so far and has grown into an overpowering presence. Whatever Boe lays in front of Bro, he accepts the challenge full-heartedly and submits himself to his character without any form of compromise. He is the ultimate trump card of Beast as he gives the film a true heart. Marijana Jankovic sometimes has trouble keeping up with Bro but she too gives her all in what is a pretty difficult and daring role. The secondary cast is solid too, Nikolaj Lie Kaas being the obvious stand-out as Valdemar.

screen capture of Beast

Beast may carry many of the traits of a typical horror film, but it never really delivers as a horror. Instead the horror elements are used to reinforce the character's emotions. It's not really a critique as this creates a very interesting tension in the film, but it's something that horror fans might want to know so they can adjust their expectations before watching this. Beast is about marriage and the individual struggles of the people who entered this sacred bond, not about monsters and gruesome killings.

Beast is a very worthy addition to the oeuvre of Boe. As a whole the film may not be up to par with Reconstruction or Allegro, but that's probably because these two films rank incredibly high on my list of favorites. What you get is a powerful drama, enriched with strong horror elements, perfectly visualized, scored to perfection and fleshed out by a selection of first-class actors. It's another highlight of European cinema that deserves to be cherished.

]]>
Fri, 02 Nov 2012 14:06:40 +0100
<![CDATA[hohokekyo tonari no yamada-kun/isao takahata]]>http://www.onderhond.com/blog/personal/yamada-kun-review-isao-takahata

While definitely the most popular anime studio out there, Ghibli isn't really known for innovation or taking risks. When it wants to experiment with new styles and techniques it usually limits itself to short films or music videos, Hohokekyo Tonari No Yamada-kun is a very welcome exception to this rule. Don't fool yourself by the film's exterior simplicity, Yamada-kun is a wildly different film coming from Ghibli's co-founder Isao Takahata (Hotaru no Haka).

screen capture of Hohokekyo Tonari No Yamada-kun

Admittedly, Miyazaki (Tonari no Totoro), Ponyo) is probably the main reason why many Ghibli films appear to be quite similar in tone and style. Takahata's range is broader and he usually signs for the more daring films coming from the Ghibli studios. Not only is Yamada-kun weird and unusual for Ghibli's norms, it was also the first Ghibli film that was made completely digital. Ironically it's also the Ghibli film that looks the most hand-drawn of them all.

Yamada-kun is based on the Nono-chan manga, which mostly consisted of 4-panel gags. The film somewhat mimics the structure of its source material by forgoing a typical storyline, completely leaving out a dramatic arc and focusing more on individual vignettes. Yamada-kun plays like a selection of slice-of-life sketches, some funny, some endearing and the best ones combining these two sentiments.

The film is basically one big encounter with the Yamada family. Takashi and Matsuko are the stronghold of the family, Shige is Matsuko's old mother and acts a bit funny from time to time. Then there are Noburo and and Nonoko, the kids of Takashi and Matsuko. The five of them each have their individual quirks, their ups and downs, but mostly the Yamada family is pretty happy living together, casting off a warm and recognizable feel-good vibe.

screen capture of Hohokekyo Tonari No Yamada-kun

On a visual level Yamada-kun is a tough nut to crack. At first glance the style looks simplistic, even boring maybe. But soon you start to fall for this simplicity and you can't help but notice the superb detail that went into the drawings and animation. Especially the latter is of unseen quality. While the family members often consist of 10 strokes max, the details of their movements appear to be more human than most advanced CG created animation puppets ever could manage. Definitely one of Takahata's strong points. The watercolor style remains consistent throughout the film, although from time to time Takahata plays with the amount of detail to create some richer images. If you ask me this is still Ghibli's visual masterpiece, no matter how rich and detailed Miyazaki's later films may be.

The soundtrack too is lovely and fitting. A collection of upbeat, peaceful and quirky songs lighting up the atmosphere. From the sing-a-long Japanese version of Que Sera, Sera to the incredibly catchy humming track, the score is as much part of the film as its stand-out visuals and even persists to invade your brain long after the film has ended. Voice acting too is top notch. The voices really fit their characters and together with the detailed animation they flesh out the simple drawings into a real family.

screen capture of Hohokekyo Tonari No Yamada-kun

Yamada-kun delivers two hours of perfect, feel-good entertainment. But it's not just some quick laughs, the film harbors a warm, generous and complementing heart that celebrates the ups and downs of family life. It's filled with recognizable moments and situations which will make you smile just because they are so familiar and life-like. The Yamadas have all the peculiarities and weird quirks that make them like every other (normal) family out there. Just don't go in expecting a fully fledged storyline because you'll be disappointed to find there is just nothing there.

Hohokekyo Tonari No Yamada-kun is a film often overlooked by Ghibli fans (and anime fans in general) just because a simple screen shot cannot capture the amount of love and detail that this film harbors. The animation is exceptional, the music a blast and the film consists of one big succession of memorable moments. It's my favorite Takahata and Ghibli film and one that I can watch again and again without it losing any of its initial charm. A true recommendation for animation fans everywhere.

]]>
Thu, 01 Nov 2012 11:45:25 +0100
<![CDATA[the horizontal web/oops, we forgot]]>http://www.onderhond.com/blog/work/the-horizontal-web-does-not-exist

The web is vertical. It has been from the very beginning and people still think of it that way. Just look at the traditional scroll wheel on a mouse for some deep-rooted evidence. It's such a basic feat that we hardly take time to consider it anymore, but in the past few months (maybe even years) there have been signs that horizontal is making big strides forward. Suddenly horizontal is a real thing and guess what ... the web is far from ready for it.

horizontal

The first big push for horizontal was given by Apple. When they released the iPhone and added the swipe gesture horizontal suddenly started to make sense. Going from left to right on a touch device is generally easier than scrolling from top to bottom, so apps started to include some horizontal patterns (swipe for navigation, swipe for next, ...). Some watered-down versions of these patterns found their way to the web (like hidden navigation that pops up by pulling the content away), but the overall impact was pretty minor. The schism between apps and web was just too big for the web to really bother.

Last week Microsoft launched Windows 8, which is all about horizontal. The home screen is horizontal, the Metro apps are horizontal, even the standard scroll behavior of the mouse in apps is changed to match horizontal scrolling. If you're using Windows 8 you can't get past horizontal, meaning that from now on a lot of people are going to get used to horizontal layouts, especially when they are combining Windows 8 with tablets.

horizontal on the web

Looking at the web though, horizontal is still nowhere. I remember some early experiments (late 2000s I think) where you navigated a pattern of screens that could be laid out horizontally, but that was little more than a screen-wide carousel of pages (and not a very continuous layout either). And if you take a closer look at css (our primary means for layouting) there isn't much in the way of horizontal layouting available, especially not when dealing with flow content.

There is no clear:top; or clear:bottom; (even though there was a pretty interesting float clearing bug in ie6 or ie7 where you could mimic this supposed behavior), there are no horizontal grids, no way to properly break content when it overflows at the bottom of its parent container. It's not completely hopeless though, so let's see which techniques we have to our disposal today.

option 1: tables!

If you thought this was going to pretty, think again. Chris Coyier came up with a method that uses tables to force the layout off the screen. As you probably know, tables are pretty rigid structures where rows aren't allowed to wrap vertically. So once a table becomes too wide for the available screen space, it just runs off the right side of the screen and it creates a horizontal scrollbar.

Chris even provided a javascript solution that kept all the ugly (unsemantic) html code out of your html document, but that's not even my primary concern here. The problem with tables is that each cell is pretty much contained to its own rectangular space, which makes any complex layouting virtually impossible. Also, making content flow from one cell to another is simply impossible. Chris' trick is nice is you want to layout a flat structure horizontally, but when it comes to actual page layouts and structures it's far from ideal.

option 2: css multi-column layout module

In css3 there's something called the multi-column layout module. It sounds exactly like what we need and at first glance it offers us some very interesting options. It gives us a way to columnize text, but also more complex html structures (for example lists). Very useful in its own right, but when it comes to page layouting it's still far from perfect.

The problem with the multi-column layout lies with the column-span property. It sounds awesome as it allows an element to span multiple columns, but when you take a closer look at the property you'll find that it only accepts "none" and "all" as valid values. So you either span 0 columns, or you span all columns. Completely useless in other words, and it's not just some browser issue thing either, any other values are just not supported in the spec so we won't be seeing any support for them soon.

option 3: absolute positioning

You have two options: either you use Isotope, a script that resembles the popular jQuery Masonry plugin but also allows for horizontal stacking. It's pretty nice for flat structures (where each stackable block is on the same DOM level) when logical order isn't essential, but for regular layouts it still falls flat.

The other option is to write your own script. It's not all that hard if you know your way around jQuery, but you'll find that a lot of work goes into layouting the individual elements and as you need to keep the order of your stackable elements consistent you really have to plan ahead. It's nice in a proof-of-concept kinda way, but I wouldn't advise taking this route on a real site as much of the layout stems from the html (through data- attributes) and not from the css.

option 4: structural fuck-up with a dash of javascript

The final option is probably the most flexible one, but it requires you to forgo your neatly laid out and logical html structures, just adding whatever div necessary to float everything that needs to be floated (each logical columns becomes a div) wrapped in a container with near-infinite width (which can be reset to the actual content width with javascript on page load).

It works, but I'd rather be found dead than taking this route.

conclusion

And that's about all I can come up with right now. None of the above options deliver a real, clean solution to horizontal layouting. I admit that horizontal layouts are quite new and still need a long way to go before they become mainstream, but the signs are there: between this and two years, we won't look twice when we encounter a horizontal layout. Chances are very slim we'll find them on the web by that time though.

My main concern is that for now horizontal layouts are just completely absent in css, unless I missed (an interesting part of) a newly developed module. It's not even an afterthought. If you want a horizontal layout, you're pretty much screwed unless you completely tailor your html and javascript to accomplishing just that. If you know of any other techniques, do share!

]]>
Wed, 31 Oct 2012 11:31:26 +0100
<![CDATA[kotoko/shinya tsukamoto]]>http://www.onderhond.com/blog/personal/kotoko-review-tsukamoto

Shinya Tsukamoto (Tetsuo, Tetsuo: Bullet Man, Nightmare Detective 2, Tokyo Ken) is back. For his latest film, Kotoko, he revisits the style he started to explore in Vital, mixes it up with the finale of Haze and the scare tactics of the first Nightmare Detective film and throws things around by putting a very strong focus on drama. The result is an all-round Tsukamoto affair up there with the best he ever produced, but noticeably different from his earlier work.

screen capture of Kotoko

Tsukamoto adepts be warned, because at Kotoko's core lies an actual full-fletched drama. Not that drama is a new thing in Tsukamoto's oeuvre, but before Kotoko the drama always came second to more genre-specific elements. This time he's turning the balance around. Even though the film is still overflowing with typical Tsukamoto weirdness, the drama takes center stage. On paper the difference may sounds negligible but you really feel the shift in focus while watching Kotoko.

This shift challenges quite a few drama-clichés. Subtlety and room for interpretation are two things people always push forward to describe good drama films, but there's really none of that in Kotoko (at least not superficially). Tsukamoto's style is still intact which means the camera work can get just as nasty and hectic as in his earliest films. Even the soundtrack contributes as one of the most hellish ones Tsukamoto ever used for one of his films. If you sit down expecting a regular drama, expect to be seriously disappointed.

Kotoko is a young mother battling some very serious mental issues. At the start of the film she is just suffering from a weird affliction that makes her see people twice. She may act a little weird but she is mostly harmless to her surroundings. Soon enough her condition becomes worse and she is deemed a hazard to the health of her baby boy. The baby ends up with Kotoko's sister, further increasing Kotoko's misery, but when she finally meets up with a new man her mental issues appear to subside little by little.

screen capture of Kotoko

Visually Tsukamoto goes all-out digital, no concessions made. He applies a hand-held style that puts the Dogme movement to shame (well, not really because it's so stylized it couldn't be counted as a Dogme films) but it's clear that there is still some kind of control behind all the visual madness. It's not just random hectic camera work, it really helps with bringing out the mental state of Kotoko. In between Tsukamoto still finds room for more classically stylized shots but while I still consider this film as visually intense as his other films, the entire look is far rawer and more unpolished.

The soundtrack goes even beyond. Loud and noisy, it's the exact opposite of what you'd expect from a soundtrack composed for a film like this. At times the music is just noise and distortion with some enlarged sound effects, really underlining the fragile state Kotoko is in. Tsukamoto alternates with a couple of songs sung by Kotoko, and even though they appear more delicate and subtle, they never really put the viewer at ease. Definitely one of the strongest soundtracks I've ever encountered in a Tsukamoto film (and he's had quite a track record so far).

The acting too is intense. Cocco (a real-life Japanese artist) was the inspiration for the Kotoko character which does make things a little easier for her, then again it's the first time she acted in a live-action feature and her role was far from a breeze. She really carries the film though, throwing herself completely at her character and covering her emotions with passion. Tsukamoto himself turns up around the halfway mark of the film but only fulfills a smaller role. The rest of the secondary cast is hardly noticeable but they do a pretty decent job nonetheless.

screen capture of Kotoko

The middle part of Kotoko is a bit calmer for a typical Tsukamoto film, but the start and finish are every bit as manic and intense as you'd hope them to be. There are some very insane and original scenes tucked away in here, most notably a very simple cooking scene which Tsukamoto turns into a regular task from hell. The intensity of that scene is so overpowering that you can't help but think Tsukamoto is really onto something here. It's these moments that really set the film apart and turn it into a truly unique experience.

Kotoko is another work of love. Tsukamoto did almost everything himself, though he also credited Cocco for more than just the acting (she also gets production design credits and she served as the film's main inspiration). The result is a very powerful and gut-wrenching drama that lacks subtlety but makes up for that with sheer emotional punch. Tsukamoto fans should brace themselves for a slight but far-stretching change in tone, though it hardly affects the overall quality of the film, instead it only shows that Tsukamoto can retain his style with success even when he sidesteps to new genres.

]]>
Mon, 29 Oct 2012 14:45:51 +0100
<![CDATA[su-ki-da/hiroshi ishikawa]]>http://www.onderhond.com/blog/personal/su-ki-da-review-hiroshi-ishikawa

When Hiroshi Ishikawa released Tokyo.sora he proved to the world that directors of advertisements are capable of more than just a few flashy climaxes. For those who still considered his first film a lucky coincidence Ishikawa made Su-ki-da, the definite proof that the man is a master of minimal cinema. As a relentless love story of two people who have a hard time expressing their emotions, Su-ki-da defines the core of the Japanese drama genre.

screen capture of Su-ki-da

Minimalism is often considered one of the hardest styles to pull off. While I think it isn't necessarily more difficult than any other style or genres, the risk of failing is much greater. When going for a minimalist style a director has very little to fall back on. All parts of the film have to work perfectly together to get the emotions across. When even just one of these elements fails the film crumbles and all that's left is a sense of tediousness and boredom.

Su-ki-da offers the viewer very little in the sense of amusement. Ishikawa follows two characters and their exploration of the feelings they have for each other. The first part of the film tracks them down when they are still in high school, the second part of the film plays 17 years later when they are finally reunited. The focus of the film is very narrow, with very few secondary characters and many of the film's core scenes documenting what happens when the two lovers are together.

The failure to communicate is one of the big themes of the film. It's clear that both characters feel something for each other, but they fail to express their true feelings. The longer they wait, the harder it gets to reach out and slowly they are pushing themselves away from each other. This leads to some tough and awkward moments which fans of Japanese drama cinema are sure to recognize. No director handles this as delicately as Ishikawa though.

screen capture of Su-ki-da

Su-ki-da is masterfully shot. The visuals are absolutely stunning, never overly spectacular or in your face but framed so well that each new shot is another marvel. The camera work is precise and delicate too. Even though it's more agile and closer to the characters than many other films of its kind, it still holds a supreme emotional depth that helps with translating the character's inner feelings. Add to that a beautiful and consistent color palette and you know you're bound to be spoiled.

The soundtrack too is perfection. As for the music, the film relies heavily on a central theme tune that resurfaces in several different versions. Ishikawa once again relied on Yoko Kanno to compose the music and like most of her movie work she does a great job. But just as important are the environment sounds and the way Ishikawa plays with them. Sometimes they are heightened, sometimes the sounds just drop altogether. This makes for some very powerful and engaging moments and it lifts the soundtrack to an overall higher level.

As for the acting ... not a single complaint either. Miyazaki and her adult counterpart Nagasaku are sublime, Eita and Nishijima complement the girls really well. I must warn people who have trouble with the typically Japanese introverted style of acting though, as it's taken to its extreme here. Personally I have no trouble identifying with the characters but if you depend on outgoing emotions you might find their actions a bit hard to understand at times. The secondary cast is almost non-existent, but when they are featured they do a pretty decent job too.

screen capture of Su-ki-da

Even though the second part of the film is just a tiny bit more plot-driven, the strength of Su-ki-da comes from it's emotional depth. Whether you can identify with this depends on how well you cope with the audiovisual elements and the style of acting, but if you're already a fan of Japanese dramas this is a definite must see. When comparing it to Tokyo.sora it's pretty difficult to pick a favorite, though overall I think I prefer the broader focus of Ishikawa's first. Both films are pretty consistent in quality though and fans of either should definitely check out Ishikawa's entire oeuvre.

Su-ki-da is probably not the best entry-level film for people wanting to broaden their horizons, but if you like minimal cinema or you are a fan of Japanese dramas you simply owe it to yourself to track this film down. It's beautiful, heart-warming and extremely delicate. It's a film that puts you at ease and even prolongs that state of mind until long after the credits stopped rolling. One of the dearest and most delicate love stories ever told.

]]>
Fri, 26 Oct 2012 12:30:57 +0200
<![CDATA[component-based html/a glimpse of the future]]>http://www.onderhond.com/blog/work/component-based-html-future

Even though the entire web dev world is battling the impact of responsive design (me included), these past couple of months (maybe even years) I've been looking elsewhere to satisfy my front-end itches. Not that I think responsive is a minor issue, it's just that I believe there is more to web development than quick wins and rapid progress. My ultimate pet peeve is structured html and I'm more than excited to have finally found a big forum willing to support me in spreading my ideals.

the article

Yesterday Smashing Magazine ran The Road To Reusable HTML components, an article I've been working on for quite a while. It's a plea to spend more time on writing sane, reusable and solid html packaged as a hands-on, practical rundown of my own methodology of writing html code. The article is pretty detailed so if you haven't read it already I propose you do so first.

looking beyond

Writing your own html (snippet)library is clearly only the beginning. More and more you feel that our industry is going to face one of the biggest conflicts/challenges it has ever known. On the one hand specialization is needed. Even something "simple" as html requires a lot of knowledge these days, especially if you're aiming for semantic value, reuse of code, accessibility and whatever else comes with the territory. Getting all these things right takes time.

Time we don't really have, because javascript and css too are getting more and more difficult by the minute. Performance matters, so does responsiveness across multiple screen widths and input modes. Maybe even across operating systems. Even though we need to focus on specialization to keep on top of our game, we also need to broaden our knowledge in other fields so we can make the right calls when distributing responsibilities (do we fix it in html, css, javascript or server side?).

We need ways to speed up our development, but in such a way that we can keep guaranteeing quality.

component-based html

Writing component-based html is one step in the good direction, but it also stands at the base of a whole lot of other possible innovations. When you write basic visualizations for each component (whitelabel css) you have model that works in the browser as soon as your html is finished (back-end devs appreciate this).

If you make an abstraction of your components, you can even develop a tool for wireframers to compose their wireframes using your components. The whitelabel css will visualize everything for them, add some basic responsive models and what you have is a responsive wireframing tool that outputs production-ready html. Sounds too futuristic for you? Well, not really. Safe some details that's how we are coping with front-end development at my current job this very moment. Not everything works out of the box of course and conceptual wireframing is still best done in a specialized tool, but once it comes down to drawing detailed wireframes for every page, this sure comes in handy.

One thing is certain though, this is only the beginning.

conclusion

We need to eliminate repetition and brainless actions from our daily work. The time I spend on composing page templates based on html I've already written is time I should spend on investigating new techniques and making sure my components can withstand various demands: enriching them with accessibility measures, semantic value and visual/functional variations. These are the things that really need our attention. In short: spend your time working on your library, not on laying out page after page after page.

The more monkey work we can reduce or even make redundant, the more time we can spend our time focusing on overall quality. And the way I see it, we're definitely going to need that time in the near future.

]]>
Wed, 24 Oct 2012 12:53:11 +0200
<![CDATA[frankenweenie/tim burton]]>http://www.onderhond.com/blog/personal/frankenweenie-review-tim-burton

After disappointing many of his fans (not me though, but I'm not really a fan) with Dark Shadows, Tim Burton is back with a vintage Burton project. Frankenweenie sees Burton return to the world of stop-motion animation and the result is more than spectacular. Frankenweenie is a delicately crafted film, made with absolute love and care and meant to charm the people who share Burton's particular interest in monster movies. It's Burton's baby and by far his best feature-length film so far.

screen capture of Frankenweenie

Though I appreciate some of Burton's work (Alice In Wonderland), many of his films leave me with an uneasy emptiness as a direct result of unfulfilled potential. Even though he and I share the love for stop-motion animation (Panique Au Village, Fantastic Mr Fox, Mary And Max), I often felt that in the past Burton was trumped by partner in crime Henry Selick (Coraline). Frankenweenie is the first feature-length film where Burton truly convinced me of his stop-motion capabilities.

I say feature-length because I've been a long-time fan of Burton's early short film Vincent. Also shot in black and white, it held a wonderful charm that always made me wonder why he couldn't reproduce that in his feature-length work. I even think that Vincent is part of the reason why I could never get fully engaged in Burton's later work. Frankenweenie too is based on an old Burton short-film, though the original was shot in live action rather than stop-motion. The transition is definitely one for the better.

Frankenweenie is an ode to the monster films of yonder. Not really a surprise for people who've seen Burton's Ed Wood, but Frankenweenie takes a more intelligent approach. While Burton pays proper respect to his influences, he also creates a modern addition to the genre that stands well on its own. For someone who isn't completely versed in the subject there are plenty of easy to understand references, while some of the more obscure ones (props for picking Gamera over Gojira!) also managed to reach me.

screen capture of Frankenweenie

The choice to shoot this film in black and white may not be the most commercial one, but it is a brilliant move nonetheless. Not only is it a direct reference to the old monster films, it also masks some of the limitations of stop-motion and it gives the film an overall darker tone. Burton's use of black and white is neigh perfect too, with several very moody and atmospheric set pieces stealing the show. The detail to the characters is astounding while some of the effects are truly impressive. Character design are fun and expressive, another big plus. It's clear that Burton had an above-average budget to play with (certainly for stop-motion norms) and he really made the most of it.

More surprisingly is the fact that for the first time I could actually appreciate the 3D effect used in a film. So far I'd considered 3D a farce, a gimmick that detracted from the experience and one that was only used to make us pay more for less (yes, even in Avatar). While the 3D here is still far from perfect (there is still too much blur when characters are moving fast), it really gives the characters an extra dimension. It's as if you're flying through the set with the models yourself. The effect may break the illusion of film a little, but it adds so much more to the charm of stop-motion that it's definitely worth the investment. Not that I've suddenly turned into an avid defender of 3D, but for black and white stop-motion projects it's a very nice addition.

For the soundtrack Burton relied on long-time collaborator Danny Elfman (no surprises there). Elfman's music is perfect, creating a score of fantasy-like music with a dramatic monster twist. It's a theme that fits Elfman's typical style and it's clear that he felt right at home with the project. The voice acting is surprisingly mature. No big stars paid just so their names can be featured on the poster, but a selection of strong voices that lend their characters some extra panache.

screen capture of Frankenweenie

The premise of the film is simple and plot and story remain pretty bare-bones throughout. Judged by these factors Frankenweenie is a typical film aimed at kids. But the many references, the oddball characters and the very particular style will be harder to sell to a younger audience. Because of this Frankenweenie is a difficult film to market, which is clear when you look at the current theater programmings. The film didn't open that wide here in Belgium (and The Netherlands), some theaters only play it during the evening screenings. It's a challenge Disney clearly wasn't able to overcome, though I'm very glad they went ahead with the release because it's a film that deserves to be seen in cinemas.

Everything about Frankenweenie shows that this a film made with lots of passion and dedication. Its lush production values are betrayed by the enormous detail featured in the final product, but they never seemed to hinder Burton in producing the film he wanted to make. A pretty bold move, especially for Disney who are known to be quite conservative, but one I'm sure every Burton fan will appreciate. Frankenweenie is a pretty exceptional film and my favorite Burton so far, it's also the first film that made me less skeptical about the use of 3D in film, so make sure you catch this one in a theater near you.

]]>
Tue, 23 Oct 2012 12:58:04 +0200
linear-gradient standardization/a quick fixhttp://www.onderhond.com/blog/work/linear-gradient-standard-math-fix<section class="textblock"> <p> <span class="intro">Since a while I've been trying to adopt to a fresh work pattern: whenever a new browser version is pushed I quickly run through my blog templates to see if anything broke in the process. There was a time when I dared to rely on browser vendors to keep things functional between major updates, but those times are clearly behind us. For those of you who haven't checked your sites in FF16 ... here's why you probably should.</span> </p> <div class="img"> <img src="/style/site/gradient-fix.jpg" alt="" /> </div> <section class="textblock"> <h1><span>vendor prefixes and standards</span></h1> <p> To be fair though, not all things that break between browser updates are actually related to browser bugs. For the longest time people have been telling us that vendor-prefixed css is unstable and probably not very safe to use in commercial projects. While we all know this (or at least we should know this), up until recently reality used to tell us something different. Apart from some small rendering differences, syntaxes and implementations have slowly been growing towards each other and cross-browser implementations have been fairly stable so far. </p> <p> Some time ago a first big warning was issued when the entire flex-box syntax was rewritten from the ground up. People relying on the old syntax (polyfilling it for older browsers) broke a sweat and had some serious patching to do. The thing is that not too many people had been using flex-box in commercial projects, so the damage was almost negligible. </p> <p> The recent release of Firefox 16 introduced a new problem though. Firefox 16 is the first stable browser version to implement the unprefixed, standardized linear-gradient syntax and implementation, which (surprisingly I must say) turns out to be a little different from what we've been using so far. The syntax may not have changed, but the defaults have. </p> </section> <section class="textblock"> <h1><span>linear-gradient and less/sass</span></h1> <code class="block"> <span>.gradient(@start, @color1, @color2) { <span>background:-webkit-linear-gradient(@start, @color1, @color2);</span> <span>background:-moz-linear-gradient(@start, @color1, @color2);</span> <span>background:-o-linear-gradient(@start, @color1, @color2);</span> <span>background:linear-gradient(@start, @color1, @color2);</span> </span> <span>}</span> </code> <p> Chances are that you've been using a mixin like this (I assume the sass version isn't all that different) for applying css gradients in your projects. I know I have and so far it didn't bring up any problems. When I checked this site in Firefox 16 last week I noticed that some gradients were suddenly botched though. Not missing as such, but drawn in a different direction. Other gradients were still showing up fine, so confused as hell I looked around for hints of what might've happened. </p> <p> It turns out some changes were made to the defaults of the linear-gradient implementation. If you've been using keywords to indicate the starting position you're pretty much safe, but if you've been using degrees you're bound to run into some problems. When defining a linear-gradient in your prefixed css the starting position (0 degrees) of a gradient runs from left to right and goes counterclockwise. When defining a linear-gradient in standard css the starting position of a gradient runs from bottom to top and clockwise. </p> <p> In practice this means that 45deg gradients will still be the same, but all the others starting positions defined in degrees will yield different results. Sweet! </p> </section> <section class="textblock"> <h1><span>thanks you less/sass for including simple math functionalities</span></h1> <code class="block"> <span>.gradient(@start, @color1, @color2) { <span>background:-webkit-linear-gradient(@start, @color1, @color2);</span> <span>background:-moz-linear-gradient(@start, @color1, @color2);</span> <span>background:-o-linear-gradient(@start, @color1, @color2);</span> <span>background:linear-gradient((-1)*@start+90, @color1, @color2);</span> </span> <span>}</span> </code> <p> Luckily the solution to this problem isn't too difficult. All we have to do to fix this is to add to difference between the angles of both starting positions (90) and invert the orientation (* -1) for the standard implementation. Just add this to your mixin and all will be alright again (now this is why I love preprocessors). </p> <code class="block"> <span>.gradient(@start, @color1, @color2) { <span>background:-webkit-linear-gradient((-1)*@start+90, @color1, @color2);</span> <span>background:-moz-linear-gradient((-1)*@start+90, @color1, @color2);</span> <span>background:-o-linear-gradient((-1)*@start+90, @color1, @color2);</span> <span>background:linear-gradient(@start, @color1, @color2);</span> </span> <span>}</span> </code> <p> One important sidenote here is that the first mixin is just the proposed fix to be used in existing projects. If you're starting a new project it's better to take the standard implementation as the starting point and adapt the prefixed implementation accordingly. The same formula applies, which leads us to the second mixin. <p> </section> <section class="textblock"> <h1><span>conclusion</span></h1> <p> Next time someone tells you it's entirely safe to use prefixed css properties, think twice. I'm not saying that we should all avoid prefixed css properties in our commercial projects, but the disclaimer that the syntax and/or implementation can change at all times isn't just an empty threat. In this particular case the fix is simple, but there's no guarantee that the next problem will be just as easy to tackle. </p> </section> </section>Fri, 19 Oct 2012 13:28:38 +0200<![CDATA[hana to arisu/shunji iwai]]>http://www.onderhond.com/blog/personal/hana-to-arisu-review-shunji-iwai

When looking at the films I've reviewed so far it might not appear to be that obvious, but I'm a pretty avid Shunji Iwai fan. The thing is that after releasing Hana To Arisu Iwai almost entirely disappeared from the full-length feature scene, leaving me with little to no options to put his work in the spotlight. I'm eagerly waiting for Vampire to leave the festival circuit, until then I can count on films like Hana To Arisu to ease the wait a little.

screen capture of Hana to Arisu

It's not that Iwai fled the film scene entirely, in between he directed two documentaries and popped up in the New York, I Love You anthology, but the availability of those project (especially the documentaries) is less than encouraging. I do understand Iwai's sudden change of interest though as most of his films all share a very common basis, so I wouldn't be too surprised if he was craving for a new challenge. Iwai may not have the most varied oeuvre, but what he does he does with style.

Hana To Arisu is a very kind, sweet and upbeat film. It's also very naive, but in a comfortable and recognizable way. Iwai focuses his attention on two young girls and the way growing up affects their childhood friendship. Arisu is the quiet, self-assured type while Hana is the bold yet insecure type. Their relationship is heavily tested when they both fall for the same boy.

When said boy (Miyamoto) bumps his head and falls down unconscious, Hana tricks him into believing that they are a couple and that Miyamoto has some form of partial memory loss. Things get really hairy when Miyamoto starts showing a bigger interest in Arisu, which prompts Hana to make up an entire past involving the three of them. Arisu in her turn also starts to develop some feelings for Miyamoto, completing the love triangle. Needless to say, this situation becomes incredibly taxing on Hana and Arisu's friendship.

screen capture of Hana to Arisu

Visually speaking Hana To Arisu is vintage Iwai and by extension vintage Japanese drama, only maybe a bit dreamier in style. Natural camera work, an eye for atmospheric lighting and some landmark shots in between are the key aspects you can expect from Iwai. The film looks beautiful and knows how to peak at certain times, the ballet scene near the end of the film in particular is of extraordinary beauty and leaves me stunned time and time again.

The soundtrack is a bit more pop-oriented than the ones you'll find in most Japanese dramas, but the film's setting warrants the choice of music. On top of that, considering the genre Iwai has a pretty good feel for what works in his films. Even though the J-Pop influences are definitely there, the soundtrack never ends up sounding too cheap or commercial. Add some classical drama pieces (mostly piano-based) and you know what to expect.

Hana To Arisu is partly carried by its two main actresses. Aoi and Suzuki are both perfect for their roles, carrying a very natural flair while going slightly over the top where needed. The chemistry between the two feels real and even though the story is a little far-fetched, the acting irons out any lingering doubts. The secondary cast is decent enough but they fail to get noticed whenever one of the two main actresses are present.

screen capture of Hana to Arisu

While there is some drama, don't expect anything but a feel-good film. Iwai keeps the drama light and never allows his film to become too depressive. Together with the setting and its characters it gives the film a warm, naive and familiar atmosphere, reminiscent of a time when one's responsibilities reached as far as getting your homework done on time. Capturing this slightly melancholic yet upbeat feeling is definitely one of Iwai's main perks and none of his films get closer than Hana To Arisu.

Hana To Arisu is a film for fans of Japanese drama. It may seem a bit slow and uneventful to some, others might be annoyed by some slightly exaggerated moments, but all in all it's a very sweet, very natural and naive little film that has charm aplenty and feels particularly short for a film that runs well past the 120 minute barrier. Here's to hoping Iwai can manage a successful come-back to the world of feature-length films.

]]>
Thu, 18 Oct 2012 13:45:08 +0200
<![CDATA[power of the button/on usability and expectations]]>http://www.onderhond.com/blog/work/form-button-usability

For many of us the web occupies a firm portion of our daily lives. Without actively realizing it we have formed a certain realization about what the web is and how it is supposed to work. Links make connections between pages, forms are used to enter data and buttons submit the data that was entered. When these unwritten laws are broken it often leads to great frustration and sometimes even worse. What follows is the result of such frustration (and possibly worse).

buttons vs links

I vividly remember a discussion back when I started working for Internet Architects. The discussion was about the difference between a link and a button. After a while you kinda know intuitively when to use one or the other, but actually putting that into words can be quite tricky. Every distinction we tried to make between use cases for these two very simple elements just seemed to wield more exceptions. Also it doesn't really help that throughout the years back-end developers have been mixing links and buttons indiscriminately, relying purely on styling to make a difference.

It is commonly accepted though that links are used to simply browse between pages, where buttons are used to submit data (in whatever form or for whatever purpose). Here's why this matters:

the online tax form

In Belgium we have the option to file our taxes online. The application is notoriously hard to use and as someone who cares about accessibility, usability and overall good web design the application is a true disaster to use. How such a thing can still exist in 2012 is a complete mystery to me. On the other hand, the functionality it offers is a big plus, overshadowing all the negative points. Or at least, so I thought.

When I submitted my taxes online just a couple of months ago, the application told me the data wasn't complete. The tax form is a collection of 8 tabs, each holding their own form with a button at the bottom of the tab content. Pushing that button takes you to the next tab. You run through all the tabs and submit the whole tax form when you're ready. If something is wrong or missing, a red attention icon appears next to the tabs where the problems occur. So far, so good.

Apparently I missed one field on tab 3, so I went back to fill in the missing data. I even used a little wizard linked to the input field to calculate the right amount I had to fill in. When I clicked the button on the bottom of the tab 3 form, the application jumped to the next tab (= normal behavior), but the error was still there. Slightly annoyed I went back to tab 3 in order to check the error once more. Again the application informed me that the data I had entered into the field was not correct. Weird no, because I had just used the application's wizard to calculate the data. I tried various amounts, resubmits, checked online, even tried some gibberish and still the form kept telling me something was wrong with the data. This one little field was starting to cost me a lot of time (spent on and old laptop with XP, because of course the application doesn't run on Win8).

what went wrong ...

The clue is actually pretty embarrassing. Apparently the application only validates the form when it is submitted as a whole, meaning that the button at the bottom of each tab is little more than a simple shortcut bringing you to the next tab. The error I kept seeing was still the same error that popped up the first time I had tried to submit the entire tax form, but because of the nature of the message ("the data is wrong") this never became clear to me.

When I finally (and I was pretty pissed by that time) tried to submit the entire form (a last resort attempt) it suddenly worked. It turns out the validation only applies when you submit the form in its entirety and not when browsing between the different tabs. Sadly the amount that was entered at that time was erroneous which could end up costing me a 10% fee (for unintentional tax evasion).

... and why it went wrong

The reason for the confusion is what interested me though. Because there was a button at the bottom of each tab, I looked at each tab as a separate form. Since links are used to simply browse between pages, I assumed that the button would actually submit the data I had entered in that particular tab and that it would prompt the application to reevaluate any possible mistakes. But all that time I had just spent entering the data and browsing between the tabs while the application was doing nothing at all. The final submission of the tax form wasn't just a final confirmation, it was the actual submit of the data and the only trigger to validate the data entered in the entire form.

It's painful when applications start abusing buttons simply to switch between states or pages instead of submitting data. On the web, when you click a button, you expect the application to process the data and to inform you when anything problematic occurs. The Belgian online tax application doesn't do that and so now I run the risk of paying a rather big fine if they don't agree with my explanation.

conclusion

Choose your elements carefully when building something for the web. These days more and more attention is paid to building online applications, but it is beyond me that an application of this magnitude (and with the very real risk of running into big fines when the slightest thing goes wrong) has such poor usability and customer care. It's clear that no proper front-end developer or usability expert was ever involved in the project, the result is pretty disastrous.

In most cases buttons and links are not interchangeable elements. Use the correct element for the right use case. People have certain expectations when they see these elements and when you start tinkering with them (or just plainly mix up their known functionality) you're not doing anyone a favor. Let this be a lesson learned next time you doubt between picking a link or button (or a link styled as a button).

]]>
Wed, 17 Oct 2012 14:43:50 +0200
<![CDATA[site update/some fresh announcements]]>http://www.onderhond.com/blog/onderhond/onderhond-site-update-2012-features

The 5th anniversary of onderhond.com is only a month away. I've always considered this site a combination of personal content and professional playground, so to celebrate this special birthday I've planned a couple of updates, most of which will hopefully have made it by the end of the year. This little update will give you a taste of what is to come (and a small warning that some things might break in the process though I'm aiming to keep the site running as smoothly as possible).

three blogs become one

The first change is already visible today. Yesterday I closed down two subsections of my blog: the personal and work section. Fear not, the separation between the two will continue to exist (I still firmly believe in separating the content of my work and personal blog), but the urls are gone (currently all old urls are redirected to their new destination, so all incoming links will continue to work). You can still filter on personal/work posts in the overview lists and archive (not yet implemented), but eventually they will all lead to the same page.

The benefits are clear: one blob of content now has one unique url (instead of two), something search engines appreciate a lot. It also clears up some room in the main navigation and the color coding finally becomes section-specific instead of a mix of sections and subsections. All in all, I hope the site structure becomes a bit clearer while keeping the functionality of the split-topic blogs intact.

introducing a new section: features

One of the biggest changes is the introduction of a brand new site section. Through the years I've written many blog posts, but there are even more posts I didn't write. Some because I forgot (it happens sometimes), some because they didn't really fit the current blog format.

My posts tend to be quite large because page layouts dictate them to be large. This means that I don't have any place to publish smaller blobs of content. The new "features" section will hopefully fill this hole. A feature is a topic with a selection of smaller (2-3 paragraph) updates nested beneath. The difference with a normal article is that you will get a list of all updates on a single feature page. This will allow me to share little css tricks or quick film tips (the ones that didn't get a review but are still worth a bother) among other things.

top movies: expanded

The Top 100 movies section will also be expanded. Instead of sticking to 100 films, I'll be expanding the list 10 films at a time. It'll be an ongoing project and I'm not sure where I'll end up with it, but for now I wouldn't be surprised to see the list grow to 250 entries in the coming 2 years, possibly even holding all my 4.5*/5.0* rated films. The sky is the limit, though I realize I should be looking into ways to make the entire list a bit easier to scan (if you have to click through 250 films with the current pager it's going to be hell).

responsive

Currently I've implemented a pretty simple responsive design (basically some repositioning of existing elements). I might tweak the design to be more responsive-ready, though I'm not quite sure how far I'm going to get with that. I'm not a designer (at all), so it could just as well be that I'm going to postpone the redesign until a later date. Chances are that the redesign won't be purely visual either, but that it will also include some structural changes.

conclusion

So that's about all of it I think. Quite a few updates planned for a rather short period of time, but the back-end work is actually minimal and most of it can be done without writing a lot of extra code. The biggest uncertainty is the redesign, the rest of the updates should be visible by the end of this year if everything goes to plan.

]]>
Tue, 16 Oct 2012 14:40:51 +0200
<![CDATA[heruzu enjueruzu/yoshiki yamakawa]]>http://www.onderhond.com/blog/personal/heruzu-enjueruzu-review-yoshiki-yamakawa

Fans of Dead Leaves and Redline, rejoice. From out of nowhere Madhouse releases Heruzu Enjueruzu (Hells Angel), a wicked, manic and no-boundaries anime that may feel like a Studio 4°C project but has its roots firmly in the Madhouse foundation. The result is a completely unique and over-the-top, two-hour spanning climax with a surprisingly smart background story (at least, if you take the absurd animifications for granted).

screen capture of Hells

Heruzu Enjueruzu was a very troubled project. First introduced in 2005, the film surfaced in its current incarnation in 2008 (festival run) and 2009 (a small theatrical run). After that ... radio silence, a complete void. Until Madhouse realized they were simply losing money by not releasing it, which eventually led to the 2012 Blu-Ray release (English subtitles included!). Looking at the film it's easy to see how Madhouse failed to wrap their heads around a proper release strategy as this is clearly one of those films that's almost impossible to market. It's just way too specific and unique to target even to a niche audience.

The story starts off normal enough (for this type of anime at least). Linne is a young girl on her way to her first day of school. When trying to save a cat from a couple of young delinquents she gets hit by a car and she ends up in hell. Unaware of her predicament at first, Linne soon realizes that she didn't end up in her regular school. The first thirty minutes of Heruzu Enjueruzu are spend on introducing the setting and the characters and are, by comparison, still pretty standard.

Then the film twists and we get some sort of weird, highly exaggerated anime-version of the Old Testament. Linne ends up caught in a feud between Cain and Abel and as the film progresses the story (and the battle between the two brothers) becomes more and more grotesque. The final 90 minutes feel like a drawn out version of the Akira finale, layer upon layer of baffling story progression, though with a certain stroke of underlying genius that sets itself apart from many other anime stories.

screen capture of Hells

Heruzu Enjueruzu has a very definitive, strong visual style. The animation is at times a little poor for a film of this magnitude, but the various art styles, the awesome camera angles and the crazy editing more than make up for that. The character design is absolutely superb, as are the constant switches between the different (but related) art styles. There is always something new to admire, always something that leaves an impression. It's a shame that the budget couldn't carry the enthusiasm of the crew in its entirety, but they definitely made the most of it with the means at hand.

The music is what you can expect from a film like this. High-octane and loud, anything but subtle, mostly guitar-based but good fun and definitely suitable to the overall atmosphere. It's clearly not as bold or as daring as the visual styling, but in a sense it keeps the focus concentrated on the outlandish art style. Outside the context of the film the score may be pretty bland, but within the film it definitely works. The voice acting on the other hand is pretty much perfect. It's a Japanese release so there is no English dub (hooray!), but the Japanese dub is every bit as insane and over-the-top as you would've hoped. The voices really complement the characters and bring an extra level of depth to some of them, while providing more thrills and laughs for others.

screen capture of Hells

Heruzu Enjueruzu is a film that keeps the wtf-levels in the red at all times. There is virtually no limit to the weirdness that is thrown at the viewer. At the same time there is a certain depth and consistency to the background story that's quite unique for an anime of this type. It makes for a very special, slightly tiring but overall gratifying experience that knows no equal. I figure that if they had somehow waited 2000 years to write the bible and they'd outsourced the job to Japan, this could've been the result.

The film asks a lot from its audience. You have to be able to keep with the outlandish art style, the high levels of comedy and absurdity mixed with a well-considered (how implausible as it might be) storyline and the constant assault on the senses. In return you get one of the most uniquely satisfying animes ever released. A film that can only be compared with a very concise selection of otherwise incomparable animation projects. Heruzu Enjueruzu is a true delight if you appreciate your films a little different, if not it's probably best to stay away from it as far as possible.

]]>
Mon, 15 Oct 2012 15:07:25 +0200
<![CDATA[platform-specific css/dodging standards]]>http://www.onderhond.com/blog/work/platform-specific-css

The range of css is rapidly branching. Where css used to be a simple language handling basic styling and positioning, it evolved into a mature and rich set of options ready to provide a wealthy user-experience. New modules and functionality are added on a monthly (maybe even weekly?) basis, but not all of these new properties are actually sound and solid. Lately a somewhat alarming trend is emerging and I believe it deserves some extra attention.

css and standards

To be clear, this is not some kind of idealist discussion on the separation of content, styling and functionality. I'm not going to ponder the difference between several different css3 animation use cases (again). I think those who take their job serious already know when they are appropriate and when they need to switch to javascript. This new problem runs a little deeper than mere ideologies.

For years css has been plagued by browser inconsistencies (and if we're honest, they are still there even though their impact lies mostly with effect rendering rather than positioning and layout). Back in the day IE even had its own layout(/box) model which went right against the standards of the w3c. It took a long time to fix all that and to get all the browsers at least somewhat aligned. A process I'm sure nobody with a history in web design is willing to repeat.

With browser inconsistencies close to becoming a problem of the past, a new hurdle has popped up: OSes. With the introduction of mobile the influence of an OS on browser rendering became more and more apparent. We faced differences in font rendering (fonts look fatter on Mac) and form inputs before, but suddenly a whole new slew of changes introduced itself. Somewhat sneakily new css properties are finding their way into the css language (not the spec mind - they are still prefixed) in order to fix these specific platform or device quirks.

case 1: overflow on mobile

A couple of weeks ago I finished my first big responsive project (tip: never trust browsers from the same families to act alike on mobile vs desktop). The site heavily depends on scrollable areas, but apparently scrollbars were not appearing on mobile. You could still scroll the areas, but there was simply no indication that the area was scrollable and no indication of how far you were into the content. Quick research online learned us that this is a common problem with a very convenient fix:

{-webkit-overflow-scrolling: touch;}

A true godsend because this immediately fixed all our worries on webkit-based mobile browsers (which is a clear majority on mobile). A feeling of sudden euphoria probably masks the doubts we should be having about using a property like this though. The bigger question here is why this basic (standard browser) behavior isn't working on mobile OSes. Apparently Apple had some good reasons to change the native behavior of scrollable areas (and thus the way the browser operates), but what if other OSes hadn't followed Apple's approach? Browsers now need to decide which css properties to pick based on what OS and device they are running on. This is clearly not a good move.

case 2: font-smoothing on OSX

By accident I ran into a thread on font smoothing on the w3 mailing list. Apparently the font-rendering in OSX triggers a couple of issues in relation to css3 animation. What I got from the thread is that during the animation the font-rendering of the animated element is changed to another rendering mechanism, causing small but intrusive visuals jumps at the start and end of the animation.

No doubt this looks ugly, but is this really something that should be fixed with css? What if a third OS surfaces that comes with a new font rendering mechanism (and its own set of bugs)? Do we really need to write specific css rules to fix rendering issues on certain OSes? I do kinda sympathize with the fact that people are finding quick ways to solve these issues, but I pray properties like these (-webkit-font-smoothing) never make it into the final spec.

conclusion

For now these properties are proprietary, meaning they can still be considered tryouts of quick-fixes until a better solution comes along. They do open a path to a future where people don't think twice about adding a css property in order to fix a platform-specific bug though, a future I rather not think about.

While I won't advise people to not use these properties (they are incredibly useful, even essential in some cases), I would hope that people involved with writing the css spec think twice before allowing such properties into the spec. I'm pretty sure the slippery slope principle applies to this situation and I for one am not looking forward to adding a bunch of css hacks in each and every css file in order to fix platform-specific rendering issues.

]]>
Thu, 11 Oct 2012 14:39:42 +0200
<![CDATA[mizu no onna/hidenori sugimori]]>http://www.onderhond.com/blog/personal/mizu-no-onna-review-hidenori-sugimori

Mizu no Onna (also known as Woman of Water), a film that took me (and just about everybody else) by surprise. It's a film that is very difficult to compare to other films out there, a unique experience that leaves you begging for more. It's often cataloged as a Japanese drama, but the categorization doesn't really do the film justice as its mystery roots run deep. Mizu no Onna is a weird genre-mix, a real beauty, definitely worth seeking out.

screen capture of Mizu no Onna

Hidenori Sugimori is one of those unsolved mysteries of cinema (think Charles Laughton's Night Of The Hunter). A director that garnered a lot of interest with his first film, only to completely disappear from the world of cinema after that. Granted, Mizu no Onna isn't the world's most accessible film, but Sugimori shows such a strong sense of dedication and direction that it's difficult to believe he was unable to get his second film funded.

Mizu no Onna revolves around Ryo, a pretty normal, everyday woman. The only peculiar thing about Ryo is that whenever she experiences something important in her life rain starts to pour, to the point where it actually becomes a forebode of important things to come. One fatal afternoon the rain starts pouring again, soon after Ryo gets a message that her fiancé and soon to be husband just died in a car crash.

Ryo's life is turned upside down and she decides to sell the bath house she operates in order to get her life back on track. But before she can go through with her plan she runs into Yusaku, a shy and introverted young man who is sneakily camping out in her bath house. Yusaku is a pyromaniac running from the police, but Ryo finds comfort in his presence. The water and fire metaphor isn't exactly subtle of course, the execution on the other hand is.

screen capture of Mizu no Onna

Visually the film has a lot to offer. Sugimori has a very unique, intriguing style that mostly surfaces in short but intense bursts. For the most part the film's styling remains close to that of other Japanese dramas (meandering camera movements and subtle editing), only to surprise the audience with a magnificent camera angle or quick edit when Sugimori switches gears. The color scheme is near perfect too, dominated by dark blues and grays and only to be disturbed by warm reds when Yusaku is around.

The soundtrack too adds a lot to the atmosphere of the film. Anime enthusiasts might (and definitely should) recognize Yoko Kanno's name as the composer of the soundtrack (though in all honesty, I feel she made her best work for live action films - Tokyo.sora), who delivers one of her best works to date. Often mysterious and fantastical, the music is a essential to the cross-genre mix that defines this film.

While reading other people's opinions it surprised me how many commented on Ua's lead role. I feel she does a terrific job as Ryo, convincingly coming off as a normal woman who has learned to deal with her particular predicament. Even though she faces yet another strong performance of Tadanobu Asano, Ua holds her own and the two of them carry the film in equal measures. Secondary roles are scarce but well-casted too.

screen capture of Mizu no Onna

Mizu no Onna is a strange little film. Parts of it feel very familiar, other parts feel alien and unique, as if two different people composed the final version of this film. This tension never comprises the overall atmosphere though. Sugimori can be a bit vague when explaining certain events and multiple viewings might be required to get all the details in order, but I think people will be more put off by the peculiar (and often slow) pacing.

Mizu no Onna is film that stayed with me ever since the first viewing. The combination of drama and mystery is brilliant in its execution. The symbolism might lack subtlety, but Sugimori goes a long way in compensating that with strong imagery that will burn itself deep in your mind. An audiovisual masterpiece bearing a strong dramatic undercurrent, it's a real shame that Sugimori hasn't made anything new ever since releasing this film.

]]>
Tue, 09 Oct 2012 12:57:55 +0200
<![CDATA[invisible waves/pen-ek ratanaruang]]>http://www.onderhond.com/blog/personal/invisible-waves-review-pen-ek-ratanaruang

Following the success of Ruang Rak Noi Nid Mahasan, Pen-Ek Ratanaruang released his arthouse/crime blend Invisible Waves, a film that reiterates some of the successful choices of his previous film while venturing into an entirely new direction. I feel Invisible Waves is the actually the more accomplished film of the two, public opinion was less enthusiastic and Ratanaruang slipped back into international anonymity after releasing this film. A real shame if you ask me.

screen capture of Invisible Waves

Ratanaruang (Ruang Talok 69, Nymph, Ruang Rak Noi Nid Mahasan) made some bold choices when he started work on Invisible Waves. He kept the international cast, the pacing and the tone of Ruang Rak Noi Nid Mahasan, but he switched the genre from romance to crime. A lot harder to sell to arthouse audiences and near impossible to sell to hardcore genre fanatics. On top of that the pacing made sure that mainstream audiences would feel ill at ease while watching Invisible Waves. The result is a unique experiment that completely failed to find an appreciative audience.

Admittedly, it does take a little while to get into the film. Even though RRNNM had some minor crime-influences, the romance was the absolute center of the film and the combination of romance and slow pace is a much more familiar one for fans of Asian cinema. Invisible Waves really puts the focus on its crime story and especially at the start of the film there isn't that much to tell. We follow Kyoji as he is sent to Thailand after killing a woman, but that's about it. Kyoji's boss sets him on a boat, but the journey is quite uneventful.

Kyoji does meet up with some peculiar characters on his little trip, but as far as tension and story arcs are concerned nothing major is happening to pull the audience into the film. Only when Kyoji arrives in Thailand does the intrigue pick up and is the audience allowed to be entertained by the story. A very risky choice that is sure to deter a lot of people, then again it's nice to see directors take such bold risks instead of trying to cater to the general opinion.

screen capture of Invisible Waves

For the visuals Ratanaruang once again relied on the skills of the much-loved cinematographer Christopher Doyle. Doyle also shot RRNNM and he has clearly grown in his collaboration with Ratanaruang. The styling and camera work are top notch, especially the use of color is nothing less than spectacular. The film bathes in muted greens and blues, appearing very dark at murky. Perfectly in line with Ratanaruang's overarching vision.

Once again it's the soundtrack that deserves the most credit though. It is almost entirely composed of very subtle ambient, ever present and highly influential to the overall atmosphere. It pops up everywhere, halfway through the vibe becomes very familiar and by the end of the film it feels as if the entire film was carried by the music. It's the way a soundtrack is supposed to be and Ratanaruang earned a lot of my respect for realizing this.

The acting is pretty stellar too, with Tadanobu Asano starring in the lead. I don't think there is anyone more suited to play the part of Kyoji, though you could also argue that Asano actually sculpted Kyoji's character. He's a rather silent, somewhat asocial but fair and agreeable guy who is guided by the people and events that he finds on his way. Secondary roles are also impeccable with a nice little cameo of Eric Tsang to boot.

screen capture of Invisible Waves

The first half of Invisible Waves is extremely slow, subtle and muted. Not at all what you'd expect from a crime flick. During the second part the story gains momentum and you slowly start to connect the dots while the story fleshes itself out. By then most people will surely have lost interest in the film, but for those who appreciate Ratanaruang peculiar mix of genre and arthouse Invisible Waves is really one of a kind and a worthwhile investment.

Compared to RRNNM just about everything is more polished. The visuals look tastier, the soundtrack is even more profoundly present and the acting is just about perfect. The only thing that's challenging is the combination of the genre and the pacing and it is sure to put people off. If you like a good challenge though, but sure to try out Invisible Waves as it's one of Thailand's many hidden pearls and my favorite Ratanaruang.

]]>
Thu, 04 Oct 2012 14:01:28 +0200
<![CDATA[responsive woos/head first and eyes closed]]>http://www.onderhond.com/blog/work/web-development-response-to-responsive

Responsive is everywhere. Let's face it, It's all we write about these days. Every other blog post either touches on some sort of responsive issue, reiterates a specific responsive design process or introduces a cutting edge responsive pattern. It's probably the biggest buzz the web development community has ever known, but when looking at the amount of discussion it generates one may start to wonder whether "responsive" is something we can actually manage/control as an industry.

responsive: a worthwhile ideal

Content duplication sucks. Having to support different applications simply to show your content on different platforms and resolutions is a nightmare for any content manager. It not only poses problems when your content needs to be updated, but also when new functionality is added to your application (which then needs to be ported to all the different apps). So obviously people were looking at the web for a solution, sadly there was little to nothing there.

The web reacted and before we could blink responsive (or adaptive) took off. The concept wasn't entirely new (fluid designs had been around for ages), but coupled with media queries the sky was the limit. Suddenly we had something that could compete with native apps, even if browsers weren't quite ready to handle such a big responsibility (mostly performance-wise). Everyone was excited, enthusiasm skyrocketed and we were all doing little victory dances because responsive was to become the future of web design. As for the practical side of things, that would work itself out, right?

In principle the web is 100% suited for responsive design. The html and content doesn't need to change between different responsive variants, the only things that change are design (css) and behavior (javascript). It's a model we've been striving for for years, so far so good.

responsive: (almost) everybody's fucked

The first examples of responsive web design were pretty basic. Some columns that turned into rows, with a little tailored css styling for added affect. Soon enough we started to realize that this was hardly a proper translation of context-based design, so a few smart minds started to ponder on how far we could take responsive design. It turns out that even our wildest imagination wasn't rich enough to encompass the reach of responsive. Browsers, resolutions, touch devices, OSes ... even a user's natural context or whim of the moment could be a factor in tailoring an interface. Suddenly everything became variable.

Information architects started to panic as concept designers were coming up with all kinds of crazy ideas. Not only was the complexity of a single interface growing exponentially, the work to plot it all out in decent quality wireframes was rising with it. Graphical designers were up in arms when they were told they had to design the whole lot and all of a sudden the idea of component-based work became a lot more appealing. Not a bad thing really, but often a little too abstract to serve as input for front-end developers, let alone clients. On top of that, not having to work out all the details leaves a lot of unexplored territory that has a tendency to pop up at a later stage in the project.

Front-end developers were panicking too, because browser support for responsive models (especially the older browsers) was subpar, sometimes even non-existent. Quickfixes (like respond.js and similar solutions) proved useful to a certain degree, but they also proved fickle and prone to errors. The lack of bulletproof descriptions of the responsive behavior also left plenty of blind spots that needed to be solved on the fly when they surfaced eventually, leading once again to subpar solutions and less than desirable hacks. Then there are those who needed to test the front-end templates for bugs, who were getting swamped in a gazillion different browsers and OSes, all with their own set of unique quirks and oddities.

I think the only party not affected by the responsive buzz is back-end development. Apart from maybe a few specific ajax calls all they have to do is implement the front-end code as instructed and rely on the front-end people to do a decent job.

the comet and planet responsive

While everybody was panicking internally the buzz around responsive remained strong and healthy. Not at all surprising as responsive is a very easy sell to clients (conceptually at least, explaining the prize tag can be a bit trickier), so bloggers and public speakers kept on sharing their experiences with others, in the hope that it would help people facing the same difficulties. Every little bit of progress was celebrated as it gave us a feeling we were "getting there.

All this enthusiasm detracted from the harsh reality that we, as a web community, are struggling very hard to deal with the very ideal we are selling to our clients. Instead of properly thinking things true, doing some preliminary tests and figuring out how to go about the whole responsive process first, we hitched a ride with a comet and are now heading straight for planet responsive. I think by now we have well entered that planet's atmosphere and we're incinerating at an alarming rate, ditching rubble left and right, propelled solemnly on a momentum of blind enthusiasm and wishful thinking.

There is no doubt in my mind that a strong core will survive and that it will reach its goal eventually, but the cost of this responsive journey is still very unclear. For an industry that failed to bring its entire crew up the speed on the simple basics of front-end development (we tried for ten long years, but with very little success), how are we going to deal with the added complexities of responsive web design?

responsive: half-arsed solutions

Looking closer at some of the recent trends in the web development sphere, you can't help but notice that many of them are cheap hacks to help deal with the whole responsive thing. Suddenly bloggers are switching to single-column designs. Focus-first and removing the cruft ... right? Is there anyone who really believes that? Designing and wireframing in the browser? Sure, a valid alternative for maybe 10 or 15 people in our business who're so fucking genius that they can do all these things on a proper quality level, but a recipe for disaster when the rest of us are going to have a go at it.

Hell, even trends like OOCSS (throw away your best practices in order to make css development easier) seem to suggest that we can't handle the workload, complexity and stress that responsive design puts on our shoulders. We're removing the cruft alright, but at the same time we're also neglecting a whole lot of quality standards we worked so hard to establish. That these standards are lacking is becoming painfully clear when you actually start reading one of the many "this is how we did responsive" articles. Most of them fail to offer any answers, they only manage to share experiences.

Even the whole charade around responsive images illustrates the lack of responsibility we're dealing with here. A few half-arsed propositions (yeah sure, let's stuff it away in html and let's pretend it belongs there) were being pushed forward so we could finally ditch the problem, focusing our attention on more pressing matters.

conclusion

The saddest thing is that four years from now, when clients demand a new site, we'll be throwing away all our work once more, going for a fresh start rather than expanding the framework we should be building today. As an industry we keep failing to build durable, extendable and robust websites that can serve as a basis for later developments. I find this an incredibly letdown.

It's not that I believe responsive design is a bad thing. I actually think it's the only way forward, I'm just disappointed by the hype and the inability to approach it responsibly. Quality-wise our entire industry lies in shambles right now, just as it did 10 years ago. People are struggling (and failing) to understand the far reaches of responsive design, people are fighting with the extra workload and all the while quality is suffering. We're too far in to turn back but there is no visible trace of a stable and best-practice fueled future. We can only push forward and cross our fingers in the hope that everything will turn out fine, though it would be a good start if we could admit to ourselves that we're in way too deep. It's the only way to really pinpoint our weaknesses and to improve ourself as a community and to keep our credibility as an industry.

]]>
Wed, 03 Oct 2012 12:26:41 +0200
<![CDATA[beyond the black rainbow/panos cosmatos]]>http://www.onderhond.com/blog/personal/beyond-the-black-rainbow-review

Say hi to the 60s and 70s sci-fi revival. Director Panos Cosmatos infused Beyond The Black Rainbow, his first-born, with nods to the sci-fi classics of eras past, but also made sure his film isn't just a rehash of former glory. The result is a challenging trip that wears its influences on its sleeve while equally coming off as modern and original. It's a film you simply cannot ignore if you like your films a little different, but beware as you may not appreciate the film's total lack of coherent storyline.

screen capture of Beyond The Black Rainbow

When reading reviews of Beyond The Black Rainbow you are bound to run into some 2001 references. Even though I'm not a big 2001 fan myself I do see the connection, especially when singling out the finale of Kubrick's film (the scenes within the mansion). While watching Beyond The Black Rainbow I was more reminded of Cronenberg's first film Stereo though. Cosmatos film emits a very similar vibe (the extremely clinical research center with its off-center researchers) though the styling of both films couldn't be more different from one another.

Beyond The Black Rainbow has a very strong focus on atmosphere. In the process it inevitably loses a lot when it comes to coherence and storyline. If you want to have a clear understanding of what is going on in this film, multiple viewing will be necessary and even then some plot points will surely remain a blur. It's a harsh trade-off, but I believe that Cosmatos was fully conscious of this when he made his decision (and if you ask me, it's a trade-off more directors should have the guts to make).

The basic premise of the film is simple enough. Elena is a mysterious young girl locked up in a research facility. Elena possesses some weird powers, though it never becomes clear what the exact reason behind her imprisonment is. Her doctor is a pretty creepy man who observes her every day. Elena isn't very talkative or responsive, until one day when she finds a way to escape the research facility.

screen capture of Beyond The Black Rainbow

Beyond The Black Rainbow is first and foremost a visual experience. Based on the trailers I wasn't too excited about the film's look, but during the course of the film the visual style really comes to fruition. The color scheme has a very distinct 70s vibe, but the editing and camera work are definitely more modern. Every single frame went through heavy post-processing, the resulting imagery is absolutely stunning. Once the film ventures outside the walls of the facility Cosmatos has a lot more trouble maintaining the visual qualities, but luckily that's only a small portion of the film.

The soundtrack is a bit trickier to judge. Cosmatos clearly paid a lot of attention to the sound design and it integrates flawlessly with the film, but when compared with the visual audacity of Beyond The Black Rainbow it's a bit lame and definitely on the safe side. Not just the choice to go for an ambient/soundscape-filled soundtrack, but also the execution which often borders on Boards of Canada-like analogue mellowness. It tends to blend in well with the visual look, but it lacks the modern touch. I feel a sharper, more experimental and cut up soundtrack would've worked much better here, then again I should probably be happy that at least a measurable amount of time and dedication went to integrating the music with the visuals.

The acting is pretty basic, the few actors present don't have all that much to work with as their characters are pretty basic stereotypes with little in the way of interaction. On the other hand they do a pretty good job, never falling into the trap of overacting. Eva Allen makes a pretty enigmatic Elena, but it's Michael Rogers that leaves the biggest impression as the creepy and slightly insane Doctor Nyle. No prize-winning performances, but above par for a production of this type.

screen capture of Beyond The Black Rainbow

The first 90 minutes of this film are pretty much perfect, save the lack of a more ballsy soundtrack. Sadly Cosmatos doesn't really know how to end his film, completely turning around the vibe of the finale and gracelessly failing to go out on a high note. I'm not really sure what happened there, I understand that without the ending the film could've been accused of taking itself too seriously, still Cosmatos should never have allowed the film to leave the premise of the facility.

If the film had stopped 20 minutes earlier I would've given it a full score, now I feel Beyond The Black Rainbow fails to fulfill its true potential. It's not that the final 20 minutes are extremely bad or inappropriate, it's just that they can't meet the film's own superb quality standards set during the first 90 minutes. It's a shame because apart from a slightly disappointing soundtrack the films is a true delight. Wildly original, visually overpowering and genuinely mysterious, it's bound to become one of the best releases of 2012 and a film to treasure for years to come.

]]>
Tue, 02 Oct 2012 11:30:58 +0200
<![CDATA[browser fragmentation/and quality fails]]>http://www.onderhond.com/blog/work/browser-fragmentation-and-quality-fails

The browser has been our main tool for consuming the web ever since the very beginning. It's still the most efficient tool to access massive amounts of data coming from various resources, but a couple of years ago browsers suddenly encountered some serious competition when apps started to emerge. Browser vendors and html enthusiasts countered with a knee-jerk reaction in order to compete with apps, the question remains whether that was the right way to go.

browser vs app

Even though apps and browser compete for the same audience (ie everyone using the web), they often fail to realize that they both have very different goals. A browser is a tool constructed for massive data consumption. It's anything but single-focus and it allows you to quickly get all the data you need. Apps are made for single-focus, smaller data consumption. Apps are mostly single-purpose tools that remove the cruft of a browser and get the single unit of data you need to you as quickly as possible.

It's a pretty important distinction that demonstrates the pros and cons of both approaches. Apps are great to replace sites you want access to at all times (Facebook/Twitter), but they suck when you need to find something random or you want broad input on a problem (like product reviews). Browsers are great if you want to gather lots of data and you don't really know where to look, but they suck when you want to quickly consume a single unit of data with known location.

And yet, when you look at the war being fought between apps and browsers these days, 90% of the battles are fought over pointless design or functional quibbles that have little to do with how the technology can best serve its users. Worse is the fact that browser performance and stability is seriously suffering because of that.

browser fragmentation

Remember the days Netscape and IE were fighting for dominance? Well, today there are five main browsers, five main OSes and a never-ending list of hardware to deal with. One of the most annoying things is that browser-families fail to act consistently across different platforms. If something works in Firefox Windows, you can't trust it to work in Firefox OSX. If you something works in Safari OSX, that doesn't mean it works in Safari iOS. Surely OSes are partly to blame (Apple's iOS restrictions for example), but browser vendors still have a responsibility in this matter. I get that it's hard to abandon a popular (mobile) platform just because the platform's owner is actively trying to shun you, but in the end it's the user that suffers.

The result is that almost every browser is trying to gain market share on all the different platforms available. Chrome was released on iOS, even though it can't use its javascript engine, Opera was released on iOS, even though it can't use its rendering engine. Firefox is aiming to take a piece of the market cake by releasing an Android version and no doubt once Windows 8 is going to be available we'll see browsers expand their territory into the Windowsphere. Sadly reality shows us that, at least for some part, these platform spin-offs can't be trusted to act consistent with their parent browsers and are in fact, different browsers only bound by name.

front-end feature creep

In order to compete with apps, browsers are coming up with the craziest css and javascript improvements to recreate that typical "app" feel. In reality this means a lot of unstable graphical and functional features are added, stuff nobody is particularly interested in when wanting to consume information. 3D css3 animation? Who cares. Direct camera feeds? Useful for like 0,00001% of all sites out there. What I really want when I look for something on the web? The information .. as quick and painless as possible.

It's not that these new features aren't nice, at best they slightly improve the overall user experience, but for now they are a serious attack on the stability and performance of browsers. That and the fact that partial support and lack of proper fallbacks are actively hindering people finding the content they are after. Sometimes I open a page in Opera (yeah, I switched) and don't even comprehend what I'm seeing. Having to open Chrome to see what these Picasso-like layouts are all about is the saddest user experience one can imagine.

browser regressions

What's even worse is that all those new css and javascript features seem to impact the stuff that's been working seamlessly for years. Recently I've seen Chrome fuck up drawing table borders and containing inline-block elements. That's oldskool css2.1 stuff, bugs that ie8 would be ashamed of having. I've noticed similar things happening to Opera and Firefox, only not as in-your-face.

It doesn't really help that Firefox and Chrome update themselves every 6 weeks without a single word of warning. I've come to a point where I don't really trust new releases of browsers to behave the way they did before, then again, we can't check all our sites in full every time a new browser version is released. That would be a full-time job considering the current variety of browsers and platforms. So stuff that worked before might break in cutting edge versions of new browsers, is this really 2012?

conclusion

Rather than focus on what they're good at, browser vendors are spending a lot of their time competing with very specific functionality, sacrificing stability in the process. I can't remember ever having so much trouble browsing the web even though my demands changed very little in the past 10 years. I still want to find the info I'm looking for, as quickly as possible. Most of the time apps won't give people that, so they're hardly life-threatening competition.

Technological advancement is nice and needed, but not at the expense of stability and user experience. Maybe the problem is the way we define user experience nowadays (focusing on transition effects and looks rather than speed and lack of friction), but browsers should be smarter, not giving in to every whiff and whim of the development community.

]]>
Wed, 26 Sep 2012 12:36:09 +0200
akai megane/mamoru oshiihttp://www.onderhond.com/blog/personal/akai-megane-review-mamoru-oshii<section class="textblock"> <p> <span class="intro">Mamoru Oshii (<a href="http://www.onderhond.com/blog/onderhond/kokaku-kidotai-review-mamoru-oshii">Kokaku Kidotai</a>, <a href="http://www.onderhond.com/blog/onderhond/innocence-review-mamoru-oshii">Innocence</a>, <a href="http://www.onderhond.com/blog/onderhond/patlabor-2-review-mamoru-oshii">Patlabor 2</a>, <a href="http://www.onderhond.com/blog/onderhond/sky-crawlers-mamoru-oshii">Sky Crawlers</a>, <a href="http://www.onderhond.com/blog/onderhond/talking-head-review-mamoru-oshii">Talking Head</a>, <a href="http://www.onderhond.com/blog/onderhond/tachiguishi-retsuden-mamoru-oshii">Tachiguishi Retsuden</a>) started off his live-action directing career with Akai Megane (The Red Spectacles). Right after finishing work on <a href="http://www.onderhond.com/blog/onderhond/tenshi-no-tamago-review-mamoru-oshii">Tenshi no Tamago</a> he vowed to bring the Kerberos universe to life. The result is a mad and weird experiment unlike anything you've ever seen, a perfect mix of Oshii's conflicting sides and a film that still feels just as unique as the day it was released.</span> </p> <div class="img"> <img src="/style/site/akai-megane-1.jpg" alt="screen capture of Akai Megane" /> </div> <p> Fans of Oshii will have a field day with Akai Megane. Not only can you recognize Oshii's early live-action heroes (there a little Stalker and Alphaville in here), there are also a couple of fun references to Oshii's own work. The Tenshi no Tamago reference is an obvious one, the film's visual style is highly reminiscent of Avalon and real die-hards will undoubtedly catch the preliminary signs of what would alter turn into Tachiguishi Retsuden. There are smaller trademark signs too, which are sure to bring a smile to the man's fan base. </p> <p> If you're familiar with the Kerberos universe (<a href="http://www.onderhond.com/blog/onderhond/jin-ro-review-hiroyuki-okiura">Jin-Ro</a>), prepare yourself for a hearty surprise. Even though the film starts off normal enough (a 10-minute intro in color), once Oshii switches to faded sepia things get pretty weird. Oshii alternates between moody, stilted and atmospheric arthouse and crazy, unapologizing slapstick. The transitions between these two aspects are sharp and brisk, hardly announced and they're sure to upset quite a lot of people. Then again, they also define and set this film apart from all the rest. </p> <p> The intro of Akai Megane shows the disbandment of the Kerberos Police Force. A troupe of faithful agents tries to flee the city, but Koichi is the only one to remain out of the grasp of the authorities. A few years later he returns to visit his old friends, but he quickly learns that a lot has changed since the time he left the city. Even though he manages to locate his old buddies, they seem quite reluctant to welcome Koichi back and once again he finds himself fleeing to save his hide. </p> <div class="img"> <img src="/style/site/akai-megane-2.jpg" alt="screen capture of Akai Megane" /> </div> <p> Visually Akai Megane is a real beauty. The full-color intro is maybe a little bland in comparison, but once Oshii switches to the faded sepia look you'll start to notice the perks of his animation background. Superb camera work, perfectly timed editing and strong colorization make this film a real visual stand-out. That and some very amusing special effects. They are far from state of the art, but their abstract presence help to further up the weirdness levels. </p> <p> The soundtrack is of course handled by Kenji Kawai, which results in a selection of very typical and unique theme tracks. All in all it's a very strong soundtrack, a very recognizable Kawai and Oshii collaboration that flows very well with the existing atmosphere. It's not Kawai's best, for that it lacks the power to truly add to the vibe coming from the visuals, but compared to scores in general this one is nothing to be ashamed about. </p> <p> It's not that easy to judge the abilities of the actors, as they were asked to switch between deadpan serious and over-the-top slapstick in mere seconds, but they all do a pretty commendable job. Shigeru Chiba (looking at times like Delon in Le Samourai) is a very strong and enigmatic lead, as for the secondary roles Machiko Washio is definitely the one that draws the most attention. A rather stern and serious-looking woman, though with surprising comedy potential. The style of acting won't be too everyone's liking, but it's clearly crucial to Oshii's overarching master plan. </p> <div class="img"> <img src="/style/site/akai-megane-3.jpg" alt="screen capture of Akai Megane" /> </div> <p> Akai Megane is not a very easy film. People expecting a clear comedy or a brooding arthouse film will be disgusted by the many shifts in tone, pacing and atmosphere. Even people appreciating these both aspects in one single film may find the transitions too brisk and disruptive. It creates some serious pacing issues that are sure to put people off. Then again, it also makes this film like no other out there, so if you think you can handle Oshii's particularities you're in for a pretty unique treat. </p> <p> Akai Megane is a peculiar mix of unannounced slapstick, surreal comedy and meditative arthouse. Add plenty of Oshii fanservice, superb visuals and a strong soundtrack and you have one of the most unique live actions projects of the 80s. Finding the film proved impossible until Bandai put the film out on DVD a few years ago, so there's really nothing holding you back to seek this one out. Take it as it comes and you might be surprised by the sheer entertainment value of this one. </p> </section>Tue, 25 Sep 2012 13:38:16 +0200<![CDATA[ace attorney/takashi miike]]>http://www.onderhond.com/blog/personal/ace-attorney-review-takashi-miike

It's difficult to imagine a time when Takashi Miike (Nintama Rantaro, Visitor Q, 46 Okunen No Koi, Zebraman 2, Crows Zero 2, Crows Zero, Sun Scarred) won't be making films anymore. Every year Miike has a couple of new projects lined up, so when I say I'll be reviewing his latest know that Miike already has a new film touring the festivals and that there's even a trailer for Miike's upcoming film doing the rounds. For now though, let's focus on Ace Attorney and why you should make sure not to miss it.

screen capture of Ace Attorney

I'm certain Miike keeps a list of genres and sub genres he hasn't tackled yet. With Ace Attorney Miike can finally scratch the courthouse drama off of this list (game adaptation too, though he already covered that earlier with Like A Dragon). It's about the least likely genre for Miike to be working in (that and high school musicals, which incidentally is the genre of Miike's next film), but he makes good use of the series' game background to make the film's events a lot more interesting and entertaining.

Ace Attorney is based on the popular Nintendo DS franchise Phoenix Wright: Ace Attorney. I've never played the game so it's hard to really distinguish between the game's influence and Miike's own input, but it's safe to say that this isn't your regular courthouse drama. Apparently to keep up with the rising crime rate Japanese courts decided to introduce a new system of justice. Lawyers have three days time to convince the judge of the innocence/guilt of their defendant. Once the judge is convinced he immediately passes judgment and moves to the next case.

Ace Attorney follows the adventures of a young and inexperienced lawyer called Ryuichi Naruhodo. With a little bit of luck he wins his first case against Keisuke, an experienced lawyer and former classmate of Ryuichi. Not soon after this surprising victory Keisuke becomes a defendant himself. Ryuichi, remembering the days they spent in school together, vows to prove the innocence of Keisuke while clearing up a 25-year old case in the process.

screen capture of Ace Attorney

There was a time that Miike's films looked (sometimes more than a little) rushed and rough around the edges. Even though he didn't really slow down his pace, those days are long gone. Ace Attorney looks slick and stylish, with much attention being paid to the camera work and the editing. Even the CG looks surprisingly polished. Surely budget and target audience play a big part in this film's looks, but there is definitely a lot of eye candy present.

The soundtrack is less exciting. Random tension-raising music without any recognizable hooks. It works during the film, but afterwards you'll be hard-pressed to remember anything about the score. Ace Attorney isn't really a film that needs a unique score and it survives perfectly well without it, but as someone who appreciates a defining choice of music I think Miike should've done more with the material at hand.

The acting really fits the bill though. The actors looks as if they materialized right out of a manga, so expect weird hairstyles, over-the-top clothing and some pretty expressive moves. No doubt it won't be to everyone's liking, but if you can't handle even that you probably won't appreciate what Miike did with the rest of the film. Narimiya does a pretty decent job as Ryuichi, but it's Ryo Ishibashi who's the real star here. It's always great to see older actors take on these roles with such great enthusiasm.

screen capture of Ace Attorney

Before I sat down in front of Ace Attorney I feared the length of the film, not in the least because I absolutely hate courthouse dramas. Even classics like Witness For The Prosecution or Judgement At Nuremburg never got me the least bit interested in what they had to offer. Miike turns the boredom upside down, he focuses less on the endless details and subtleties and just goes 100% for entertainment value. The story is a bit more chaotic because of that, but at least there is something happening that goes beyond tireless dialogues between the same two or three people.

Ace Attorney is a Miike blockbuster. The weirdness is kept to a minimum, but the entertainment value is high and the film definitely has its moments of brilliance. Don't expect anything too serious, just sit back and enjoy the overall fluffiness of Miike's latest production. Peaky hairstyles, holographic evidence, confetti and expressive characters ... all you need to revive a boring genre and turn it into something truly amusing.

]]>
Mon, 24 Sep 2012 13:42:55 +0200
<![CDATA[lian ai zhong de bao bei/shaohong li]]>http://www.onderhond.com/blog/personal/baober-in-love-review-shaohong-li

Baober In Love is a lost relic that could be regarded as the kick-start of the current Chinese cinematic revolution. A film that truly deviated from the norm, leaving heavy-handed arthouse aesthetic lovers and poverty porn enthusiasts in the dark, instead opting to conjure a modern-day fairytale. The result is a slightly uneven yet magnificent film, who's negatives are greatly outweighed by the shear joy and pleasure it emits.

screen capture of Baober In Love

Shaohong Li's Baober In Love can be considered the spiritual forefather of films like Lee's Adventure, Honey PuPu and pk.com.cn. The film dares to embrace the urban and technical revolution China underwent during the last ten years, translating that sentiment in a more genre-based approach while edging away from activist and moralist film making and betting on entertainment. It's a lot lighter than earlier Chinese films, without being particularly feel-good or a downright comedy.

The film follows the adventures of Baober, a young and naive Chinese girl who one day stumbles upon a trashed VHS tape. She reconstructs the tape and discovers a confession of Liu on the tape. Liu is a young man who's bored with his life and his current relationship. Baober falls immediately for the charms of Liu and she is determined to find him, even when all she has to go on is a VHS.

Seeking out Liu ends up being the easy part of her mission though. Once she meets up with Liu she pulls him into her dreamworld, tearing him away from his former girlfriend and claiming him all for herself. The both of them shack up in an abandoned warehouse, but living together proves more difficult that they had first imagined. It turns out that Baober has some well-hidden secrets that put some serious strain on their relationship. By that time Liu is so into Baober that he can't imagine losing her and so he fights to keep the relationship going.

screen capture of Baober In Love

Visually Baober In Love is a dream. Li pulls out all the stops to make this film look as nice as possible. Weird camera angles, experimental editing techniques, magnificent camera work and some slight mixed media experiments are all aided by lush sets and superb use of color and lighting. The film's visual language is so rich that it almost feels like a first-timer's film, though that's hardly the case. Even though Baober In Love is almost 10 years old already, it's still one of the prettiest Chinese films to date.

The soundtrack is pretty awesome too. An almost entirely electronic/dance-driven soundtrack which further fuels the modern feel of the film. The soundtrack is by no means too extreme or inaccessible, but the effect is still very refreshing. There are some very smart and atmospheric tracks that I wouldn't even mind owning on a CD. Again, I know of no Chinese film that preceded Baober on this, hell, even contemporary Western films are still struggling with electronic music..

Jue Huang is pretty decent as Liu but it's Xun Zhou that carries the film with a very strong performance as Baober. While Zhou's choice in films has been on the safe side these past couple of years, this is definitely one of those films that helped to sculpt her career. It's an edgy role that allows her to display her full range of talent. The supporting actors are decent too but all things considered this is really a one-(wo)man show.

screen capture of Baober In Love

While the film starts off as a very sweet and endearing story, bearing a small resemblance to Jeunet's Amé even, there is definitely a darker side to Baober In Love. This side takes over the film during the second part and while Li struggles a little during the transition between the two opposed parts it gives Baober In Love an interesting spin that helps it from turning too mellow and mushy. In the end the contrast between the two parts made it a better film, only the transition is a little rough.

Fans of modern cinema should find themselves right at home with this film. It's a bit uneven during the middle part when Li tries to connect both sides of the story, but superb acting, a stellar soundtrack and eye-popping cinematography more than make up for that. Brace yourself for a sweet romance with a nasty sting and you'll be hard-pressed to think bad of this little gem that would turn out to be the start of a new Chinese cinematic movement. Actually getting a chance to see Baober In Love with English subtitles will be the real challenge though as the film sadly lacks an English-friendly home release.

]]>
Wed, 19 Sep 2012 12:01:07 +0200
<![CDATA[ruang rak noi nid mahasan/pen-ek ratanaruang]]>http://www.onderhond.com/blog/personal/last-life-in-the-universe-review-pen-ek-ratanaruang

Back in 2003 Pen-ek Ratanaruang (Ruang Talok 69, Nymph) put Thailand on the map when he released Ruang Rak Noi Nid Mahasan (Last Life In The Universe), a cross-Asian romance fueled by a criminal subplot and a selection of fairly odd characters. People flocked to see the film because it starred Japanese mega star Tadanobu Asano, but they stayed to fall in love with Ratanaruang's awesome style of directing.

screen capture of Last Life In The Universe

Even though Ratanaruang's Ruang Talok 69 had everything in it to become an international success, it wasn't until Ratanaruang imported a couple of famous Japanese stars that his films would be recognized outside the Thai borders. I admit that initially I searched out this film simply because it featured Asano. but Ruang Rak Noi Nid Mahasan has way more to offer than just a fine selection of Japanese actors and ever since I watched Ratanaruang's little masterpiece I've been a big fan of his work.

The film revolves around Kenji, a runaway yakuza with an interesting selection of odd characteristics. For one Kenji wants to commit suicide, though he doesn't really have a good reason for doing so. Needless to say, without the proper conviction it proves pretty impossible to end his life. Kenji's also quite the neat freak, obsessively so. Then one day, during one of his many fruitless suicide attempts, Kenji runs into Nid and Noi.

A fatal encounter, but not for Kenji. Instead Noi's sister Nid is hit by a car and dies on the spot. Kenji and Noi hook up, somewhat reluctantly at first, but as it turns out it's a decision that will turn both their lives upside down. Noi is pretty much the opposite of Kenji. She doesn't clean the house, she smokes, she litters her cigarette ashes everywhere and she sometimes overstresses her laid back attitude. Obviously the two of them need some time to adjust to each other, but without realizing it they are exactly what they needed to move on with their lives.

screen capture of Last Life In The Universe

With Christopher Doyle on board Ratanaruang didn't have to worry much about the visual side of things. Even though I actually prefer their second collaboration (Invisible Waves) there is no lack of stylish, lingering shots and beautiful, soothing camera work here. Add some minor effect shots that insert some extra magic and you have a very pretty film to look at.

The main attraction is the soundtrack though. A superb collection of melodic ambient, constantly hiding underneath each and every scene but lingering long after the final frame has left the screen. Even after the film is finished you'll find yourself uncontrollably humming the melodies, sustaining the rhythm of the film beyond its own time frame. One of the most powerful soundtracks I've ever encountered in any kind of film, not because it's so outspoken but because it puts you in a trance and sucks you right in.

With Tadanobu Asano in the lead you are assured a quality performance, but Sinitta Boonyasak is equally powerful as Noi. The two of them form a very intriguing couple and effectively carry the dramatic side of the film. While their parts are actually pretty black and white, they still bring a lot of depth to their characters. Ratanaruang also landed a couple of interesting cameos, fans of Takashi Miike should definitely pay attention during the last 15 minutes of the film.

screen capture of Last Life In The Universe

The first fifteen minutes of the film will probably be the toughest. They are extremely stylized (in line with Kenji's character) and without the familiarity of the subtle soundtrack you might feel a little lost at first. But when Kenji and Noi hook up the film shifts gears as you witness the start of a very special relationship. Make sure you get the original dub though (there's also an all-Thai dub) as the mix of languages does bring something extra to the table.

Ruang Rak Noi Nid Mahasan is a film that sneaks up on you. For a long time you may wonder what the fuss is all about, but when the end credits start to roll you suddenly realize how wonderful Ratanaruang's film really is. It's not his best film, I still have a small preference for Invisible Waves, but if you like an off-beat Asian crime romance you definitely owe it to yourself to check this out.

]]>
Thu, 13 Sep 2012 12:28:47 +0200
<![CDATA[from details to accordion/expanding in style]]>http://www.onderhond.com/blog/work/from-details-to-accordion

With lots of smart people working on exciting, new html tech (the html component module in particular), I find myself more and more occupied with cleaning up my own html code. One way to do that is to remove functional elements from the html that serve as script toggles. These elements should ideally be added by the script itself. So today, let's take a look at details (or expand/collapse structures if you like), their relation to the accordion pattern and where to reduce redundant html.

expand collapse

One of the new (and often contested) additions of html5 is the details element. While it has (some) semantic value, people have been ogling it because it provides out of the box expand/collapse functionality. Click the handler (summary element) and the content of the box will reveal itself. Super handy, but it doesn't take a genius to predict that many are lining up to abuse the element just for its functionality (remember the days when people used paragraphs just for the default margin that came with them?) rather than use it for its semantic value.

One other (and quite serious) issue with the current proposition of the details element is that the hidden elements are not contained by a single wrapper, so styling them as a separate box is virtually impossible for now. On top of that, I'm not entirely sure myself whether I appreciate this out of the box functional behavior handled by browsers, so for now I'll just stick to regular html enhanced with some good old javascript. I will use the semantics proposed by html5 though, as this will ease a possible future transition.

detail pattern

<section data-pattern="details"> ... </section>

The most basic code for the expand/collapse functionality is little more than a single data-pattern attribute warning javascript it should do something with the container. Javascript will then need to create its own handler and show/hide section, like so:

<section data-pattern="details"> <header data-unit="toggle"> ... </header> <div class="main" data-unit="body"> ... </div> </section>

The toggle section will function as a handler for hiding and showing the content, the body section defines the part to be show and hidden. In most cases though a toggle and body will already be available in the html (usually the toggle is the entire heading of the section), so the two data-unit attributes will be available in the html already.

<section data-pattern="details" class="jOpen"> ... </section>

Opening and closing the content section will be handled by alternating between two classes on the root (.jOpen and .jClose). Putting a class on the root allows us to style the state of the toggle (usually there is a different open/close state) and the state of the body.

A quick fallback reminder

Make sure that the non-javascript version of your site shows the content of the block by default, especially when the hidden information is critical to the use of the site. If the content is available through other means on your site (separate page, specific help section, ...) this isn't a real necessity, but it's still considered a best practice.

If the content of the block should be hidden by default, make sure you hide it with javascript (the fastest way, avoiding content jumps, is to remove html#noJs with a single line of javascript embedded directly into the head of your document. This way you can use css selectors to determine the correct state of the content in your css file). If the new media query propositions get approved, we'll have a script media query feature that will help us with this, but that's still wishful thinking for now.

accordions

The accordion pattern is little more than a list of detail patterns that interact with each other. If you open one detail block, you close all the others. The html code should reflect that.

<section data-pattern="accordion"> <section data-pattern="details"> ... </section> <section data-pattern="details jOpen"> ... </section> ... <section data-pattern="details"> ... </section> </section>

This code is pretty sweet as you don't need a lot of extra javascript to implement the accordion behavior. Just make sure the current jOpen class is removed and copied to the actual details block and that's pretty much it.

conclusion

If elements in your html have a purely functional purpose, you're good to remove them from your html source completely and have them set by javascript. An easy way to check this is to disable javascript and css and to check whether the content on screen makes actual sense. Clearly an "open" or "close" link (to show or hide the content of a block) makes no sense at all when you have no javascript available, so you're welcome to simply remove those from your source.

Using a data-pattern attribute to trigger functional behavior is a pretty neat way to alert javascript of its possible tasks, it keeps the html clean and allows for clear functional structures. The details-accordion patterns make for a nice couple to demonstrate how easy it is to clean up your html, getting rid of all unnecessary cruft and ultimately resulting in easier to read code. And when the html component module finally lands we'll be able to further abstract the additional html from the javascript, separating structure from functionality completely. What a dream.

]]>
Wed, 12 Sep 2012 13:10:20 +0200
<![CDATA[rubber's lover/shozin fukui]]>http://www.onderhond.com/blog/personal/rubbers-lover-review-shozin-fukui

Shozin Fukui (964 Pinocchio) may not be the most prolific filmmaker alive, but when he does release a feature-length film he makes sure it counts. Rubber's Lover is Fukui's second outing, one that found itself a pretty respectable cult following in the West. It's a film with a fair few particularities (which are certain to divide audiences), but if you're into Japanese cyberpunk you owe it to yourself to check this one out.

screen capture of Rubber's Lover

Japanese cyberpunk isn't a very broad and/or richly populated genre, so it's always great to see a film that goes all out. I'm pretty sure that if I made a little checklist of elements that I'd hope to find in a Japanese cyberpunk film, they would all be included in Rubber's Lover. Grizzly black and white photography? Check. Mad screaming people? Check. Extreme close-ups? Check. Sweaty people? Check. Fetish photography? Check.

If you hear around a little, this film will generally be referred to as the one with the crazy, loud-screaming and madly grunting actors. It's somewhat of a trademark for Fukui and Rubber's Lover takes it even beyond the levels found in 964 Pinocchio. At times the screaming is just grating, it weighs on you and makes certain parts of the film quite difficult to watch. It's enough to break a large portion of the audience, for those able to withstand all the noise it only adds to the intensity of the film. No room for compromise.

The story is hardly worth mentioning, but here's a short summary anyway. Two scientists are doing some underground (but funded) research. One of them is injecting people with ether, the other one created a weird spirit-breaking helmet. The results are mediocre and when the funding is finally cut off the scientists take matters into their own hands. The new experiment goes horribly wrong (or right, depending on how you look at it) and chaos ensues. That, and a lot of screaming of course.

screen capture of Rubber's Lover

Visually Rubber's Lover is a big step forward from 964 Pinocchio. The film is shot in lovely, high-contrast, grainy black and white and looks simply gorgeous. Fukui keeps his camera close to his subjects, often giving close-ups of whatever object he thinks deserves some extra attention. This ranges from extreme character close-ups to metal, tubes and all sorts of tech equipment. The editing is snappy and well-timed, the only thing that could've used more work is the setting, which can feel a bit cheap and empty at times.

The soundtrack is superb too. A magnificent range of electronic tracks, pumping and grinding away. Industrial is the preferred genre for Japanese cyberpunk, but Fukui takes it a couple of steps beyond its predecessors. One (slightly) annoying thing is that Fukui loves to build up the tension, but never allows a release. Many tracks are basically musical build-ups, without the explosive release afterwards. This again keeps the tension high, but it can be infuriating at times.

As for the acting, it's all a matter of taste. The actors are far from believable, over-acting is an understatement and most of the time the actors are either screaming, twitching or doing both at the same time. Then again, you're not watching a realistic drama here and the style of acting does fit in with the other stylistic choices. It's chaotic, loud and in your face, constantly bombarding you with sensory impulses. I for one wouldn't have wanted it any other way, but opinions differ.

screen capture of Rubber's Lover

Rubber's Lover is a pretty simple film. You either like the madness, or you hate it. There's very little middle ground as everything in the film is made to be as intense, loud and explosive as possible. There is no great storyline to fall back on, no stylistic variation and no poignant realizations later on in the film. It's just 90 minutes of grating screams and flashy black and white fetish shots, set to a pounding score, take it or leave it.

Still, the feeling remains that at times Rubber's Lover could've been just that little bit more insane. It's hard to fault the film at individual points, but when compared to films like Tetsuo or Electric Dragon 80000V it falls short. Not being able to compete with the absolute best is hardly a critique though, so fans of the Japanese cyberpunk genre should do well add this film to their collection. It's a blast from start to finish.

]]>
Wed, 05 Sep 2012 13:18:10 +0200
<![CDATA[the tall man/pascal laugier]]>http://www.onderhond.com/blog/personal/tall-man-review-pascal-laugier

The Tall Man is Pascal Laugier's long-awaited new feature. After Laugier unleashed Martyrs onto the world, people were aching to see where he would go from there. The result will no doubt be a big disappointment to many, as The Tall Man became a very different film altogether. Then again, if you look closely the typical Laugier elements are definitely there and judged on its own merits Laugier's latest is a very strong and convincing film.

screen capture of The Tall Man

When looking back now, one may wonder whether the recent French wave of extreme horror wasn't just a lucky coincidence. Either that or its main contributors (Laugier's Martyrs, Bustillo & Maury's À l'Intérieur and Xavier Gens' Frontière(s)) realized they weren't going to top their famed shockers. So they split, each of them going in a new direction. Gens would seek out sci-fi territory for The Divide, Bustillo & Maury fled into the baroque horror scene to come up with Livide and Laugier headed to America to make a faux urban legend horror.

People who know Laugier from before Martyrs (in other words, those who also watched Saint Ange) know that Laugier isn't just defined by gruesome and cold imagery. Instead he lives on ambiguous endings, story reversals and some food for thought afterwards. Horror is mere filling for his films and it can take on whatever form that's suitable for the story he wants to tell. In this case, the legend of a huge man kidnapping children.

The Tall Man is the story of Cold Rock, a barren village left for dead by the closing of a nearby mine, its only real source of income. The people of Cold Rock are suffering and to make things worse one by one the children of the village are taken from their homes, never to be seen again. It doesn't take long before the kidnappings are coupled to the local urban legend of the Tall Man, but when Julia's son is kidnapped the true nature of the kidnappings will be revealed.

screen capture of The Tall Man

Visually Laugier has everything under control, though the result is far for remarkable. There are a couple of nice shots, but the eerie night scenes would've benefited from some more inventive lighting. The editing too feels a little rushed. Some of the nicer shots aren't fully explored, which is a shame. The film doesn't look bad or anything, it's just that it doesn't really stand out from many other like-minded films.

The same could be said about the soundtrack. Sure enough it suffices, but at times I felt the music might even have worked better outside the context of the film, which doesn't really speak in favor of the way it was incorporated. There are some genuinely nice tracks here, but from time to time they fail to correspond to the images on screen in order to tighten the atmosphere. A waste of potential, especially for a horror flick.

The acting on the other hand is strong and effective. Biel plays her part very well, ranging between her different states with believable flair. Ferland (who reminded me a little of a female version of Joseph Gordon-Levitt) too is perfect for her role. The rest of the cast plays a smaller part, but still makes a solid impression. Usually films like these benefit very little from a strong cast, but Laugier really needed his actors to pull off the film's ending in style.

screen capture of The Tall Man

As a straight-up horror film The Tall Man falls a little short. There are some decent moments, but the film never becomes as tense or thrilling as you would've hoped. Instead Laugier puts more focus on the mystery, which manages to keep the interest of the viewer until the very end. Biel's ambiguous role is the key to the success of The Tall Man, Ferland's final monologue the cherry on the cake. The Tall Man ends with a blow to the overprotective attitude towards children, stemming from all-American family values. The film puts reason above emotion and wonders out loud whether this wouldn't benefit society as a whole, which is a truly refreshing take on the subject.

While this isn't the first time Laugier "surprises" his audience with a blow of morality, I feel this one is definitely the strongest. It's not as out-there or ethereal as compared to his previous movies, instead it's about very real and grounded issue that could use some thought. Not that I would instantly agree with Laugier's suggestion, it's just that I believe there's definitely a layer of truth in there.

The Tall Man holds his punches until the very end, where it finally reveals itself as a film that cares very little about the Tall Man legend, instead focusing on more pressing and serious issues. The horror part of the film could've used some extra polish, definitely when compared to Laugier's previous films, but the finale shows Laugier at his very best. The Tall Man is a very interesting and worth-while film, one that deserves to be judged on its own terms.

]]>
Mon, 03 Sep 2012 11:09:42 +0200
<![CDATA[himizu/sion sono]]>http://www.onderhond.com/blog/personal/himizu-review-sion-sono

Nowadays welcoming a new Sion Sono film is quite the event. Over the past few years Sono worked really hard to establish his name, with great success I should add. His films are welcomed on the biggest film festivals of the world, urging him to produce new projects to keep the momentum going. Himizu is his latest film to appear on DVD and it's clear from the start that Sono won't be running out of fresh ideas very soon.

screen capture of Himizu

People first noticed Sono (Cold Fish, Love Exposure, Ekusute) when he released Suicide Club (riding the Japanese suspense wave), but his real break-through came with Love Exposure, his megalithic, pompous and schizophrenic masterpiece. It's not my personal favorite, but it's clear that a man who can pull off such a stunt has talent to spare.

Himizu contains clear, left-over traces of Love Exposure's impact, but it's a different type of film altogether. Himizu is gritty, dark and often mean-spirited, but delivered with a surprisingly light-hearted tone of voice. If Gaspar Noé (Enter The Void) and Tim Burton (Alice In Wonderland) would ever agree to adapt a manga together (the original Himizu manga was penned by Minoru Furuya), the result might be thrown in the same corner as Himizu. Chances are quite slim this will ever happen though, so it's a good thing that Sono is filling this gaping void.

The events of Himizu take place right after the fatal tsunami that hit Japan last year. The 14-year old Sumida lives alone with his mother in a run-down shack, surrounded by a group of homeless people who stranded in the neighborhood. Left behind by his father right after the disaster, it doesn't take long before Sumida's mother takes off as well, leaving Sumida to take care of himself. It's simply too much for a young boy to cope with, so even though the people around him are willing enough to help out, Sumida slowly starts his descent into a painful and destructive depression.

screen capture of Himizu

Visually Sono is making good progress. While the camera work is far from strict and obsessively controlling, it's clearly not a quick handycam job either. Every once in a while Sono throws in a couple of beautiful static shots, alternated with an agile and dynamic yet captivating camera. There's is plenty of attention for lighting too, making for some very moody and atmospheric scenes.

The soundtrack is impressive, to say the least. There is a selection of well-known classical songs (Barber's Adagio For Strings) and some more pop-oriented film music, but it's the bits of distorted, raging noize that really make an impression. Whenever Sumida boils inside the soundtrack goes in the red, making his feelings tangible. Subtle it ain't, but it's stunningly effective nonetheless. The soundtrack as a whole is a bit chaotic, but the same could be said about the film (which, to be very clear, I never experienced as something negative).

The acting too is nigh perfect. The actors faced the difficult challenge to transfer the dramatic and dark impact of the film while at the same time keeping the light-hearted tone of voice. The result is a combination of strong dramatic scenes mixed with some serious overacting. It's a peculiar effect that is sure to deter some people, but it's essential to the overarching feel of the film. Sometani and Nakaido deliver performances that are sure to be remembered while the secondary cast doesn't lag far behind.

screen capture of Himizu

Himizu is a very uneven film, but by design. Sono banned any form of subtlety completely, resulting in a bold and loud film with no intention to back down. Couple that to the stark contrast between dark subject matter and an almost comical atmosphere and you have something quite unique. Clearly not everyone is going to accept this, so if you prefer soft caresses to harsh blows you might think twice before getting started on this one. Then again, if you appreciate Sono's strong-willed lack of conformity you're in for another two hours of pure cinematic pleasure.

The first fifteen minutes where a little though, but once Sumida starts his descent into madness the film never back down. Strong visual language, a superb soundtrack and quality acting make Himizu into a memorable experience. All these things add up to another unique and career-defining film for Sion Sono. Sono fans shouldn't hesitate to go out and see Himizu, others might do well to watch the trailer first in order to determine whether they can stomach Sono's unique style. Now on to Sono's new film.

]]>
Fri, 31 Aug 2012 13:29:00 +0200
<![CDATA[spacing row items/the liquid challenge]]>http://www.onderhond.com/blog/work/responsive-liquid-rows-spacing-techniques

Most people consider breakpoints to be one of the main pillars of responsive design. While they are an integral part of most responsive exercises, you don't necessarily need them to make a site responsive. As an alternative you can fall back on good old-fashioned liquid behavior, especially when dealing with one-column constructions. This article will detail four liquid models for layouting rows of fixed-width elements.

rows of fixed-width elements

We are typically talking about rows containing lists of elements that have a fixed width (often defined by an image inside). Consider an image gallery, a list of TV episodes, a product search result page etc... Typical for these setups is that the individual elements are not really fit to grow individually, which introduces some interesting layout choices when it comes to spacing the individual elements.

example html

<section class="row"> <article> ... </article> ... <article> ... </article> </section>

The html we'll be working with is as straight-forward as can be. A simple list of articles grouped together by a row container, that's all we'll be needing.

liquid layout models

The first three models will be small variations based on a simple but very useful css trick. These models will keep the width (= dimension) of the individual elements the same. The fourth and last model will still try to scale the individual elements in order to preserve the original ratio of spacing and alignment.

everything to the left

.row article {display:inline-block; margin:0 1em 1em 0;}

This is definitely the most basic layout. Just set all the articles to inline-block and they will consume whatever space is available. If there isn't enough space they will simply break to a second line. You can provide an extra margin to further space the articles and you're all set. It's also possible to do the same thing with floats, this makes it easier to control the space between the items but it also introduces some problems when not all articles have the same height and they break to a second line.

When resizing the width of your site though, this model will create rather ugly empty spaces to the right of the row, until the point where an extra item fits into the row again. Many designers will freak out when they see this.

space evenly: justified

.row {text-align:justify;} .row article {display:inline-block; margin:0 1em 1em 0;}

Now here's the real reason why I prefer inline-block over floats. Because the articles behave as inline elements from the row's point of view, we can use text-align on the row to determine their behavior. By applying a text-align:justify on the row, we make sure that the first and last item will always line up with the left and right side of the container. The articles themselves will be evenly spaced, something which is impossible to do with floats.

This model will make sure that the items restrict themselves to original grid alignment, but the spacing between the elements becomes variable, which, depending on the number of items on a single line, may be undesirable (wide elements mean big gaps at certain site widths - very ugly).

space evenly: centered

.row {text-align:center;} .row article {display:inline-block; margin:0 1em 1em 0;}

By changing justify to center, the articles will now keep their original distance from each other, but the margin to the left and the right of the row container will adapt instead. You will lose the alignment with your grid but the spacing between the individual articles will remain the same, which is much more pleasant on the eye. Again, depending on the design this may or may not be favorable.

zoom and combine spacing

.row {text-align:[option];} .row article {display:inline-block; width:22%;} .row article img {width:100%}

If you place a percentage width on the articles they will grow together with the width of the row. When the articles contain sizable chunks of text this may be a good option, though you'll need to provide breakpoints if you want to increase the number of items on a single line (resetting the width to make room for more items when possible).

Combine this technique with any of the above text-align options and you should have plenty of models to choose from.

justify and multi-line

If your elements run over multiple rows, do take into account that text-align:justified won't impact the last line (which is accepted behavior). There's an easy css fix though, should it be favorable that the last line is justified as well:

.row:after {content:""; display:inline-block; width:100%;}

conclusion

If you know about other interesting models for spacing fixed-width elements in a liquid container, do share. I've come across a few liquid layouts myself and found that one of these models is usually sufficient to please the designers. Cross-browser support is excellent, so don't hold back if you want to use any of these.

]]>
Thu, 30 Aug 2012 13:09:14 +0200
qianxi manbo/hsiao-hsien houhttp://www.onderhond.com/blog/personal/qianxi-manbo-review-hsiao-hsien-hou<section class="textblock"> <p> <span class="intro">Qianxi Manbo was the first Hsiao-shien Hou (<a href="http://www.onderhond.com/blog/onderhond/three-times-review-hsiao-hsien-hou">Zui Hao De Shi Guang</a>) film I watched, though I must admit that back then I didn't have a clue who Hou was. But the film spoke to me in a way that few other films had before and it motivated me to broaden my interest beyond the borders of Japanese cinema. By now I've seen plenty of other Hou films, but Qianxi Manbo remains one of my favorite Hou's to date.</span> </p> <div class="img"> <img src="/style/site/qianxi-manbo-1.jpg" alt="screen capture of Qianxi Manbo" /> </div> <p> Back then I picked up the Qianxi Manbo DVD without knowing anything about the film. I was just getting interested in Asian live action cinema and as I had to depend on local releases my choices were extremely limited. I found Qianxi Manbo in a promo bin and decided that it was worth a shot. I had no idea that it would introduce me to the world of Asian feature-length dramas, where cameras linger and characters remain silent for long periods of time. A love that still stands strong today. </p> <p> What differentiates this film from other Hou's is the film's setting. When I think of Hou nowadays I see trains, greenery and rural Taiwanese families, Qianxi Manbo is the exact opposite of that. Hou plunges into the nightlife of urban youth and surrounds himself with drugged up characters, fleeting relationships and pumping techno music. Most importantly though, he treats the setting with respect and doesn't try to force some fake film version upon the viewer, something which is actually quite unique when dealing with this particular scene. </p> <p> Qianxi Manbo follows the life of Vicky, a young girl living together with Hao-Hao, her boyfriend. While he's a decent enough guy, he's over-protective of Vicky and freaks out whenever he thinks she met up with another guy. Vicky has a hard time separating from Hao-Hao and ends up with Jack, the leader of a local criminal gang. Money comes easy, but Vicky soon finds out that money alone can't buy you happiness. </p> <div class="img"> <img src="/style/site/qianxi-manbo-3.jpg" alt="screen capture of Qianxi Manbo" /> </div> <p> Hou has a very peculiar style, so even though he switches settings the film still carries his visual mark. Long takes, unobtrusive camera angles and dreamy camera movements help to uphold the belief that you're watching true people in their natural environment. Techno music in films is often coupled to frantic editing and manic camera work, so it's really nice to see something different here, especially when the result is this nice. </p> <p> The soundtrack is pretty cool too. None of those "they would never play this shit in clubs" film-techno, but real, recognizable tracks that help a lot to establish the right atmosphere. The non-club music is a bit softer but contains some stunning tracks too, especially the theme song (Lim Giong - A Pure Person) which will be forever linked to the stunning opening scene of this film. </p> <p> Hsiao-hsien Hou and Shu Qi have worked together quite a few times already, which is obvious if you pay attention to Qi's natural air during Hou's characteristic long takes. It takes some mutual trust between actor and director to just act natural on screen without much happening around you. Vicky takes front stage in Qianxi Manbo, but Jack Kao and Chun-hao Tuan turn in some good performances too as Vicky's love interests. </p> <div class="img"> <img src="/style/site/qianxi-manbo-2.jpg" alt="screen capture of Qianxi Manbo" /> </div> <p> Qianxi Manbo doesn't rely on an actual story line to keep things interesting. Nothing much is resolved during the course of the film, instead it lives off its characters and the atmosphere coming from the setting. Couple that to the slow pacing and you know that this is a film that won't appeal to everyone, but if you're into slow-paced Asian dramas featuring (mostly) silent character there's a lot of pleasure to be found in Qianxi Manbo. On top of that, film enthusiasts may recognize Yubari (Vicky's trip to Japan) as one of the coolest film fest locations of the world. </p> <p> Through the years Qianxi Manbo lost little of its initial charm, maybe because the whole club/techno scene isn't all that popular in cinema (unless it's featured in some really distorted, horribly moviefied way). Hou treats his subject with the proper respect, just as he grants his characters the right amount of credibility. The result is a mesmerizing look into the life of a young girl looking for her true identity. Definitely one of the better Hou films out there. </p> </section>Tue, 28 Aug 2012 13:43:31 +0200<![CDATA[keibetsu/ryuichi hiroki]]>http://www.onderhond.com/blog/personal/keibetsu-review-ryuichi hiroki

Hiroki fans rejoice, because the Gods of Cinema just blessed us with an English-friendly DVD release of one of Ryuichi Hiroki's latest gems. Keibetsu (or The Egoists if you prefer the English title) is once again quality output, highlighting Hiroki's strengths but also challenging his own clichés. The result is familiar territory (especially for those who've seen a couple of Hiroki's films) with some subtle yet smart touches to keep things interesting.

screen capture of Keibetsu

Ryuichi Hiroki (Love On Sunday - Last Words, Kimi no Tomodachi, New Type, Girlfriend: Please Stop The World) is known featuring strong yet often troubled female leads in his films. He is one of the few male directors who can portray a women with life-like depth. Keibetsu deviates a little from this fixed structure as Hiroki shifts his focus to the worries of a young couple rather than a single woman, though the female lead by herself still greatly resembles the women from his previous films.

A couple of years ago Hiroki revealed he was ready to take on different genres, which I guess makes Keibetsu his take on the Yakuza genre. Not that you can expect a straight-up crime flick, but all the important motives and plot points are clearly there. The film starts when young boy Kazu is thrown out of a Yakuza gang. Before he flees back home he raids a bar and takes off with lead dancer Machiko.

Even though Kazu and Machiko are clearly in love, they both want very different things in life, making their relationship impossible to sustain. Machiko feels trapped in Kazu's rural home tome while Kazu has trouble keeping a steady job to maintain his newly founded family. They separate ways, but before long they realize that they can't really live without each other either. When the Yakuza finally catches up with Kazu, things take a turn for the worse and Kazu puts up one final fight the win Machiko for him.

screen capture of Keibetsu

Visually Hiroki is getting better with each film. He keeps true to his favored HD look, but distances himself a little from the hand-held aesthetic and sneaks in more and more beautiful shots, often playing to great effect with light and scenery. While not spectacular, Keibetsu is still a very beautiful film to look at. Hiroki may be a slow grower, but you can't help but notice how he improves his technique with each successive film.

The soundtrack is a very nice mix of subtle and soothing music, not overly intrusive but still featuring some unique and differentiating touches. By itself the individual songs might not be all that remarkable, but they do tend to make themselves heard and as a whole the soundtrack leaves a very contented and comfortable feeling. A very nice bonus as many Japanese dramas tend to deliver almost identical soundtracks.

Hiroki is great with actors and once again it pays. Kengo Kora is perfect as the young and inexperienced Kazu, but it's Anne Suzuki that probably deserves the most credit. Once known as the somewhat chubby girl who only took on cute roles, she completely reinvents herself for this film and takes on a most daring and difficult part, yet pulling it off with surprising ease. The secondary roles are solid too, with Hiroki regulars Tomorowo Taguchi and Nao Omori putting in some very good performances.

screen capture of Keibetsu

Don't go in expecting a Yakuza film. Even though there are some very familiar Yakuza stereotypes, some oldskool criminal behavior and a couple of retributions, Keibetsu is first of foremost a true Hiroki drama, focusing on the characters and their ways of dealing with the problems they are presented. People craving for something completely different will no doubt feel a tinge of disappointment, but Hiroki adepts will feel right at home with his latest film.

Keibetsu turns out to be another strong addition to Hiroki's oeuvre. It's not his best film to date, but it's nice to see him try out new stuff, even when it's not all that radical. Hiroki keeps improving himself with each new film, polishing his skills and fine-tuning his processes, making sure his films can maintain the high standard he set out for himself. If you're not familiar with Hiroki it might be better to start somewhere else, but fans can rest assured that Keibetsu will appeal to them.

]]>
Mon, 27 Aug 2012 14:21:01 +0200
<![CDATA[perfect blue/satoshi kon]]>http://www.onderhond.com/blog/personal/perfect-blue-review-satoshi-kon

RIP Satoshi Kon. I realize I'm a bit late (tomorrow it will be exactly two years since the man died from pancreatic cancer), but since then I haven't really found a chance to pay proper tribute to one of the most notable anime directors in recent history. And what better way to commemorate his awesome talent than to review his very first feature-length film, Perfect Blue. A film that still stands proud even by today's standards.

screen capture of Perfect Blue

Perfect Blue is a landmark film, it's as simple as that. It's a film that showed the world that animation is not limited to certain genres or topics. While many people openly wondered "why do this as an animated film?", Perfect Blue returned that question with a simple "Why not?". Why would animation be bound to visualizing the unfilmable when it is just a layer of abstraction that could just as well work with any type of subject?

True enough, a film like Hotaru no Haka precedes Perfect Blue, but as part of the Ghibli oeuvre that film enjoyed certain special fan privileges. Perfect Blue is a straight-up psychological thriller, without any supernatural or fantastical elements or any other specific oddities where animation could or would be preferred. A type of film that nobody would have considered developing as an animated film, but Kon didn't mind what others were saying. He went ahead and showed the world that there were no limits to what you could do with the medium.

Perfect Blue is an adaptation of the same-titled novel written by Yoshikazu Takeuchi. The novel includes some strong social commentary, which Kon made sure transferred to the film without losing any of its power. The story tells about Mima, a young pop idol who is pushed to make the jump to acting. Even though Mima prefers to sing, there is more money to be made in the acting business. It doesn't take long before she is pressured into doing some tacky scenes and pink photography in order to shake off her pop idol image. A sad reality that is all too real for many young girls wanting to make it in the entertainment business.

screen capture of Perfect Blue

While Mima tries to cope with all the changes in her life, one of her long-time fans simply cannot deal with the fact that Mima fled the pop idol scene. He starts to stalk Mima and puts up a website where he creates an alternate life for Mima that still features her as a pop idol. Little by little reality starts to mix with the stalker's utopia and the plot of the TV series Mima is featured on, to the point where she finds herself in a constant daze, unable to separate reality from fiction.

The art style of Perfect Blue is starting to show its age. The animation is far from fluid and the colors can appear a bit muted and stale. The animation style is pretty detailed though, with the characters moving around in a very realistic way. The camera work tries to mimic that of live action films, which results in some surprising shots throughout, but it's the editing that really sets this film apart. Kon's use of scene transitions is superb, effectively mixing reality and fantasy in such ways that keeps the audience guessing.

The soundtrack is another strong point of the film. Maybe not as outspoken as Kon's other films (then again, it's virtually impossible to top Millennium Actress' soundtrack), but it has a very strong presence that strengthens the atmosphere of the key scenes. It's also well integrated with the editing, creating a tightly nit audio-visual experience. Even the J-Pop songs are actually quite catchy. As for the voice acting, make sure you watch the film with the Japanese voice track. The English voice track is bland and lacks emotion, whereas the Japanese track really bares Mima's emotional state.

screen capture of Perfect Blue

The final half hour of Perfect Blue approximates the perfect mind-bender. Fantasy and reality mix in ingenious ways, blending and retaking different scenes with slightly altered dialogues that shed a whole new light on what preceded. Typically all you need to do is wait for the final twist of course, but Perfect Blue is truly engaging, even halfway through. But the real magic lies in the fact that even after multiple viewings the strength of these scenes remains intact. Many similar films suffer on second and third viewings because the big twist was already revealed the first time around, Perfect Blue sidesteps this trap by making sure that the actual execution of the twists is intriguing enough.

Even though Perfect Blue is a book adaptation, the success of the film can be fully attributed to Kon's awesome direction. If you're not convinced it suffices to watch Sato's live action adaptation (Yume Nara Samete), based on the same novel but lacking the tight and edgy translation of the original story. Perfect Blue is still one of the better animes out there, a film that combines strong social commentary with a terrific sense of paranoia, leading you on with each successive twist but scoring purely on execution rather than surprise effect.

Here's to hoping we'll ever see Kon's final film (Dream Machine) completed.

]]>
Wed, 22 Aug 2012 11:27:32 +0200
<![CDATA[first time/han yan]]>http://www.onderhond.com/blog/personal/first-time-review-han-yan

The past 10-15 years Chinese cinema got a major overhaul. It used to be a playground for hardcore arthouse directors and poverty porn enthusiasts, with only a few exceptions made for martial arts fare. But nowadays there's a movement of young directors that feel little to no constraint when it comes to genre specifications and overall atmosphere. Hence the release of films like Han Yan's First Time, a sprawling and colorful romance.

screen capture of First Time

Apart from the setting, First Time could've been a Taiwanese film. It borrows a lot from recent efforts (Tom Lin's Starry Starry Night or Juliets, to name just two) and it emits a very similar vibe. Not too serious, not too sentimental, while still harboring a lot of heart and warmth. The characters and setting on the other hand help to ground it as a mainland Chinese film.

First Time starts off as a rather typical romance. Two old friends (Shi and Gong) run into each other by accident, old feelings resurface and the two start hanging out together. What sets this film apart the first 30 minutes is the fact that Shi suffers from a very rare disease. Shi cannot exert herself as it could lead to instant death, while the pills she takes to help her cope with her disease greatly affect her memory. Gong helps Shi to appreciate her life beyond the limitations of her disease, but two young people in love can find it a little hard to restrain themselves.

Around the 30-minute mark things start bordering on the cheesy and sentimental, but right at that point Yan turns the whole thing around. Revealing anything about the rest of the film would be too much of a spoiler, but it's safe to say that Yan has a couple of surprises up his sleeve that turn First Time into more than just a mushy, melodramatic romance flick. He never lets the drama dwarf the romance though, so the light-hearted and feel-good atmosphere is allowed to reign throughout the entire film.

screen capture of First Time

If you know that the cinematography is handled by Charlie Lam (a href="http://www.onderhond.com/blog/onderhond/isabella-review-ho-cheung-pang">Isabella) you know that you can expect a looker, but Lam really outdid himself with this film. The attention to detail is stupendous. The warmth and vibrancy of the colors is absolutely stunning, the camera work equally wonderful and the overall effect is just baffling. Add to that some lovely visual effects (a lot of hand-drawn animations are blended into the live-action footage, to great effect) and you have one of the best-looking films of 2012. The images simply radiate romance and become a crucial factor in the experience of the film.

The soundtrack is not up to par, but it suffices. Gong is part of a rock/punk band so you can expect some rather mellow Chinese pop/rock music, not really my thing I'm afraid. The remainder of the soundtrack consists of nice but predictable romantic music. Cue some piano tracks and other light-hearted pieces to set the mood. Overall it's not too bad, but the soundtrack could've used something to set it apart from its peers.

Luckily the actors don't let the film down. Mark Chao is strong as the somewhat ambivalent Gong, Angelababy (she should've stuck with her real name, but alas) is perfect for the role and the chemistry between the two of them feels quite real at times. They keep a nice balance between the romance and the more dramatic scenes in between, never letting either one dominate the other. The secondary cast is pretty capable too, in particular Jiang Shan who puts in a very strong performance as Shi's mother.

screen capture of First Time

If you think the first half hour is a little too sentimental to your taste, persevere for a little while longer and you'll find out that not everything is as it seems. While seen in its entirety First Time is clearly a full-blown romance film, but it also has a more dramatic edge to it than you might suspect at first. The ending may be a small downer for some, but I feel it fitted well with the rest of the film and I believe that any other ending would've turned out feeling a little forced.

First Time is a superb example of how to do romance right, without necessarily ending up in arthouse territory. Yan made a very sweet film, added the right amount of drama and made sure that the visuals alone could carry the film. While a very close neighbor to the current Taiwanese wave, First Time is a typical mainland China film that could do a lot of good to the image of Chinese cinema for a broader range of film fans.

]]>
Mon, 20 Aug 2012 13:39:14 +0200
lock, stock and two smoking barrels/guy ritchiehttp://www.onderhond.com/blog/personal/lock-stock-two-smoking-barrels-review-guy-ritchie<section class="textblock"> <p> <span class="intro">Guy Ritchie (<a href="http://www.onderhond.com/blog/personal/rocknrolla-review-guy-ritchie">RocknRolla</a>), the man who will probably live forever in the shadow of Quentin Tarantino. Lock, Stock And Two Smoking Barrels put Ritchie on the map but also started a mean fan-fueled feud, claiming Lock, Stock was nothing but a poor Pulp Fiction rip-off. Time has been gentle to Ritchie's firstborn though. Strip away any unnecessary comparisons and what remains is two hours of juicy, criminal fun.</span> </p> <div class="img"> <img src="/style/site/lock-stock-barrels-1.jpg" alt="screen capture of Lock, Stock And Two Smoking Barrels" /> </div> <p> To get it out of the way, let's deal with the Pulp Fiction comparisons first: sure there are a lot of common elements between the Pulp Fiction and Lock, Stock And Two Smoking Barrels. The heavy focus on funny dialogues, the criminal setting, the excessive violence, the different subplots coming together ... but there are just as many differences, which I deem of bigger importance for the overall feel of the film. Not only is Ritchie a more contemporary director (where Tarantino keeps referring to films of the past), it's the British setting that really sets this film apart. To each his own, but these foul-mouthed British criminals are a lot more fun to hang around with than their American counterparts. Their juicy accents alone are a reason to watch this film. </p> <p> The story is made up to appear quite complex, but in fact it's a pretty simple tale strung together by a series of unlucky coincidences. Four friends get all their money together for a single game of cards, Eddy is the gamble wizkid that is supposed to earn them back a little profit. What they don't know is that the ringleader of the card game has an eye on Eddy's father's bar. The game is rigged and before they know it the four are in big trouble, owning a huge debt to the wrong people. </p> <p> The four only have one week to assemble their debts, so desperate measures are needed. They target a bunch of thieves who are planning to rob a couple of drug kids. The story gets more complicated as the film progresses, but as everything is properly explained you can just undergo all the twists without getting too lost. By the time the end credits start rolling, it should be clear how all the different threads are connected. </p> <div class="img"> <img src="/style/site/lock-stock-barrels-2.jpg" alt="screen capture of Lock, Stock And Two Smoking Barrels" /> </div> <p> Almost 15 years after its initial release, the film still looks mighty nice. There are some awesome slo-mo's (particularly the gun scene, which looks a lot like bullet-time avant la lettre), the camera work is dynamic but still manages to feel in control and to the point, the editing is snappy and the film bathes in a very comfortable sepia glow. All this helps to establish a stylish, modern yet warm and familiar atmosphere. </p> <p> The soundtrack is probably the weakest part of the film. A collection of (often boring) British rock hits make up most of the soundtrack. I must admit that Ritchie integrates them quite well, even letting them guide some of the scenes, but if you're up against people like Danny Boyle (think Trainspotting) you have to do a bit better than this I'm afraid. The one drum 'n bass track that appears somewhere in the second half of the film hardly weighs up against the other choices. </p> <p> The acting on the other hand is sublime. All characters are allowed to thrive on their fat accents, giving the dialogues the punch they deserve. On top of that they all put in very commendable performances, playing with a certain tongue-in-cheek air that fits the film. Absolute star though is Vas Blackwood, whose Rory Breaker character must be one of the most hilarious villains ever.</p> <div class="img"> <img src="/style/site/lock-stock-barrels-3.jpg" alt="screen capture of Lock, Stock And Two Smoking Barrels" /> </div> <p> Lock, Stock And Two Barrels is little more than simple fun, but packaged in a very dazzling and cinematic way. There is not much here beyond some heavy cursing, a few successful gags and a cast of slightly odd and eccentric characters, but that should prove more than plenty to entertain you for two hours. </p> <p> Lock, Stock And Two Smoking Barrels remains my favorite Ritchie film. While he made some nice variations later on, he never again reached the level of tongue-in-cheek wittiness that makes this film so adorable. Just ignore the whole Tarantino feud, relax and allow yourself to be swept away by a tsunami of "whot"s and "wanker"s. </p> </section>Tue, 14 Aug 2012 11:46:08 +0200xenoblade chronicles/http://www.onderhond.com/blog/personal/xenoblade-chronicles-review<section class="textblock"><div class="textblock"> <p> <span class="intro">Xenoblade Chronicles is the latest installment in the Xeno-series, the joy and pride of game developer Monolith Soft. While the game bears little to no connection to the previous entries, the name carried over because the team behind Xenoblade is the same. In what turns out to be an epic attempt to overthrow the negative spiral JRPGs currently find themselves in, Monolith Soft churns out one of the greatest games of all times. Mission accomplished.</span> </p> <div class="img"> <img src="/style/site/xenoblades-1.jpg" alt="promotion art of Xenoblades Chronicles" /> </div> <p> I've played a fair few JRPGs in my time so I'm quite aware of their limitations. Some critiques are grounded, others seem the result of genre-fatigue and developing tastes. I for example don't really mind random map battles and turn-based combat, but these mechanics are quite out of fashion these days. Xenoblade keeps the setting and vibe of the JRPG but ditches some of the older basics and replaces them with some Western influences. The results is a superb mash-up of two worlds that will keep you occupied for quite a while. </p> <p> After a rather lengthy intro animation the game drops you in the wild. The first thing you'll notice is that the map is huge. As you start exploring you can only follow one straight path, but soon the map opens up and I still remember feeling quite lost the first time the game confronted me with this freedom. Things didn't get better when I entered the first town, which was bustling with activity. Stuff to buy, people to talk to, quests to accept. The first 7 or 8 hours or so I spent on this part of the map, exploring the surroundings and completing tasks for the villagers, while slowly progressing with the story. </p> <p> Turns out this "huge map" is just a small part of the entire game world as there are somewhere around 20 places to explore, one even bigger than the other. In total I spent 212 hours to finish the game, though that includes a lot of extra content that is fully optional. Somewhere around the 110 hour mark I got the first chance to take on the final boss, but I opted to explore further. Those 20 maps that make up the game world receive a major overhaul just before opening up the path to the final boss, with all new quests, enemies and even some new secret places to explore. </p> <div class="img"> <img src="/style/site/xenoblades-3.jpg" alt="screen caps of Xenoblades Chronicles" /> </div> <p> Xenoblade is not only big in size, there are also plenty of stats to manage. You can acquire techniques, which then need leveling up. There are skill trees, each acquired skill can then be shared with other party members for a small price. By completing missions you can enhance your affinity with NPCs and cities, by working together you enhance the affinity between characters. Once your affinity is high enough you can access several optional dialogues spread around the game world. You also need to find different items on each map to complete your item collection, earning you special items. Then there are minerals to collect, which can be forged into crystals that grant you extra powers. There are 6 types of armor and 7 playable characters in total. Even after 212 hours I still didn't max out everything, though I did come quite close (I guess 2 or 3 hours additional hours would've done the trick). Believe me ... this game is massive. </p> <p> Technically the Wii is one of the weakest consoles around, but the crew behind Xenoblade really took the machine to its limit. While from up close the detail is a bit lacking, the scenic views are tremendous. As you walk around on the maps you'll continuously be surprised by how wide and far the vistas stretch (with the Eryth Sea vista being my absolute favorite). The level design is absolutely stunning too, so I have really no complaints about the visual side of things. Nice extras come in the form of customized costumes (all equipment has its own specific look, which is visible on your character at all times) and some superb battle effects. </p> <p> The soundtrack is absolutely killer too. Even though the game is huge and maps can take ages to explore, I never really grew tired of the songs. I even found myself ignoring shortcuts just because I didn't mind listening to the music a little longer. One clever detail is that the main map song always continues where it stopped before (battles feature a different song, even though the view doesn't really switch and all battles are fought on the map screen), making sure you can always hear the entire song rather than get stuck with the same intro time and time again. Luckily Monolith Soft was brave enough to keep the Japanese audio track on the European release. I tried the British voice actors for a short while but quickly switched back. There is a lot of voiced conversation, so having the Japanese language track on there is a real necessity. </p> <div class="img"> <img src="/style/site/xenoblades-2.jpg" alt="promotion art of Xenoblades Chronicles" /> </div> <p> The battle mechanics take some time to master. Even though the basics are extremely simple (each character has one special technique and several optional techniques that slowly replenish over time), there are some interesting peculiarities to master. Enemies can be easily ignored if needed, as you can sneak by them. Lower-level enemies will never engage in battle, only the equal and higher-level enemies will automatically attack you when you get close. The difficulty of the battles lies rather low, only near the end will you find a couple of enemies that take some tactical preparation before they can be approached. All in all it's a fun battle system that makes for a nice change from traditional JRPGs. </p> <p> It's difficult to get bored while playing Xenoblade. There are always things to do: new places to discover, new equipment to try out, crystals to forge or techniques/skills to master. When you're bored doing one thing, you can easily focus on something different and keep yourself occupied with that for a while. The crazy thing is that even though it took me 212 hours to finish the game, Xenoblade is constructed in such a way that you lose as little time as possible on annoying technicalities. Many of the quests are auto-completed once you reach your goal (so you don't need to return to the person who requested something), you can save at all times (outside of battle that is), you can warp between many landmarks and you lose nothing when you die, so there are no real setbacks that require you to do things from scratch. I did manage to lock the game once, which is the only time I had to fight through the same bit twice. All these improvements are very nice features that keep the irritation level at a minimum. </p> <p> Depending on how you play the game, the difficulty level changes dramatically. I always tried to keep up with quests and exploring, so for most of the time I was a little overpowered. Not too weird if you consider that the game even grants you experience points when discovering new landmarks on the map, when completing NPC quests and even when unlocking achievements (and the game has plenty, even silly ones like "falling from a really high place"). If you play through the game with a tight focus on the storyline, things can become a little tougher, though the fact that the game doesn't punish you for dying keeps the difficulty at a moderate level. You do have to take care not to engage with the wrong enemies. From the very start you'll encounter enemies that you can't beat (level 70-80 while you are only level 10). These can be easily avoided though, so if you're a little careful they won't pose much of a threat either. </p> <p> So is there nothing wrong with this game? Only some small things, like not being able to carry all possible items (meaning you need to throw stuff away once in a while - no fun for a collector like me) or lacking better means to compare/equip new equipment. There are so many different equipment items and trying to figure out their weak/strong points can be a real chore, especially when you need to manage 7 characters individually. But that's about it really. Just some minor quirks that hardly affect the overall feel of the game. </p> <p> Xenoblade Chronicles is without a doubt the most complete game I've ever played. When I finally finished it, I felt satisfied. I had seen everything, I had done everything and there was really no reason to return to the game. This is partly because you can practically play through the same game world twice in one single game, giving you time to revisit your favorite spots, only with new challenges. Even though I could come up with a few small improvements left and right, these are just minor tidbits. Instead I fail to imagine how much time must've went into designing this game. Xenoblade is so massive that it almost seems inhuman to create such a game. So it should come as no surprise that this is easily the best and most complete game I've ever played. It held my attention for more that 210 hours (more than 6 months in real time) without ever getting boring or failing to keep my interest locked. No other game has ever accomplished that, nor that I ever played a game that even attempted such a thing. </p> </div></section>Fri, 10 Aug 2012 13:05:52 +0200<![CDATA[survive style 5+/gen sekiguchi]]>http://www.onderhond.com/blog/personal/survive-style-5-review-gen-sekiguchi

Dear mister Gen Sekiguchi, where the hell did you disappear to? More than 8 years ago you gave us a film that ranks as one of the best Japanese comedies ever produced. Not only that, it's also one of the lushest and vibrant productions to have ever graced a screen. After that ... nothing (apart from a sub par entry in the Quirky Guys And Gals anthology). What a waste of potential, but at least we'll always have Survive Style 5+ to keep us warm.

screen capture of Survive Style 5+

Sekiguchi comes from an advertising background and it shows. While people like Hiroshi Ishikawa (Tokyo.sora) prefer to mask their commercial occupation, Sekiguchi flaunts it all over the place. Just like one of the characters in this movie Sekiguchi collected a massive amount of left-over ideas while directing ads, all of which he tried to cram in his first feature-length movie. The result is a film that knows little to no creative boundaries, spilling over with cool details and ideas and effectively warranting its 120 minute running time.

Survive Style 5+ is a collection of five separate stories that somehow intertwine along the road. These stories do not lead up to the usual major climax (where all the different arcs would come together), instead the characters from different stories just cross each other's paths during the course of the film. None of these individual stories make much sense, combined they make even less sense, but as a whole they do work together in some strange and almost inexplicable way.

The main arc (or at least the most popular one) is about a man that wants to kill his spouse. Even though he is quite successful, she keeps returning to their home whenever he buries her. Other arcs include the story of an ad director, a successful hypnotizing session turning a man into a bird (permanently), a serial killer asking people about their purpose in life and the adventures of a couple of gay thieves. Like I said before, making sense is clearly not the film's first priority.

screen capture of Survive Style 5+

Visually speaking Survive Style 5+ is one of the most colorful and detailed films I've ever seen. It is somewhat reminiscent of Wes Anderson's latest projects, though Sekiguchi takes things a lot further. From furniture to clothing and lighting, everything is tailored to perfection. Even the color of the drinks are made to match or contrast with the background. Camera work, lighting and editing are of extremely high quality too, add to that some genuinely creative and well-executed special effects (like the animated horse on a painting that whizzes by) and you have two hours of pure visual splendor.

The soundtrack consists of a selection of tracks I wouldn't give a second listen outside the context of this film, but Sekiguchi incorporates them perfectly well. The music is funny, upbeat and tap-worthy, quite effectively enhancing the light-hearted atmosphere of the film. The "gay" tune and the "headbanging" track are two great examples of how to use music as a defining factor rather than a supporting factor in your film.

The cast too is absolutely stellar. Tadanobu Asano appears in one his best roles to date, flanked by Reika Hashimoto (also his real-life wife). They are assisted by the likes of Hiroshi Abe, Ittoku Kishibe (believe me, it will take a while before you can see him in another film), YosiYosi Arakawa, Sonny Chiba and even Vinnie Jones. But stealing the show is Yoshiyuki Morishita in one of his biggest and boldest parts so far. Casting him as a gay dude is just impossible but Sekiguchi went ahead and did just that. The effect is borderline creepy but also immensely funny.

screen capture of Survive Style 5+

Survive Style 5+ is a wacky film and for some it may be a little bit too random at times. But even then there is always something that catches the eye. Be it a visual gag, a wonderfully realized setting or a funny idea. The film never drags and the finale is simply perfect, however weird it may be. It's a comedy that works on many levels and most surprisingly even on an artistic level, no matter how goofy some parts may be.

What Sekiguchi realized with Survive Style 5+ is extraordinary. Even though the film lasts 120 minutes it is packed to the brim with little bits of pure genius. A normal director would've spread the material at hand across two or maybe even three films, but Sekiguchi crams everything in one film and manages to keep a good balance throughout. It's a film that gets better with each successive viewing and it ranks as one of my favorites comedies ever.

]]>
Wed, 08 Aug 2012 13:07:31 +0200
<![CDATA[love in the buff/ho-cheung pang]]>http://www.onderhond.com/blog/personal/love-in-the-buff-review-ho-cheung-pang

Ho-cheung Pang (Isabella, Dream Home, Love In A Puff, Exodus), definitely one of the current Hong Kong greats and one of the few directors that seem almost unable to disappoint. Love In The Buff is the follow-up to his own surprise hit Love In The Puff and while Pang was forced to throw some elements from the original overboard, Buff turned out to be a very worthy sequel, possibly even better than its predecessor.

screen capture of Love in the Buff

Love In A Puff was never meant to be a (modest) hit. Originally it was little more than a diversion for Ho-cheung Pang, a project he set up to keep busy while waiting for Dream Home to free itself from release limbo. But fans liked his film, centered around a series of short smoke breaks bringing two people together. So much in fact that Pang decided to make a sequel.

The biggest problem for Pang was that he didn't want to part from his main characters. At the end of the first film the two protagonists decided that they were going to quit smoking, which is a little tricky when the entire concept of your film is centered around a series of smoke breaks. So Pang ditched the whole smoking thing, instead he focused more on the comfortable, enjoyable and open atmosphere that helped to define the first film.

Soon after the events of the first film Jimmy and Cherie break up. Jimmy moves to Beijing while Cherie stays behind in Hong Kong. The break-up isn't too clean and in order to forget about Cherie Jimmy quickly loses himself in a new relationship. But 6 months later an opportunity presents itself for Cherie and she too ends up in Beijing. It doesn't take long before the two bump into each other, making it immediately clear that not all the feelings they held for each other have subsided.

screen capture of Love in the Buff

On a visual level, it's pretty amazing to see that Pang is still making progress. He combines lavish and ultra-stylish cinematography with more playfull and dynamic camerawork to create something that is quite unique. The film is filled to the brim with well-considered, lusly lighted and perfectly executed shots, but at the same time it never feels cold and/or calculated, instead the camerawork gives off a veru cozy, warm and comfortable vibe. Love In The Buff is without a doubt one of Pang's greatest visual accomplishments.

The soundtrack is a bit poppier than I expected, but it does fit the more informal atmosphere of the film. There are of course some more typical, often piano-based tracks to go with the stylish visuals, while the poppy music helps to ground the characters, giving them a fleshier and more human touch. The selection of music is strong across the board though, so no complaints there.

With Shawn Yue leading the pack you can be sure that the quality of the acting won't lag too far behind. Even though I'm still not quite fond of Miriam Yeung she does a pretty good job, though obviously helped by the people around her. Mini Yang and Zheng Xu are strong secondary characters, on top of that Pang has a couple of very funny and surprising cameos to compliment to cast.

screen capture of Love in the Buff

Love In The Buff is not a very complex film, though it is recommended to watch Love In A Puff first. While it is possible to watch this as a separate film, you'll miss out on a lot of the finer points that play between Jimmy and Cherie. The film presents a nice mix of romance and comedy and even though the final half hour has trouble keeping a good balance between these two elements, the film never becomes too cheesy or sentimental.

Love In The Buff is a very worthy sequel. It's hard to say which film is the better one of the two, for that I should probably watch them once more, back to back. Pang is definitely on a winning streak here, seemingly unable to produce bad films anymore. None of his recent efforts match the genius of Isabella, but that's about the only complaint I have. Love In The Buff turned out to be a very funny, enjoyable and comfortable film, maybe even warranting a third and final return to happenings between Jimmy and Cherie.

]]>
Tue, 07 Aug 2012 12:51:10 +0200
flyouts/those damn thingshttp://www.onderhond.com/blog/work/flyouts-html-code<section class="textblock"> <p> <span class="intro">I fucking hate flyouts. Both as a user and as a css developer, but I hate them most of all in my role of html developer. From an html perspective flyouts make no sense at all, so for years I've been wondering what the ideal html code for a flyout would look like. Of course you could take the easy way out and simply sling a couple of divs into your document, just enough to setup the css (sometimes javascript). But if we are true to our principles, deep down inside we know this isn't really the proper way to go. </span> </p> <div class="img"> <img src="/style/site/flyout-html.jpg" alt="" /> </div> <section class="textblock"> <h1><span>defining flyouts</span></h1> <p> Before I go any further let's make sure we are all talking about the same component here, because sometimes the terminology in itself can be confusing already (pop-outs, pop-overs, overlays, ...). For me a flyout consists of a handler and a content blob that appears when triggered by certain events (typically clicks or hovers) and only eclipses that part of the page where it resides. In this it differs from what I call an overlay, as overlays eclipse the entire page below, effectively forcing you to focus on the content in the overlay. </p> <p> We make use of flyouts because we want to hide certain pieces of content from plain view, only allowing access to the data when the user specifically asks for it. A flyout is a practical way to clear up content clutter that is only needed in some particular situations but should still be available on demand instantly. They came into fashion when people started making flyout menus (usually displaying the 2nd-level navigation on hover), but they've spread to accommodate all kinds of content (help messages on form inputs, pictures references on maps, login forms in page headers, ...). </p> </section> <section class="textblock"> <h1><span>why flyouts suck</span></h1> <p> Most (if not all) flyouts are functional and visual aberrations of the actual content. Once you disable the javascript and css from a page, you'll notice that the html content that represents the flyout makes hardly any structural sense. In most cases the flyout handler is either obsolete or a snippet from the content you've hidden from view. Often the flyout handler belongs inside the content blob, but this poses many css issues (and as far as I know, a few issues that can't be solved at all) so structure is sacrificed in favor of functionality and design. Note that flyout navigation is actually a welcome exception to the rule here, where the label of the 1st-level navigation serves as a handler for the 2nd-level navigation. </p> </section> <section class="textblock"> <h1><span>ideal situation</span></h1> <p> So what would be the ideal mark-up? Well, let's look at a real-life example first. If you look at <a href="https://maps.google.be/?lci=com.panoramio.all">Google Maps</a> and you flag the picture view, you'll see a map overlaid with a lot of images. Click the thumb and a flyout will appear, holding more information about that image. (As it turns out Google just made some changes where the author isn't listed anymore, but the examples below should still makes sense) </p> <code class="block"> <span>&lt;article class="image"&gt; <span>&lt;header&gt; <span>&lt;h1&gt;image heading&lt;/h1&gt;</span> </span> <span>&lt;/header&gt;</span> <span>&lt;div class="main&gt; <span>&lt;img class="full" src="..." alt="..." /&gt;</span> </span> <span>&lt;/div&gt;</span> <span>&lt;footer&gt; <span>&lt;div class="specs"&gt;(author etc etc)&lt;/div&gt;</span> </span> <span>&lt;/footer&gt;</span> </span> <span>&lt;/article&gt;</span> </code> <p> The code above is a simple presentation of the content we need to build our picture list, representing one picture. The image has a heading, it contains the actual image and some additional info. This structure will not suffice for building the flyouts though, so let's add some javascript triggers to ease things along. </p> </section> <section class="textblock"> <h1><span>javascript triggers</span></h1> <code class="block"> <span>&lt;article class="image" <span class="javascript">data-pattern="flyout"</span>&gt; <span>&lt;header&gt; <span>&lt;h1&gt;image heading&lt;/h1&gt;</span> </span> <span>&lt;/header&gt;</span> <span>&lt;div class="main&gt; <span>&lt;img class="full" src="..." alt="..." <span class="javascript">data-handler="1" data-copy="true"</span> /&gt;</span> </span> <span>&lt;/div&gt;</span> <span>&lt;footer&gt; <span>&lt;div class="specs"&gt;(author etc etc)&lt;/div&gt;</span> </span> <span>&lt;/footer&gt;</span> </span> <span>&lt;/article&gt;</span> </code> <p> In the code above we added three data- attributes. The most important one is data-pattern, which will inform the javascript it's dealing with a flyout here. The data-handler attribute will tell the javascript which elements need to be used in the flyout hander (I'm using numbers here to determine the order if more than one element is needed), the data-copy attributes states whether we can remove the handler element from the original source once it's copied. </p> <code class="block"> <span><span class="javascript">&lt;div class="flyout"&gt;</span> <span><span class="javascript">&lt;div class="header"&gt;&lt;img class="full" src="" alt="" /&gt;&lt;/div&gt;</span></span> <span><span class="javascript">&lt;div class="main"&gt;</span> <span>&lt;article class="image" data-pattern="flyout"&gt; <span>&lt;header&gt; <span>&lt;h1&gt;image heading&lt;/h1&gt;</span> </span> <span>&lt;/header&gt;</span> <span>&lt;div class="main&gt; <span>&lt;img class="full" src="" alt="" data-handler="1" data-copy="true" /&gt;</span> </span> <span>&lt;/div&gt;</span> <span>&lt;footer&gt; <span>&lt;div class="specs"&gt;(author etc etc)&lt;/div&gt;</span> </span> <span>&lt;/footer&gt;</span> </span> <span>&lt;/article&gt;</span> </span> <span><span class="javascript">&lt;/div></span></span> </span> <span><span class="javascript">&lt;/div></span></span> </code> <p> ... and this is the result after javascript has done its magic. A structure was built around our original component, helping us with the styling of the flyout. It's all divs so it has no influence on the document structure but it gives us the proper hooks to do the flyout styling. </p> <p> Mind that this has a rather big impact on the css, as the root tag of your component will differ after the javascript is finished. You can either choose to hide the element completely until javascript has done its thing, or you can give the initial element the same styling as the flyout handler so the whole javascript operation will have no visual effect on the component. It all depends on how much time you have and how confident you feel. </p> <p>To see this in action, I made <a href="http://www.onderhond.com/testpages/flyout.html">a very simple test page</a>. The first element has no flyout behavior defined, the second one has (one important warning: javascript and css are quick hack jobs in order to show off the javascript on/off behavior, it's better not to copy them into any real-life projects). </p> </section> <section class="textblock"> <h1><span>conclusion</span></h1> <p> Maybe this all sounds like a lot of overhead, but it does allow us to use the same html data-set for a regular image list <em>and</em> at the same time use it for a map representation (using a flyout for the image details). Not only that, but the untampered html code makes a lot more sense too. </p> <p> When writing html, check your document with javascript and css disabled to see if it makes sense. Often there will be triggers or structures that are merely there for presentation and/or functionality, but make no sense from a structural/content perspective. It's often best to remove those structures and have them added only when needed. </p> <p> I think I mentioned this before but <a href="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html">html5 web components</a> will really come in handy when dealing with techniques like these, so lets hope they'll evolve into an actual standard real soon. </p> </section> </section>Tue, 31 Jul 2012 13:19:43 +0200<![CDATA[eraserhead/david lynch]]>http://www.onderhond.com/blog/personal/eraserhead-review-david-lynch

The 80s had Tsukamoto's Tetsuo, the 90s brought us Aronofsky's Pi and you could say the past decade gave us Ishii's Electric Dragon 80000V. This obscure series actually found its origin during the 70s, when David Lynch released Eraserhead upon the world. A cult film with a capital C and a film that changed many people's vision on film. Years later Eraserhead still stands proud amongst its contemporary competitors, though 35 years of cinematic progress did leave a small mark.

screen capture of Eraserhead

Together with Tetsuo, Eraserhead was a film that helped to shape my love for movies. Before I watched these two films I was easily satisfied with a challenging storyline, a couple of twists near the end and some famous actors to draw me in. I watched one or two films a week and that was fine. Everything changed when these two films landed in my lap (horrible VHS copies, but that was all we had back then). Suddenly film was something that could provoke unseen worlds and feelings, detached from simple plot devices and actors. Film became something that could be about experience, not just about understanding.

Eraserhead is Lynch's directorial full-length feature debut. He made several shorts before this film, his particular style already blossoming (The Grandma in particular is very Eraserhead-like), but Eraserhead brought everything together in 85 minutes of alienating madness. While there are vague traces of some kind of plot, it makes very little sense and it's almost useless to try and keep track of it. Instead you're better off immersing yourself in the experience that Lynch provides.

Henry Spencer is a young man living alone in a nameless, decaying city. Suddenly he is contacted by Mary (his ex-girlfriend) who invites him to dinner. Spencer accepts the invite, but gets cornered by the girl's parents, who adopt Henry as the father of her recently-born child. Not just any baby mind, but a horrendous little monster without arms and legs, completely helpless and reliant on the care of others. When Mary breaks down she packs her bags and leaves the baby in Henry's care, who is quite unfit to take care of the child by himself.

screen capture of Eraserhead

Eraserhead is shot in gritty, high-contrast black and white. The decaying urban setting is rich in darkness, with only a couple of lights providing a very nightmarish atmosphere. One thing that still baffles me are the film's visual effects. For a 70s film the baby looks a little too life-like at times, which definitely helps to uphold a very creepy vibe. Camera work and editing on the other hand are strangely lacking. It's something I noticed even in more recent Lynch film, where the timing just seems a little off. It gives the film a sloppy finish which is a shame considering all the work that went into the visual styling.

The soundtrack on the other hand is top notch. Superb industrial-like noises, sharply stitched together to create a very uncomfortable and dark experience. It's not so much a collection of tracks as it is a collection of sounds, but as true noize-adepts will know this is hardly a negative thing. It gives the film a very dark and surreal atmosphere that lingers even when the film is over.

The acting is pretty basic, it's more about presence and image than actual acting talent. Jack Nance is an awesome Henry Spencer though, whose film cover image has become iconic over the years, if only because of his crazy hairdo. The rest of the actors all have minor roles that contribute very little, the best actor here is probably the baby, who isn't even human. Then again, the distant and detached acting style probably only contributes to the overall atmosphere, so this is hardly a critique.

screen capture of Eraserhead

Eraserhead remains a wonderfully alienating experience, just don't expect things to make sense. Even though there's actually a whole sequence explaining the title of the film, it bears no relation to the other scenes, nor does it contribute much to those trying to understand what Eraserhead is all about. In the end the film plays a lot like a nightmare and I believe it's best experienced that way. It's a dark, brooding and weird film that still manages to out-gross some modern horror flicks, even when it feels weird describing Eraserhead as a straight-up horror film. Instead it feels more like a fore-runner of the industrial/(cyber)punk movement that helped to feed the underground film scene these past 30+ years.

It's hard to ignore the toll that time has taken on this film. While static shots still look awesome and the special effects are more than sufficient, the sloppy editing takes a little away from the experience. It's only a small defect though and while it does impact the film there is still plenty to enjoy here. Eraserhead is definitely a film worth seeing, if only to experience a kind of film that doesn't rely on plot to deliver its message.

]]>
Mon, 30 Jul 2012 13:19:46 +0200
<![CDATA[hotaru no haka/isao takahata]]>http://www.onderhond.com/blog/personal/hotaru-no-haka-review-isao-takahata

Hotaru no Haka is a very depressing film. So much in fact that Ghibli made an entirely new film (Tonari no Totoro to cushion the blow upon its release. They even packaged it as a double bill to make sure people walked out of the theater with a smile rather than a tear. Your mileage may vary of course but I think that Ghibli definitely had a point there, so beware when you sit down in the hope of enjoying an nice evening of cinematic escapism.

screen capture of Hotaru no Haka

I honestly believe that Hotaru no Haka is one of the most important anime films ever produced. Sure enough, films like Akira and Kokaku Kidotai made anime popular in the West, but those films catered to a very specific (techy/nerdy) niche. Hotaru no Haka definitely transcended the niche market and rose up to become the anime fan's ultimate defense against popular criticism that anime is only for kids/geeks/whatever other minority group. With a little help from film critic Roger Ebert the film reached out to an audience that didn't care for animation and in that way it helped to broaden the mind of many film fans out there.

Isao Takahata (co-founder of Ghibli) has always worked in the shadow of Miyazaki, which is a shame because I think he's definitely the better director of the two. More versatile, less moralistic and always able to lend his films a remarkable humanistic and natural touch. Together with Okiura's Jin-Ro Takahata's films are probably the only ones that qualify as truly mature cinematic works.

Hotaru no Haka is an adaptation of a semi-autobiographical novel by Akiyuki Nosaka, going by the same name. The film follows Seita and Setsuko, two war orphans who are left in the care of their aunt. But times are harsh and as the two contribute little or nothing to the family they are somewhat ignored. Too proud to submit to the unequal treatment Seita and Setsuko take off on their own, confident in their chances of survival.

screen capture of Hotaru no Haka

The artstyle betrays the film's age. It's definitely starting to look a bit outdated, but the quality of the animation is so staggeringly beautiful that it's hardly an issue. It's not so much the frame rate that awes, but the subtle details that nail some of the character's movements. The way Setsuko moves when she takes out her small wallet, the way she behaves when she feels something is wrong without knowing exactly what is going on. This is definitely Takahata at his very best.

The music is beautiful, striking a chord even outside the context of the film. Whenever I hear the theme song I get a little tingly, as it accompanies some of the more emotional scenes in this film. Maybe Takahata could've used the soundtrack a bit more sparingly throughout, the music isn't always as subtle as it could've been either, but the result is captivating and underlines the emotional moments of the film.

I actually watched part of this film in English once, I advise you never to do the same. The Japanese actors are way better, putting more love and emotion into their characters. Especially the voice of Setsuko is spot on, little girl lisp and everything. The English track is a lot harsher and gives off a very cold and unpleasant vibe, so be sure to stay clear of it.

screen capture of Hotaru no Haka

If you look around you'll find some comments of people who consider the film over-sentimental. While in fact there are some very depressing scenes, accompanied by sad music and aimed to crush the heart of the audience, there is also a darker and harsher undercurrent of self-critique that sets it apart from typical tearjerkers. The writer of the novel is actually present in the form of Seiko, who is directly responsible for the demise of Setsuko. His pride and inability to cope with the treatment they get from their aunt (which, considering the situation they were in, wasn't exactly strange) is exactly the reason why things turned out the way they did. Nosaka atones for his childhood sins through the novel, his fictional destiny being the best indication of his own feelings of guilt. Takahata does a very good job transferring those feelings into the film, though many people still seem to miss that aspect of Hotaru no Haka.

Hotaru no Haka is one of the best anti-war movies out there, even though there's hardly a glimpse of all the fighting involved. Instead it focuses on the people who are left behind, families torn apart and children turned orphans. There are some agonizing scenes hidden away in this film so it's probably best to avoid showing this to very young children, but anyone else should take the time to sit down and watch this. It's not the ideal film for a fun evening on the couch, but it reaches well beyond the boundaries of traditional animation films and delivers an experience you'll be hard-pressed to find anywhere else.

]]>
Wed, 25 Jul 2012 11:55:47 +0200
<![CDATA[densen uta/masato harada]]>http://www.onderhond.com/blog/personal/densen-uta-review-masato-harada

Densen Uta (Suicide Song) is one of those films that is bound to attract the wrong audience. The film is often categorized as a regular J-Horror, case in point the many reviews trying to fault it for not being something it didn't set out to be. Go in with a blank mind though, and you'll find a pretty exciting little cross-genre breed that knows to excite and surprise. Then again, Masato Harada is that kind of director so I should've known.

screen capture of Densen Uta

The similarities between Densen Uta and Jisatsu Sakuru (Sion Sono - Cold Fish, Love Exposure, Ekusute) are almost uncanny, to the point where I actually started to believe this was some kind of unofficial sequel. It turns out both films are unrelated, but the main theme, the erratic blend of genres and the level of weirdness still link the two films together. Not to mention the fact that Jisatsu Sakuru had the same preconceptions to battle upon its release back in 2001. At times Densen Uta even feels as if it belongs in Sono's oeuvre, somewhere lodged in between Jisatsu Sakuru and Love Exposure.

Densen Uta tells about a song that drives people to suicide. Once you sing along to this infamous song (which is called Gloomy Sunday, based on an actual urban legend), you are bound to end up killing yourself. It sounds like a trillion other Ringu rip-offs, but apart from this typical J-Horror setup the film has very little in common with the reigning genre clichés attached to the J-Horror label. Instead, Harada tries to find his own way, blending genres and different vibes along the way.

The suicides are picked up by the staff of an alternative magazine, who set out to uncover the truth about this alleged suicide song. The closer they get to the truth though, the more they are pulled into the myth, which turns out to be a bit more lethal than they had anticipated. When people start dying left and right, they seek the help of a local exorcist in the hope she can release them from their curse.

screen capture of Densen Uta

Harada is a pretty capable director, visually speaking. Those who've seen Inugami should already be convinced of his skills, with Densen Uta he shows he can also handle more eclectic styles. There are some superb camera moves and some pretty surprising editing tricks, the use of lighting is stylish and the film has its fair share of interesting visual setups (like the mirror scene). Harada was clearly free to experiment, which certainly helps to keep the film exciting.

The soundtrack is a bit more traditional, though it still features a rather broad selection of styles to go with the different genres mixed within the film. There's the dark and brooding horror stuff, the more upbeat comedy melodies and of course some gentle pop songs to accommodate the dramatic scenes. None of it is exceptional, but it does the job without ever becoming annoying or irritating, which accounts for something.

Luckily Harada surrounded himself with a group of talented actors. Ryuhei Matsuda takes the lead, Yusuke Iseya is a very interesting companion (though only through the first half of the film). Two young talents who are capable of carrying a film by themselves, so it's a true joy to see them playing next to each other on screen. We're also treated to a short but fun cameo of Hiroshi Abe, the rest of the cast is less familiar (unless you're into AKB48 apparently), though just as solid as the star cast.

screen capture of Densen Uta

Densen Uta is a strange little film. The mood can change quickly between different scenes (sometimes even within a single scene), there is little to no stylistic conformity (though the film is stylish throughout) and it takes a while before you realize where the film is headed, story-wise. If you were hoping to enjoy a couple of quick scares this film is bound to disappoint, if on the other hand you cherish the film's mood swings you're in for two hours of quality film making.

I actually expected very little from this film because it was labeled as J-Horror, so I was pleasantly surprised to find a very accomplished yet eclectic film hiding underneath the cover of ghosts and suicides. The acting is top notch, the film look great and sports an interesting blend of genres. There's a pretty classic horror tale hidden underneath all of this, but you won't get the time to be bored by it. Definitely worth your time if you happen to stumble upon it.

]]>
Mon, 23 Jul 2012 12:49:02 +0200
<![CDATA[tokyo ken/shinya tsukamoto]]>http://www.onderhond.com/blog/personal/tokyo-ken-review-shinya-tsukamoto

Some people firmly believe Rocky is the best boxing film out there, others swear by Scorsese's Raging Bull. If you ask me, there hasn't been any film that could match the sheer adrenaline springing from Tsukamoto's boxing hands. Tokyo Ken combines the boxing clichés with Tsuka's raging camera work and a fair share of body mutilations to create something quite unlike anything else out there in the boxing genre.

screen capture of Tokyo Ken

Apart from a very early studio film, Shinya Tsukamoto (Tetsuo, Tetsuo: Bullet Man, Vital, Nightmare Detective 2) has pretty much been making his own kind of films. Even his second studio feature (the Rampo-inspired Soseji) is far from normal studio fare. So if a man like Tsukamoto tackles a boxing flick, you know it's not just going to be just any kind of rise and fall story with a couple of boxing matches thrown in for good measure.

Tokyo Ken is the story of Tsuda, a pretty run of the mill salary man who relishes his relationship with his soon to be wife, Hizuru. While Hizuru lives a pleasant and comfortable life, she is more than a little disappointed by the plain and boring repetition of her everyday existence. When Kojima, an old friend of Tsuda suddenly turns up on their doorstep, both their lives will be changed forever.

Kojima lusts after Hizuru. Even though at first she holds Kojima at a distance she is clearly turned on by Kojima's wild streak, slowly allowing herself to break apart her own boring routines. She starts to experiment with piercings and tattoos, soon after she leaves Tsuda and moves in with Kojima. Tsuda has a hard time coping with Hizuru's sudden switch and takes up boxing lessons to beat Kojima at his own game. While all of that still sounds pretty acceptable, the execution is clearly something else.

screen capture of Tokyo Ken

Tokyo Ken is Tsukamoto's first film where he demonstrates that his films work just as well in color. Tetsuo 2 and Hiroku The Goblin weren't as visually satisfying as his previous films, Tokyo Ken on the other hand is a celebration of superb camera angles, beautiful monochrome pictures and some totally rad editing skills. The film looks lush from start to finish, a true testament to Tsukamoto's visual style.

The soundtrack too is exceptional. A combination of high octane tracks, slightly exaggerated sound effects and a bunch of moody ambient songs that highlight the urban feel of the film. Tsukamoto seems well aware that madly edited visuals don't just work by themselves and benefit greatly from a soundtrack that enforces this madness. The result in an audiovisual experience that carries the film almost by itself.

To add to the insanity Tsukamoto chose to stick with his hyperactive, highly intense acting style. It's not as manic as in Tetsuo, but it sure as hell ain't normal human behavior either. It's an acquired taste, but I feel that it works great in films like these. Kaori Fujii and Koji Tsukamoto (his younger brother) fair well as actors too, apart from these three you'll find notable cameos of Naoto Takenaka and Tomorowo Taguchi.

screen capture of Tokyo Ken

Once Tsuda starts with his boxing training all the usual Tsukamoto elements start to surface. Suddenly there are mashed up faces, Hizuru starts putting metal bars through her skin and blood spurts from bodies by the gallon. Tokyo Ken is a true body horror, only disguised as a drama/boxing film. People hoping to see a traditional boxing film will surely be disappointed by the course this film takes, but Tsukamoto films are sure to rejoice.

Tokyo Ken is somewhat of a forgotten Tsukamoto film, which is weird considering its many qualities. It's an exceptional audiovisual experience, a worthwhile drama and a lesson in how to properly film a boxing match. It's a pretty short film that packs quite a punch and doesn't outstay its welcome. Fans of Tsukamoto owe it to themselves to watch this one, because it's up there as one of the best films he ever made.

]]>
Fri, 20 Jul 2012 14:22:24 +0200
<![CDATA[css selector performance/front-end myths]]>http://www.onderhond.com/blog/work/css-selector-performance-myth

No matter where you look, no matter what sources you follow, if you read up on front-end development you cannot escape the reign of performance. As many studies suggest, websites need to be fast to perform well. People don't like to wait for their information but at the same time they demand richer experiences, so the page load is ever increasing. Performance testing has become a necessity but we should take care it doesn't turn into an obsession.

css selector performance

Not too long ago I wrote a piece on css selector simplification in order to reduce rendering times. I stated that performance should always be weighed against maintainability and correctness and still stand firmly behind that statement. But in order to weigh those two sides against each other you need proper data, so I figured It wouldn't hurt to check the performance impact of the css selectors on my blog.

My css selectors are quite verbose, I know that and I'm actually quite proud of it. Not particularly because of their verbose nature, but because their verbosity is a direct result of their correctness and maintainable nature. What you find in my css selectors is usually there for a good reason and taking things away would reduce the maintainability of the overall css. That does mean I use creepy stuff like the *-selector and tag selectors where necessary (rather than renaming my classes). Things that are often considered bad practice by reigning standards.

test results for an article detail page

I sampled one of the most complex pages on this blog, which is the article detail page (that's the template you're currently looking at). I found myself an article with a couple of comments, opened it in Chrome and used the Chrome CSS Selector Profiler (integrated in the Chrome web development toolbar) to measure a normal page load. The results were staggering:

Here's an excerpt of the test results (.png)

Six (6!) milliseconds. That's the bottom line, all this discussion we're having is about six measly milliseconds. So yeah, I could mangle my css selectors to bring it back to 3 or 4 milliseconds but I don't think people would actually notice. I know that performance optimization is a battle on many different fronts, where many small optimizations make a big impact, but there are much more interesting options to consider before ruining a perfectly good css file in the name of 2 milliseconds.

conclusion

One of the main problems here is that our human brain has trouble dealing with computer timings. Shorter and more specific css selectors make for faster dom searches, which increases performance. This is a perfectly logical (and valid) train of thought. And when you consider the work that comprises such a dom search it sounds like a good way to optimize performance. But computers are fast and what sounds like a lot of work for us is hardly worth the trouble for your trusty friend.

Always check your data before making performance calls, especially when they impact the maintainability and correctness of your code. Performance is a valid and worthwhile goal, but not at the cost of everything else.

]]>
Wed, 18 Jul 2012 14:10:57 +0200
<![CDATA[chernobyl diaries/bradley parker]]>http://www.onderhond.com/blog/personal/chernobyl-diaries-review-bradley-parker

Oren "Paranormal Activity" Peli returns to the big screen after wrapping up his short and rather underwhelming series The River, finally abandoning the found footage fare for a more traditional horror setup. The result is Chernobyl Diaries, a film that takes you on a trip to experience the aftermath of one of the most gruesome disasters of the past century, exploring the wasteland that was left behind by the nuclear disaster in Chernobyl, Ukraine.

screen capture of Chernobyl Diaries

Doing a film like Chernobyl Diaries is tricky. It's a 100% genre film which means that it forsakes originality and puts all its money on execution. Different people have different tastes though, so it's really all about how you are going to experience the smallest of details. Reviews have been quite devastating, tearing the film down with typical horror criticism like plot holes, easy scares and an abundance of clichés. Welcome to the bright world of genre cinema.

First of all, let's make it clear that Chernobyl Diaries has very little in common with the PA films. There is no forced "oh yeah, we came up with some very scripted reasons to film it" antics, there is no "we can't act our way out of a kid's party but that only adds to the realism" amateurishness and thank God we are treated to a bit more than the less is very little concept of "did that door just move or is it my eyes that are starting to water after ogling the same screen for more than a minute". Parker makes sure that there's no way you'll confuse realism with bad direction, which at least for me made it a lot more bearable than the PA films.

Chernobyl Diaries does borrow the setup and aesthetic of similar found footage films though (think The Tunnel or Evidence), but uses its cinematic power to lift itself above the competition. The films starts with a group of kids subscribing to a little tour of extreme tourism, promising them the time of their life in Pripyat, the nearby city that was abandoned overnight the day the reactor melted. What follows is hardly surprising but like I said before, originality isn't exactly what this film aims to deliver.

screen capture of Chernobyl Diaries

There are several ways to add to the effectiveness of a straight-up horror film, but a strong plot clearly isn't one of them. Instead you aim for atmosphere, a pleasant cast and a strong build-up towards a hellish climax. Get your audience involved enough and they won't care much about some alleged plot holes or unlikely actions of the cast (though one can just as well question much of the couch logic that is brought up in reviews). Again, whether you succeed depends on how people react to certain details, but I'll happily admit that I haven't felt as tense watching a horror film in theaters ever since I watched the first [rec].

Parker starts with a careful selection of protagonists. Sure they aren't the smartest bunch, but at least the slut-level of the crew is acceptable enough to withstand their sometimes silly behavior. The six actually have a nice dynamic going, add to that the walking cliché of a russian ex-military tour guide and you have a group of seven that serves as perfect bait for what lies waiting.

A lot of appeal comes from the setting. The idea of entering a radio-active wasteland is exciting in itself, so even though the first part of the film is somewhat uneventful there is a constant tension brought on by an eerie soundtrack and a strong sense of something lurking in the shadows (remember Blinky from The Simpsons ?). There are a few scares left and right, but nothing out of the ordinary. The slow build-up prohibits any real revelations early on, so most of the scares are of the loud noise variety.

screen capture of Chernobyl Diaries

Then there is the presentation. Visually the film still holds true to the "right there" aesthetic, but does so in a more cinematic way. Parker attracted cinematographer Morten Søborg (Valhalla Rising, Pusher, Susanne Bier's films) to blend the hand-held aesthetic with some proper camera work. The result is a more than satisfying mix that brings out the creepiness of the surroundings while making sure you still feel like you're part of the group exploring the area around Chernobyl. The soundtrack too is of high quality. Parker dares to play with silence, contrasts it with loud scares and fills the moments in between with rather brooding illbient sounds. He creates a very tense and uneasy atmosphere that sips through even in the scenes were nothing much is happening.

Chernobyl Diaries slowly works towards its climax, with the last half hour serving as a perfect descent into madness. As the group starts to unravel they get scattered throughout the desolate city, ready to be picked off one by one. The "danger" never really makes it full focus into the audience's frame of vision, adding to the mystery of the threat and further heightening the overall tension. While the film falls just a little short of the absolute best, it comes very close and delivers 90 minutes of purely visceral horror fun. Changes are you may experience the film differently, prompting you to complain about weird Geiger counters and some stupid decisions of the main crew, but know that it's more likely to be the result of the film's failure rather than a direct motive.

Parker does everything to make sure that all the things are there for a good night of tense and thrilling horror fun, whether it will actually work depends on how you like your horror films served. Make sure to give this film a chance though, because it's quite rare to see this much talent go into a horror flick.

]]>
Tue, 17 Jul 2012 13:01:15 +0200
<![CDATA[hebi ni piasu/yukio ninagawa]]>http://www.onderhond.com/blog/personal/hebi-ni-piasu-review-yukio-ninagawa

Whenever the word hebi (snake) pops up in Japanese film titles chances are you can expect something situated in the margins of society. Notorious examples are Shinya Tsukamoto's Rokugatsu No Hebi and Takashi Ishii's Hana To Hebi (beware!). Compared to these two films Hebi Ni Piasu is actually quite tame, though unsuspecting film fans may still be surprised by what they find behind the warm exteriors of this unusual drama.

screen capture of Silent House

Yukio Ninagawa never backed away from adding some controversial themes to his films. His comeback title Ao No Hono-o treaded around some delicate issues, Hebi Ni Piasu takes a very similar road. The difference is that the setting of Hebi Ni Piasu may alienate people enough to ease the blow a little. By society's standards the film's protagonists are all freaks, which makes it easier to assume they're suffering from some kind of social illness rather than fighting their own demons. Ninagawa, obviously realizing this, countered by planting a big, pulsating and all-enveloping heart in the middle of his film.

The film follows the life of Lui, who one day runs into a punk fan called Ama. Lui is intrigued by Ama's appearance, especially his split tongue. The two start dating and slowly Ama's influence starts to rub off on Lui. Ama takes her to his favorite tattoo parlor, where she is introduced to a series of different body decorations and modifications. That's where she meets Shiva, a tattoo specialist and self-proclaimed sadist.

Behind Ama's back Lui and Shiva start their own little perverted relationship. It's not so much that Lui feels let down by Ama, but Shiva's perverse tendencies are apparently intriguing enough to risk her current relationship. This weird little triangle goes on for a while, until the moment when Ama suddenly disappears. Lui tumbles down a black hole, clinging to whatever reminds her of Ama.

screen capture of Silent House

Even though the subject matter is often harsh and impenetrable, Ninagawa gives the film a rather warm and inviting shine. Most scenes are shot indoors, where the proper lighting makes for often cosy and atmospheric settings. The camera work is straight-forward but controlled and well-executed, the intro in particular is of extraordinary beauty. A long tracking shot through the Tokyo crowds, following Ama into the nightclub where he'll meet up with Lui for the first time.

The soundtrack too is a little different. From the by earbuds-muted intro (a great detail) to the incredibly atmospheric piano and ambient music later on, it blesses the film with an alien yet comfortable vibe. It's nice to see that Ninagawa opted for something different, because the basic Japanese drama score just wouldn't have cut it here.

Between all the sadism, sadomasochism and various forms of body mutilation, there are three actors who lend the film a proper heart. Kengo Kora and Shun Oguri are superb as the two male leads, Yoriko Yoshitaka transforms into Lui, a pretty daring role to take on. These three actors really carry the film, making sure the film isn't just about the ever declining morals in youth culture, but about three individuals who do their best to overcome their own limitations.

screen capture of Silent House

So yeah, there's people with piercings and red hair, there's a fascination for tattoos and some perverse sexual scenes, but these are put in sharp contrast with the warm and humane vibe coming from Hebi Ni Piasu. This is not a film about some out of control young kids, which by itself is quite a feat already. Ninagawa shows the proper respect for his subjects and because of that the trip down the self-mutilation road in an intriguing one to take.

Hebi Ni Piasu still bares traces from the typical Japanese drama, but because of its setting and subject matter it differentiates itself from the countless others that are released year in, year out. It's a beautiful film, sometimes alienating, sometimes weird and impenetrable, but always humane and warm, embracing its characters rather than discarding them as outcasts.

]]>
Mon, 16 Jul 2012 13:05:26 +0200
<![CDATA[silent house/kentis and lau]]>http://www.onderhond.com/blog/personal/silent-house-review

As film fans we all love to hate remakes, especially when they appear too close to the original film. So chances are that people are going to dismiss Silent House as anything worthwhile simply because it didn't take "the Americans" more than a year to churn out this remake of La Casa Muda, taking away the spotlight from this little Uruguayan horror film. Once in a while though the result isn't actually half bad and Silent House is such a notable exception.

screen capture of Silent House

It may have helped that I didn't see the original prior to this remake, but getting your hands on Uruguayan films just isn't all that easy around here. Many of the striking elements of Silent House appear to be lifted straight from the original, though films like Quarantine are the ultimate proof that this is still no guarantee for success. Judged on its own merits though, Silent House is a superbly tense and thrilling little horror film, a film that gives some new shine to the less is more principle and clings to the dark basics of the horror film.

One of the film's defining characteristics (and the main point of promotion of the original) is the fact that it's a one-take film (or at least, it's edited like a one-take affair). From the very first shot until the final image, the camera is fixated on Sarah, a young girl helping her dad out fixing up an old summer house, getting it ready to be sold. Even though she is a little introverted, Sarah seems like a nice enough girl who treasures the time she spends with her dad.

Originality isn't one of the film's main selling points, so if the different plot elements sound familiar it's probably because you've seen and experienced them countless times before. From the awkward meeting with a former play mate to the sudden disappearance of certain characters and the obligatory twist ending, Silent House makes it clear that it values atmosphere higher than a good, original plot. This being a straight-forward horror film, I actually feel like that wasn't such a bad choice.

screen capture of Silent House

Apart from the fact that scenes are edited seamlessly together, there are some other bold visual choices. First of all you'll notice that the darkness is ever present in this film. Some shots are clearly too dark to make out anything substantial, but because the rhythm and timing of the camera work is spot on this only adds to the creepy atmosphere. Another interesting choice is to have the camera focus on Sarah at all times. Many of tense scenes are experienced through the facial expressions of Sarah, rather than the actual events happening in front of Sarah. The camera often doesn't register the actual scares, rather it shows the effect these events have on Sarah. It helps to keep the audience even more in the dark.

As you can probably guess, the soundtrack is pretty minimalistic. Most of the time there isn't even any noticeable music in the background, just ambient noises. The scarce moments that do feature sonic build-ups are excellent though, adding a lot of tension to these climaxes. I'm pretty sure that tweaking the ambient noises a bit more wouldn't have hurt the film, which could've added even more tension to the overall atmosphere. Beyond that there really isn't any reason to complain about the Silent House soundtrack.

With the camera constantly aimed at Sarah, I'm glad Kentis and Lau found a talented actress to convey Sarah's experiences and emotions. Most of the time I care very little for the acting talent of horror film casts, but as we often only have Sarah's body language to rely on this film really needed an actress beyond the dumb bimbos that usually litter horror films. Elisabeth Olsen (Martha Marcy May Marlene) does an excellent job and even though it feels like her character lies very close to the one she played in MMMM, she is an essential part in this film's success. The rest of the cast (5 others) are barely seen or heard.

screen capture of Silent House

Silent House is a very minimalistic film. There is little else happening beyond Sarah running through an old, dark and empty house, apart from the short (yet somewhat predictable) twist ending of course. It's a film that will leave you completely cold if you don't enjoy this basic setup or if you don't feel the tension that comes from the unknown. But if it does strike a chord it's one of the most creepy and atmospheric horror films released in 2012.

I'm not sure just how much it differs from the original and as is the case with all remakes, I assume it's best to leave some time between watching this and La Casa Muda. But if you can set aside your preconceptions about remakes you might just find a very enjoyable horror film. Adequately shot, novel in its execution and tense in just the right places, Silent House is a neat little gem that deserves an unbiased audience.

]]>
Thu, 12 Jul 2012 12:03:13 +0200
<![CDATA[from grids to layout groups/reponsive ripples]]>http://www.onderhond.com/blog/work/from-grid-to-layout-groups

Responsive is everywhere, the impact is tremendous. Wireframing, visual design and front-end development are all straining to cater to the needs of responsive web design. People are experimenting but nobody really knows for sure where responsive will take us. From a front-end/structural point of view, the first and most drastic impact of responsive on a website is the layout grid, so let's see how this may affect the html and css we write.

grids, columns, rows

Layout grids used to be one of the most important pillars of web design. They were the one component that didn't need to be semantic as its function was inherently visual. Grids are all about rows and columns and so our classes reflected that. Then responsive web design came along and it messed everything up.

When doing a responsive design, rows can become columns, grids can turn into lists and rows can become fixed floating element. Sure enough every responsive "view" is matched against a particular grid, but as the html structure for all those views is exactly the same we need to drop classes like .row, .col and .column1 as they make no sense whatsoever (unless seen in one particular view).

introducing layout groups

One thing responsive shouldn't be allowed to change is the logical grouping of content though. Content that belongs together should remain visually grouped, so rather than group elements in rows and columns, we simply need to find a different name for these layout container. While layout containers would be a decent enough option, I preferred the term layout groups as it highlights the grouping of several element without hinting at the html tag implementation.

<div class="layout"> <div class="group1"> ... </div> <div class="group2"> ... </div> <div class="group3"> ... </div> </div>

Since these layout groups are purely added for visual structuring I use div-tags. In some cases you could substitute them with more semantic tags (like header, footer, aside, section, article) but that is bound to make reuse of the component in varying situations almost impossible. Choosing divs allows us to use this component everywhere we see fit. When an aside, section or any other semantic container is appropriate we can just nest those in the layout groups. This also allows us to group an aside and footer in one layout group if needed.

and now the tricky part: the css

The toughest thing about layout is related to source order. Sure enough you can turn a blind eye and structure the groups in such a way that's easiest for the css to layout, but that's just plain cheating. A good layout module is source order independent, meaning that no matter how the groups are ordered, you can make them turn up everywhere you want.

Additionally you should be able to play around with liquid and fixed columns as freely as you want. The toughest layout is the one where the three groups are laid out next each other, with the outer columns liquid and the middle column fixed. That's a whole lot of requirements, especially when you combine them together. It would take us way too far to inspect every different case in detail, so I just made an extensive test page where all the layouts are combined. You can check the css implementations on the page itself. Mind that the entire page is build using the same simple html structure that we defined above.

(To observe the liquid behavior of the columns you need to make your browser smaller.)

IE7

Once you start browser testing you'll notice that IE7 is not supported. There are two problems we are facing here. The first is related to a bug where IE7 has trouble computing percentages when the element's container has no explicit hasLayout trigger. This is easily fixed by adding a zoom:1 to the .layout class

There is a much bigger problem we are facing though. Like most other browsers of that era IE7 has trouble with percentages and rounding errors. 50% + 50% isn't just the full width of its container, it could just as well be 100% + 1px. In that case the float structure collapses and all our hard work falls down the drain. There are workarounds (using 49.9% for example) but those fixes need to be applied case by case. If you still need to take IE7 into account, I'm pretty sure your skills are adequate to work around these bugs when needed (depending on what version on the layout module you need).

what about flexbox

I also tried playing around with the css3 flexbox property a little. The fact that you can move around structural elements using ordinal-group would be a tremendous help for the source order independent requirement, but I couldn't find any way that would allow me to mix rows and columns using the flexbox property (for example, the first layout group would be 100% wide, group 2 and 3 would be evenly spread in the row below). As far as I can see all the elements inside the flexbox are either stacked as columns or rows. If I missed anything, please point me in the right direction.

conclusion

Responsive changed the way we think about layouts. Grids, columns and rows are still useful for designing one particular view, but from an html/css point of view these terms have lost their value. Instead we need to move to layout groups and enrich them with a css structure that allows for flexibility in source order and liquid/fixed behavior.

Once again: for more practical css tips check the layout test page

]]>
Wed, 11 Jul 2012 13:16:38 +0200
<![CDATA[rampo jigoku/takeuchi, sato, kaneko and jissoji]]>http://www.onderhond.com/blog/personal/rampo-jigoku-review

Back when the Japanese horror scene was dominated by black-haired, female ghosts draped in long white gowns, ever fueling the regressing less is more aesthetic, there was one project that rose from the stale ashes left by hundreds of rip-offs and wannabes. Rampo Jigoku (Rampo Noir) revitalized the Japanese horror genre and showed the world there was more than glitchy apparitions and cheap setups to scare and out-gross audiences.

screen capture of Rampo Noir

Rampo Jigoku is an anthology film based around the work of famous Japanese writer Edogawa Rampo. The man was a big fan of Edgar Allan Poe (and if you look closely, Edogawa Rampo is merely a Japanese re-pronunciation of Poe's name), his influence ever present in Rampo's work. Rampo's stories are a mix of the obscene, the perverse and the obscure, framed in stylish and well-composed settings. His stories are never about random killings or evil monsters, but about the deepest and darkest corners of the human mind which manifest itself in obsessive and creepy behavior, though often not ill-intended.

The film starts with the shortest (but probably most impressive) segment of the four. Mars Canal (Takeuchi Suguru) is a silent, narrative-less affair featuring the physical struggles of a man and woman. Those of you who are familiar with Chris Cunningham's video installation Flex will definitely recognize the setup, as this short is clearly inspired by Cunningham's work. There are also obvious differences though. Mars Canal is completely silent for the bigger part of its running time, which creates a very uneasy tension when you see the naked bodies writhing across the screen. Until the very end that is, when an ever growing wave of noise starts washing over the film. A very emotive and impressive form of audiovisual trickery that immediately sets the tone.

screen capture of Rampo Noir

The second short (Mirror Hell by Akio Jissoji) is the most traditional of the anthology. A very classic Japanese tale of horror (think Orochi) told in a very restrained and stylish way, even when the subject matter becomes quite gruesome at certain points. Mirror Hell is superbly shot, set in between an endless array of mirrors and reflecting surfaces. I don't think there is even a single shot that doesn't play with reflections. Tadanobu Asano and Hiroki Narimiya take up the lead roles, secondary support comes in the form of Susumu Terajima. Clearly there is no shortage of acting talent present here. A very nice introduction into the world of Rampo and a very stylish one to boot.

Hisayasu Sato tackles Rampo's Caterpillar (in 2010 Koji Wakamatsu made his own version of this tale). A sick and twisted story about a man with no legs and arms, held captive by his loving wife who basks in the glory of her husband's war efforts. Hanae Kan and Ryuhei Matsuda grace the screen with their presence, Ryuhei in particular is always a worthwhile addition to a film's cast. Caterpillar is easily the most disturbing and direct short of the anthology, resulting in some very disturbing and full-out gross imagery. Coupled with the expressive visual style this short is sure to leave quite an impression.

screen capture of Rampo Noir

Finally there is Atsushi Kaneko's Crawling Bugs, a more cartoonesque short about the perverse obsession of a fan for a stage actress. Asano (once again) lands the job of his dreams when he is hired as his favorite actress' chauffeur. He develops an unhealthy fascination for the woman though and start to stalk her. The result is anything but pretty (not quite unlike Fabrice du Welz' short film A Wonderful Love) but quite a sight for horror enthusiasts. A wonderfully visualized short, brimming with energy and vision, leaving you with a fair few images burning on your retina when the credits finally close down this final act.

Rampo Jigoku is a daring project, bringing together a team of varied directors (two first-timers and two classics) and giving them carte blanche to adapt one of Rampo's stories. The result is an amazing collection of short films, brought to life by a range of superb actors and featuring strong yet very individual visual styles. A true sight to behold and without a doubt one of the best horror projects to have come out of Japan. Forget about the Ringus and Ju-ons of this world, Rampo Jigoku will show you the disturbing depths of the human mind enhanced with some rather plastic visions of human decay.

]]>
Tue, 10 Jul 2012 15:10:26 +0200
<![CDATA[tada, kimi wo aishiteru/takehiko shinjo]]>http://www.onderhond.com/blog/personal/heavenly-forest-review-takehiko-shinjo

If the name Takehiko Shinjo doesn't ring a bell, it's because the man usually limits himself to a type of film that has a hard time establishing itself outside of Japan. Romance isn't the most challenging genre to begin with and it gets especially flaky when dramatic arcs are replaced by cutesy feel-good. And yet, when done with as much conviction as here, these films can be pretty charming in their own right. Tada, Kimi Wo Aishiteru (Heavenly Forest) is clearly one of the better entries in the genre.

screen capture of Heavenly Forest

For a country that cherishes "Kawai~~~" as one of its most recognizable key phrases, it's not too surprising to find a whole genre of films infused with cuddly cuteness. Many of these films fail to land international attention and are probably better off because of it, but some films are actually worth checking out. Be prepared though and leave all your cynical and critical thinking behind because when you enter the sugarcoated world of the Japanese feel-good romance there is only room for the sweet, the cute and the naive.

The film follows Makoto, a young boy caught between the blossoming love of two women. The first girl is Miyuki, Makoto's classmate and longtime crush. To his surprise Miyuki invites him to join her table, effectively introducing him into her circle of friends. The second girl is Shizuru, a somewhat peculiar girl who has no friends and spends most of the time by herself. When one day Makoto helps her out she clings to him, determined to keep him as close to her as humanly possible.

Even though Makoto is ecstatic to finally join Miyuki and her friends, he also develops a close and personal connection with Shizuru. Things get more and more complicated, especially when Shizuru elopes from her home and moves in with Makoto. The typical romantic struggles pop up and for a while it feels as if you've all seen it before, until the film twists around and the love triangle is suddenly falling apart, leaving the trio unsure of how to proceed.

screen capture of Heavenly Forest

Visually there is plenty to be excited about. As a small part of the film is set in America, it's fun to see a different perspective on the typical American urban settings. The biggest part of the film is set in Japan though, where the titular forest takes up most of the visual credit. Extremely idyllic and the perfect location for what ends up to be the key scene of this film. The camera work and the editing are typically soft and controlled, making sure that there is no jerkiness whatsoever to break the film's perfect little wold.

The soundtrack is exactly what you may expect from a film like this. Littered with soft-natured piano tunes, never taking any risks and always wary of alienating the viewer. Add some J-Pop closure and all the clichés are accounted for. It's not very challenging, but nonetheless it's a decent soundtrack that's quite successful in its mission.

Part of why this film works so well is Miyazaki's terrific performance. Hiroshi Tamaki and Meisa Kuroki are both pretty decent, but never really convince as a screen couple. It's clear that the both of them aren't very gifted actors and get by mostly on looks. Miyazaki plays the most difficult part, but she makes it appear as if it's all terribly easy. It's her character that lifts you through the film, keeping the feel-good from turning into bad-tempered sentiment and adding immensely to the overall cuteness-level of Tada, Kimi Wo Aishiteru.

screen capture of Heavenly Forest

While the final act of the film takes a more dramatic turn, it hardly effects the easy feel-good nature of the film. Sure there is some room for tears if you're into that, but Tada, Kimi Wo Aishiteru is never hard to stomach or depressing, instead it highlight the preferred Japanese way of handing drama by coming to terms with certain regrettable events. It makes for a beautiful (though somewhat unhealthy if judged by realistic standards) ending.

Tada, Kimi Wo Aishiteru is a sweet, cute, good-natured and hopelessly naive little film. If you can't stomach that it's best to avoid it altogether, as Shinjo is determined not to let anything spoil the film's good mood. If you want a feel-good breather though, it's the perfect film for some light and uplifting entertainment. Skillfully executed, charming and overdosing on the idealistic, it's not the biggest master piece ever made, but a damn sweet and fun film nonetheless.

]]>
Mon, 09 Jul 2012 12:59:09 +0200
<![CDATA[shiki-jitsu/hideaki anno]]>http://www.onderhond.com/blog/personal/shiki-jitsu-review-hideaki-anno

Chances are you know Hideaki Anno only from his involvement in Evangelion. The man rose to fame when his series aired 15 years ago. It marked the start for a series of sequels, reboots, manga adaptations and an unlimited slew of marketing potential. But Hideaki Anno is more than just Evangelion, he also made a couple of live action film of which Shiki-Jitsu is by far the most accomplished one. A ravishing look into the mind of an exceptional (and exceptionally distraught) woman, brought to life the way only an animation expert could.

screen capture of Shiki-Jitsu

Hideaki Anno may be one of the most famous anime directors out there (Evangelion being one of the most critically acclaimed animation series), but very few people seems to care for his live action work. A major problem that Asian cinema in general has been facing for the past decade. You can successfully market an Asian film in the West, but marketing an Asian director is neigh impossible. Even the big guys (like Takeshi Kitano, Takeshi Miike or Kim Ki-duk) failed to land proper (global) releases for their latest films. Hell, even Yimou Zhang's Flowers Of War passed us by without so much of a splash, and that film had Christian Bale in the lead. A sad state of affairs but it seems very difficult to counter.

It's a real shame, because it's often the films that don't make it to the West that are the most interesting ones. I'm not really big on Evangelion, but Shiki-Jitsu stands firmly as one of my all-time favorite films ever. Luckily the nice folks of Ghibli released an English-friendly DVD back when, allowing the West at least a small (yet expensive) opportunity to sample Anno's live action work. Rest assured though that the film is well worth the investment.

Shiki-Jitsu is an adaptation of Ayako Fujitani's novel Touhimu, a book based on the feelings she experienced when she lived in Los Angeles. While this makes it sound a bit like the reversed version of Lost In Translation, Shiki-Jitsu is not so much a film about cultural differences as it is a film about the inability of a young girl to process certain events in her life. Instead she retreats in her own mind, locking herself in a perpetual dream world, ruled by a series of daily rituals. This world is turned upside down when she bumps into a director experiencing a serious case of writer's block. He decides to follow her out of boredom, but becomes slowly transfixed by this strange and unusual woman.

screen capture of Shiki-Jitsu

Having an animation director direct a live action film is not a guarantee for strong visuals (Otomo's World Apartment Horror was somewhat of a disappointment), but it certainly seems to help (personally I assume it's because they are used to starting from a blank page and building the entire visualization from scratch). Whatever the case, Shiki-Jitsu looks absolutely stunning. Ayako's house is a visual paradise, the outside scenes are framed with a minute sense of detail and Anno's use of light and color is simply impeccable. Save some weird CG/train sequences this film is a true visual delight.

The soundtrack is a little less adventurous, yet it's one of the best of its kind. Subtle yet captivating piano music alternated by a select few Japanese pop songs. Usually these can quickly ruin the mood, but it seems Anno has a keen ear for quality music. The end credits song serves as the perfect example. It's not really a soundtrack that will blow you away as it exists mainly in the background, but it provides a perfect base for the subtle and touching atmosphere that flows from the film.

One of the major strengths of Shiki-Jitsu is the casting. Ayako herself takes up the lead role, which clearly helped in establishing her role. Ayako's character is quite complex, but as she's really just playing herself she has little trouble hitting the right marks. Right across her she finds Shunji Iwai (director of Hana and Alice) who is the exact opposite of Ayako's manic and fickle persona. Iwai is calm, controlled and patient, though the relationship between the both of them remains fragile. There are hardly any secondary characters, most of the time is spent following Ayako and Iwai. Somewhat of a gamble, but both actors put in such strong performances that it hardly seems to matter. On the contrary even, when other characters appear on screen it almost feels like an unwelcome intrusion.

screen capture of Shiki-Jitsu

Shiki-Jitsu is one of the few character studies that combines profound emotions with strong styling without becoming too abstract or distant. Ayako's pain is tangible throughout the entire film in a very real and direct way, but this never stands in the way of the film's luscious exterior. A rare combination that makes this film all the more worthwhile.

Shiki-Jitsu is rather long, running a little over two hours, especially when you consider the fact that the characters you'll be spending your time with aren't all that charming or lovable. They are extremely intriguing though and while Anno delves into their personas you slowly familiarize with them, without the need to find any actual similarities between you and the characters. Shiki-Jitsu is by far Anno's most accomplished film and it supersedes all his other efforts with gratifying ease. It's one of the most unique dramas I've ever seen, keeping me interesting from start to finish without even the hint of a glitch of boredom. Make sure you don't miss out on this one.

]]>
Tue, 03 Jul 2012 12:49:30 +0200
<![CDATA[cha no aji/katsuhito ishii]]>http://www.onderhond.com/blog/personal/cha-no-aji-review-katsuhito-ishii

What a weekend it was, a little more than 8 years ago. Probably my favorite film-related weekend ever, with Vital, Cha No Aji and Survive Style 5+ on the menu. All three films ended up in my personal top 100 and while Cha No Aji is ranked the lowest of the three, Katsuhito Ishii (My Darling Of The Mountains) his film remains one of the absolute highlights of the Japanese comedy. A true delight that elevates feel-good cinema to a whole new level and charms from start to finish.

screen capture of Cha No Aji

Cha No Aji was somewhat of a surprise. I was already familiar with Ishii's work, having watched Party 7 and Shark Skin Man & Peach Hip Girl prior to this one. On top of that, I was well aware of Ishii's involvement in Trava Fist Planet, so I figured it was fair to expect a weird, zany and high-octane comedy. Cha No Aji is almost the complete opposite though. It's not that Ishii shied away from his extravagant antics, but the dosage here is completely different. Cha No Aji is a chill, relaxing film that only serves smalls chunks of weird and awkward for greater effect.

Like Ishii's other films Cha No Aji is an ensemble film, this time focusing on the members of a common, everyday family. Each of them have their own quirks and troubles, which are amply examined during the course of the film. Ishii keeps a very light-hearted tone, never letting the minor dramatic touches influence the laid-back and feel-good atmosphere of the film. There is room for a little drama once in a while, but it never becomes too sentimental or too intrusive.

The family is a varied, slightly weird yet very lovable bunch. There's Sachiko, the youngest of the family who's constantly being watched by a giant version of herself. Then there's Hajime, a young boy who has a crush on the new girl in school. Both parents are pretty normal, though mom turns out to be a pretty rad animator. Ayano is the laid-back uncle living in and Akira is the bonkers grandfather, definitely the star of the film.

screen capture of Cha No Aji

Ishii toned down his trademark visual style for this film, but that doesn't mean Cha No Aji isn't a pretty film to look at. Set in rural Japan, various shades of deep, lively greens dominate this film. Add some blue skies and pretty sunsets and you get an idea of the visual vibe. The scenes outside are truly magnificent, emitting a sense of calm that is seemingly inherent to this type of Japanese film. There is some CG from time to time, mostly functional (and fun), though the quality varies. Luckily it never intrudes or takes away from the experience.

The soundtrack is subtle and sweet. A cute collection of laid-back, easy-going tracks that enhance the atmosphere. It's not so much the music as the ambient sound effects that leave a lasting impression though. Simple sounds that are used to great effect throughout the film, like the slamming of a small shed window (during one of the first scenes). On top of that, Cha No Aji features some absolutely brilliant songs, mostly performed by grandpa Akira. Not really sure why, but from time to time the Mountain Song just slips into my mind and takes it hostage for a short while, always bringing an unmistakable smile to my face.

The acting is top notch too. Maya Banno shines as the young Sachiko, yet her performance is completely eclipsed by the presence of Tatsuya Gashuin. He already left a lasting impression in Shark Skin Man & Peach Hip Girl, with Cha No Aji he made himself truly immortal. Grandpa Akira is without a doubt one of the funniest, craziest and most lovable characters that ever graced the world of film. If that wasn't enough, secondary roles are handled by the likes of Susumu Terajima and Tadanobu Asano (still my number one favorite actor out there). With a cast like that, it's pretty difficult to make a bad film.

screen capture of Cha No Aji

Cha No Aji lacks coherency, which could be fatal for a film that lasts 143 minutes. But the sketches and plot-evasive scenes are so much fun that it hardly seems to matter. As we drift from character to character the film keeps fortifying its feel-good atmosphere, to the point where I stopped caring for a plot line or dramatic arc, instead relishing the warm blanket of loveliness that Ishii spread for all the enjoy.

Cha No Aji is a lovingly executed ode to laziness, boredom and feeling at ease. Sometimes its characters do little else but loitering on the porch, enjoying the fact that they have nothing else to do but sit and enjoy the moment. Ishii livens things up with some absurd events, but never to the extent of his previous films. Cha No Aji is without a doubt Ishii's best film so far, a true masterpiece and a joy to watch again from time to time. A film that knows no weak points, which is quite amazing for a film that lasts more than two hours.

]]>
Fri, 29 Jun 2012 12:27:32 +0200
<![CDATA[wild 7/eiichiro hasumi]]>http://www.onderhond.com/blog/personal/wild-7-review-eiichiro-hasumi

It may sound a bit weird, but straight-up, modern action flicks aren't all that common in Japan. Usually Japanese action films are coupled to (and eclipsed by) other genres (like sci-fi, kaiju, martial arts or samurai), leaving only a few exceptions to the rule for fans of extended gunfights and tough, ass-kicking, masculine violence. Wild 7 is such a notable exception, and it makes you wonder why exactly Japan isn't producing more of these.

screen capture of Wild 7

As much as I love Japanese entertainment, I never heard of Wild 7 before. Which is pretty weird considering there's a whole line of anime and TV serie adaptations of the original manga. Born in the late '60s, Wild 7 takes a spin on the post-war, political situation of Japan and brings together 7 convicted criminals to form an alliance of mercenaries operating outside of the law. This team is contacted whenever regular forces can't handle their jobs, but some higher-ups consider this team a serious threat and want to dismantle the project.

While the Wild 7 live action adaptation is a pretty simple (but good) action flick, there are a surprisingly high amount of Oshii references to be found in this film. The team for example is not quite unlike Kokaku Kidotai's Section 9, the zeppelin incident is taken right out of Patlabor 2 and the post-ending bit resembles one of the other terrorist attacks in Patlabor 2. Then there is the rampant political corruption, one of Oshii's beloved themes (think Jin-Ro). And while all of these things could somehow be traced back to the original setup of Wild 7, you simply cannot look past Kenji Kawai's soundtrack where one track in particular sounds an awful lot like an Avalon left-over. Clearly the original Wild 7 material pre-dates any of Oshii's stuff I mentioned above, but I'm pretty confident that there's some kind of homage going on here.

Wild 7's story is pretty straight-forward. The group finds itself in an existential crisis, caught between the wrath of their superiors and the will to do something worthwhile, trying to redeem their past mistakes. They cut themselves loose from their command and try to blast their way to the one person controlling all the political puppets. There are some extra dramatical bits and pieces, but those are mostly introduced to fill the space between the action scenes.

screen capture of Wild 7

Hasumi applies a pretty nice visual style, appropriate for this kind of film. Gunfights can become tedious very fast when not shot well, Hasami avoids this trap by inserting some very stylish bullet ballets. The use of lighting in particular makes for some very spectacular scenes. The film as a whole looks modern and slick, nicely edited and timed well, exactly the way a good action flick should look. And there's little to no shaky-cam action, which should comfort a lot of people.

The soundtrack is clearly the work of Kenji Kawai. The choice in instruments and motives is very reminiscent of the work Kawai usually prepares for Oshii's films. It lends Wild 7 a rather unique and differentiating atmosphere, especially for a film like this. It's definitely not Kawai's strongest work and the film itself doesn't leave the soundtrack with much opportunities to truly shine, but even then it's a pretty strong and worthwhile selection of atmospheric tracks that helps to set the film apart.

The acting is without a doubt the weakest point of the film. It's not overly bad, but the team of 7 has too many Japanese pretty boy members to be a convincing bad-ass killing squad. Notable exceptions are Takashi Ukaji (as the yakuza boss) and Minoru Matsumoto, who you might recognize as one of the crazy yakuzas from Versus. Not the most talented of actors, but at least he has plenty of charisma to compensate.

screen capture of Wild 7

Wild 7 reminded me a little of Yamakazi's Returner, which has a similar vibe running through it. Don't expect too much substantial material or serious plot points, everything is tailored so the action can take center stage. It's not as action-packed as recent crowd-pleasure The Raid, then again Wild 7 tries to deliver a more stylized/poser kind of action, alternated with ear-deafening gun clatter.

If you don't mind a mindless (stylized) action flick once in a while you could do much worse, the action scenes are pretty kick-ass and the styling is slick and sexy. Fans of Oshii can warm themselves on a string of interesting homages and references while enjoying some mindless thrills in the meantime. Wild 7 isn't truly exceptional, but it's a damn cool and entertaining piece of escapism, the kind I would like to see more of.

]]>
Tue, 26 Jun 2012 12:04:03 +0200
<![CDATA[design of death/hu guan]]>http://www.onderhond.com/blog/personal/design-of-death-review-hu-guan

It was almost two years ago that I first watched and reviewed Hu Guan's Cow, one of the weirdest animal/buddy mash-ups I've ever encountered. While a great film, it never reached much of an audience and so I didn't have too much confidence in ever hearing from Guan again. But here we are, two years later and Guan has a new film ready. It's not about animals this time around, but the setting and feel of the film are clearly reminiscent of Guan's previous effort. Fans rejoice!

screen capture of Design Of Death

When I sat down to watch Design Of Death I hadn't even realized that I was going to be a Hu Guan film. It didn't take more than five minutes before the first connections between this film and Cow started to surface though. It wasn't just the setting (a rundown, rural mountain village) or Bo Huang's (the main character) appearance, it was Guan's typical style and tone of voice that truly links these two films together.

Design Of Death is the story of Niu Jie Shi, a young boy growing up in a secluded mountain village. While Niu has a certain charm, he is also one hell of bastard, constantly annoying the villagers with his nasty little tricks. Niu wasn't born in the village which immediately creates a natural schism between him and the villagers, further driven to extremes by Niu's bratty behavior. When Niu finally crosses the line of the acceptable, the villagers come together and devise a plan to get rid of Niu.

All of this is told through a series of flashbacks. The film starts off with the investigation of Yi Sheng, a doctor who was ordered to check out the village. He finds Niu dead besides the road and becomes intrigued by the events that happened one year earlier, leading up to Niu's unfortunate death. Through these flashbacks (or actually, the interpretations of Sheng) the film tries to reconstruct the final days of Niu's life.

screen capture of Design Of Death

As for the visual side of things, I think it's safe to say that Design Of Death looks truly spectacular. From the inventive camera angles and beautiful use of color to the mad and manic camera work and editing, this film is a real sight to behold. The visual clash of the run-down village with Guan's contemporary film techniques is pretty interesting as it creates a unique and distinct atmosphere. Guan clearly knows how to shoot a pretty film.

The soundtrack too is pretty interesting. It does feature some more traditional Chinese music, but this often serves as direct contrast for the more jarring and upbeat selection of tracks. Design Of Death is a comedy at heart and while not always apparent from the story itself, the film uses its soundtrack to remove all remaining doubts. On top of that, it also features some truly spectacular music, especially near the end of the film. It nice to see some Chinese directors finally breaking free from safe and traditional soundtracks.

Even though the visuals and soundtrack are great, Guan didn't just stop there. He made it extra hard on himself by featuring a main character that isn't all that likable. And yet, Bo Huang has a certain charm that easily captures the audience. It's tricky because at times his character can appear to be a real asshole, yet Guan makes sure we never stop caring for him. Other notable performances come from Nan Yu (as Niu's love interest) and Simon Yam (as the investigating doctor). Acting performances are top notch across the line. <:p>

screen capture of Design Of Death

Design Of Death plays like a mix of Jiang's Let The Bullets Fly and Chan's Wu Xia. There's a definite mystery element at play here, as we slowly learn about the events that preceded Niu's death, while at the same time Design Of Death has that same "anything goes" feel that's popular in Chinese comedy films nowadays. The result is a true pleasure to behold.

It's definitely not the easiest of films, the first hour is filled with unsympathetic characters doing ugly things to each other. But the actors carry a disarming charm, the humor is actually funny and the film as a whole is a worthwhile audiovisual experience. Add to that an interesting plot and a superb finale and I can only conclude that Hu Guan outdid himself with this film. Design Of Death is an awesome film and definitely worth your time. Let's hope this film manages to land a bigger audience than Guan's previous effort, because it at least deserves the change to please a wider audience.

]]>
Fri, 22 Jun 2012 13:26:34 +0200
<![CDATA[5 essential mixins/html clean-up]]>http://www.onderhond.com/blog/work/5-essential-mixins-html-clean-up

When using css preprocessors, you'll soon find that mixins are a true blessing. These little css functions capture common css patterns and save you the time of typing them over and over again. If you're lucky, they even allow you to scrap a few redundant classes from your html. Over the past couple of months I've gathered a couple of mixins that seemed to pop up in every project I started, so here's my summary of essential mixins that I feel could make it into your base template.

starting a new project

I don't think I could ever work without the use of a preprocessor anymore, if only to keep track of vendor-prefix hell that would otherwise litter my css code. The use of mixins not only made css maintenance a lot easier though, it also helped to clean up some necessary but ultimately redundant classes in html. Common css snippets translated to classes (often with functional implications) that would ease their way into the html code because it proved too much hassle to repeat the same code in css time and time again.

This led me to a selection of mixins that I added to my own base css (now less) template as they come in handy in just about every project that I start.

1. hiding elements from screen

/* html */ <div class="label">price</div> <div class="value">€ 10</div> /* mixin */ .hidden {position:absolute; top:auto; left:-999em; right:auto;} /* css */ .label {.hidden;}

Probably the most obvious of all mixins. I used to litter this class around my html code simply because some elements needed to be hidden from screen (and screen reader would still need to pick them up). Putting the css code separately on each element was tricky because this particular method has been prone to change from the very start (accessibility, compatibility and performance issues mostly), making maintenance pretty difficult.

The problem with turning it into a separate class was that the method relies heavily one the position:absolute property. If another class overruled the positioning css of the .hidden class the method would be rendered useless. By using the class as a mixin though, you avoid all this mess. No more .hidden classes littering your html, no more selector weight issues with conflicting classes. Everybody wins.

2. hiding text

/* html */ <a href="#">share this on twitter</a> /* mixin */ .hideText {text-indent:100%; white-space:nowrap; overflow:hidden;} /* css */ a {.hideText;}

Pretty much the same as the .hidden class, only now we want to hide actual text. It's not about hiding an entire element from screen anymore, it's just about hiding the text (usually done for image replacement). Once again this method is prone to change, it used to litter the html code and it used to conflict with other css rules. Using it as a mixin fixes all of this nonsense.

spanning a container

/* html */ <article class="news overview"> ... <a class="more">read more</a> </article> /* mixin */ .span {position:absolute; left:0; top:0; right:0; bottom:0;} /* css */ .news {position:relative;} .news a.more {.span;}

Sometimes you want a certain element to span the entire surface of one of its parents. Rather than using widths and heights for this, there's an easier method where all the four positioning parameters (left, right, top, bottom) are set to 0 (in combination with a position:absolute). This comes in handy when you want to fake block level links (see the html example above) or when you want to combine changing hover images and image replacement techniques (using :before or :after).

clearfix

/* mixin */ .clearfix {zoom:1; display:inline-block; display:block; &:after {display:block; visibility:hidden; height:0; clear:both; content:"";} } /* css */ .gridWrap {.clearfix;}

The ever so popular clearfix hack can also be transformed into a mixin, with a little help of preprocessor nesting. This is pretty cool, because you can now simply apply the clearfix hack in css without having to memorize the code and without having to add the extra :after line for each instance. It's always been a nasty hack, turning it into a mixin greatly reduces its impact on your code.

left/right positioning pattern

/* mixin */ .leftRight (@width, @gutter){overflow:hidden; >*:first-child {float:left; width:@width;} >*:last-child {margin-left:@width + @gutter;} } /* css */ .spec {.leftRight(10em, 1em);}

A common positioning method I like to use. Float the first element to the left and pass it by applying a big enough left margin on the second element. Add a clearing fix on the containing element and you have a robust css layout. The irritating thing of this method lies with the connection between the width of the float and the margin on the second element, which are highly dependent on each other (the margin = width float + gutter). Meaning that whenever you change the width of the float, you also need to change the value of the margin. Turning this into a mixin with two parameters takes all those problems away and allows you to define the pattern in one single swoop.

conclusion

I'm sure there are countless of other interesting mixins out there, there are even some github initiatives for making mixin boilerplates and whatnot (can't seem to find the url though). In the important thing is to decide for yourself which mixins you deem interesting enough to carry over between different project, just consider this list to be a nice opportunity for inspiration.

]]>
Wed, 20 Jun 2012 14:35:09 +0200
<![CDATA[allegro/christoffer boe]]>http://www.onderhond.com/blog/personal/allegro-review-christoffer-boe

When Christoffer Boe made Allegro, he was faced with the almost impossible task to follow up Reconstruction with a film that would meet, preferably even exceed people's expectations. Allegro doesn't quite cut it, but man does it come close. It's a different film altogether and it's difficult to compare it directly to Reconstruction, but Boe's signature is clearly present, making it into another cinematic spectacle.

screen capture of Allegro

For whatever reason, Allegro (much like the rest of Boe's oeuvre) never made the same splash as Reconstruction did. By now you have to look far and hard to even catch a glimpse of a possible English-friendly DVD release, which is a real shame because Boe is one of Europe's biggest talents. That said, Allegro is quite hard on its audience, all too ready to alienate them from what is a beautiful and emotional film.

Allegro is a very harsh mix of traditional arthouse cinema injected with an overdose of modern film making. The setting is as classic as they come though. The main protagonist is Zetterstrøm, a talented piano player, moving around inside a realm of very decent and high-class people. But that's just how it all starts off. After a disastrous romance Zetterstrøm literally locks up his memories and emotions in a box. The box explodes, blows up into its own micro universe and takes over a part of Stockholm.

Scientists are at odds with the phenomenon, unable to find a proper explanation for what has happened. They label the place "The Zone" (there's your Stalker link) and leave it as is, since nothing bad seems to be happening (apart from the fact that a small part of Stockholm has now completely been shut off from the rest of the world). In the meantime, Zetterstrøm goes on living his life, continuously improving himself as a piano player. That is, until he gets an invitation to return to Stockholm and to visit The Zone. Not your typical arthouse story, now is it?

screen capture of Allegro

Visually Allegro is nothing less than stunning. Boe finds the perfect balance between nervous, edgy camera work and lavishly stylized visuals. Boe's zooms, pans, jerky shots and noisy image quality may sound like a recipe for ugly realism, but Allegro is filled with superb images that linger throughout the film (a style that Von Trier managed to copy really well in Antichrist). As for the CG, it is surprisingly effective. There isn't all that much, but it's more than just some functional bit processing, even adding to the overall stylistic impression of the film.

The soundtrack is probably the most traditional part of Allegro. It is a selection of piano tunes, very much in line with the subject of course, but not very daring. That said, it's a quality selection of musical pieces and Boe dares to stray from the beaten path, at times incorporating darker, more ambient-like pieces into his film. It's not as exciting as I'd hoped it would be, but Boe clearly knows how to incorporate music into his films.

The acting is overall strong too. Ulrich Thomsen takes up the role of Zetterstrøm and does so with great conviction. He brings a lot of pain and depth to his character, without making him too sad or whiny. Christensen is solid as Zetterstrøm's romantic interest (though no contest for Reconstruction's Bonnevie), Moritzen and Nicolas Bro (a Boe regular) both have strong secondary roles.

screen capture of Allegro

At its core, Allegro is a deceptively simple story about loss and romance, wrapped in a strange, allegoric sci-fi/fantasy setup. The result is refreshing and works well on both accounts. The drama is strong and convincing while the fantasy aspect is novel and exciting. It's a great combination of elements, but it could deter more traditionally inclined film fans who could find it difficult to accept both worlds in one single film.

I think Reconstruction still comes out as the winner when comparing both films to each other, but the difference in quality is ever so slight and the way Boe confirms his status with Allegro is simply amazing. The result is a strong, unique and captivating film that draws a few parallels to older classics, but stands well on its own. A true delight, sadly looked over by most people. It's a shame that people lost track of Boe because the man is one of the most visionary directors of modern cinema and deserves to be recognized.

]]>
Mon, 18 Jun 2012 14:50:37 +0200
<![CDATA[tonari no totoro/hayao miyazaki]]>http://www.onderhond.com/blog/personal/tonari-no-totoro-review-hayao-miyazaki

Tonari no Totoro is Hayao Miyazaki (Ponyo) at his very best. Subtlety is clearly Miyazaki's friend, even though Totoro presents a typical mix of his eco motives and fantastical creatures the film feels light as a feather. It's the ideal children's film (it even works when they can't understand a single word that's being said) and a pleasure for everyone else with a soft spot for feel-good. A true lesson in fantasy film making and definitely my favorite Miyazaki film so far.

screen capture of Tonari no Totoro

Tonari no Totoro was originally released as part of a double bill, bearing the impossible task to lighten up the mood after people were subjected to Isao Takahata's Hotaru no Haka. While I prefer Takahata's work over Miyazaki's, Totoro is a film that stole my heart the first time I watched it and never declined in quality with each successive viewing. Even though the simplicity of the film might seem a bit hollow to some, it's definitely its strongest selling point and the thing that really sets it apart from its peers.

The film lacks almost any form of a dramatic story arc. There is a short bit featured near the end, 10-15 minutes tops, where a quick injection of drama takes over, but the rest of the film is just little kids running around in the Japanese country-side, being their merry selves. They do exciting stuff like exploring their new home, visiting trees or waiting for their dad at the local bus stop. It's not really the stuff dreams are made off, but even then these moments are good for some warm and heart-felt smiles.

The film is all about Totoro though. He may not have too much screen time, but his presence is always felt. While not a very complex creature, he is fun and captivating. Apart from this big, cuddly (yet sometimes deceptively scary-looking) teddy bear there are a few other fantastical creatures, though they mostly fill in the gaps between scenes where Totoro himself is absent. Fans of Spirited Away might recognize the dust bunnies and besides those you'll also be treated to the infamous cat bus.

screen capture of Tonari no Totoro

Tonari no Totoro is colorful, bursting with all kinds of greens to bring the Japanese countryside to life. Ghibli's usual traits are present, meaning you can expect strong and delicate character animation, a clean and clear artstyle, beautifully drawn skies and a couple of scenes that highlights their skills in fast motion animation. The film still stands proud, even when it lacks all the horse power that fuels modern animation films. The only complaint I have about Ghibli's trademark style is that it remained a bit too consistent over the years, but clearly that's not the fault of this film.

The music too is extremely bright and joyful. It's one of my favorite Ghibli - Hisaishi collaborations with a couple of very memorable tracks. The song that accompanies the opening sequence alone is enough to recommend this film. As for voice acting, opinions differ. I can't stand American dubs, but I can relate to people who find the two main characters a bit too loud at times. Mei and Setsuka are both very young girls and while they do act their age, they can get a little screamy and over-excited at times. It never bothered me as such, but I can imagine that not everyone is going to appreciate the high-pitched craziness.

screen capture of Tonari no Totoro

Tonari no Totoro is fluff, but it's the best kind of fluff you can find. There is little to no drama (until the very end, when Mei disappears from view for a short while), Miyazaki only has eye for the beauty in life (and more particularly, the care-free world of children growing up in the countryside). Right there you'll find Miyazaki's critique on how we raise our kids today, depriving them of the same joys Mei and Setsuko experience in this film. But luckily it never takes over the film itself, as this could've easily killed the atmosphere. To see the kids go about their business is just wonderful, the addition of Totoro and his gang makes the picture complete.

While clearly a film aimed at young kids, Tonari no Totoro has the power to enchant both young and old. It's a sweet, soft-hearted and imaginative film. The fantastical elements are pure perfection, the attention to detail is simply stunning. It's a very pure film, one that every kid should have the chance to experience.

]]>
Fri, 15 Jun 2012 13:21:35 +0200
<![CDATA[the cost of performance pt2/tag cutting]]>http://www.onderhond.com/blog/work/cost-of-performance-tag-cutting

Two weeks ago I wrote a short piece on the cost of tweaking for css selector performance, explaining that it's never a win/win situation. Maintenance and correctness are put at a disadvantage when css selectors are changed to perform as fast as possible. In this article I'm going to focus on html, looking at minimal html accomplished by tag cutting and the impact this has on your project. Once again the conclusion is clear: tag cutting comes with a serious cost.

tag cutting

Tag cutting is an old habit, people were already doing it as long as 10 years ago. The idea is very simple, just remove the tags from html that you don't "need". Practically speaking, this means checking whether a tag has any css and/or javascript tied to it. If not you can safely remove the tag from your code, saving a couple of bytes from your total page size. Faster is better, right?

I find the image above to be one of the best examples that illustrates this debatable technique. Just imagine that container 1 is the page header, container 4 is the page footer and container 2 and 3 are simple content containers. The difference between the two examples lies with the extra wrapper around container 2 and 3 in the second example. Many people will label this extra wrapper as redundant, but it does make a big difference.

on html and structure

Ask a couple of front-end developers what example they prefer and before you know it you'll find yourself wrapped in a discussion about css positioning. While this is clearly something to take into account, the problem should first be approached from an html point of view as it is unrelated to any kind of css shortcomings. Writing html is more than providing a couple of hooks for css and javascript.

The real question is how container 2 and 3 are related to container 1 and 4. In the first example all four containers exist on a single dom level, which is a bit odd when marking up a typical header - main - footer structure. In the second example container 2 and 3 are grouped together. The header and footer now function as a header and footer of this entire group, which makes a lot more sense. From a structural point of view, this is a major difference which should not be ignored.

It's true that in many cases the wrapper is unnecessary from a css perspective, but that's no reason to simply remove it, especially when it has a clear structural function.

future-proof coding

Another problem with tag cutting is that it is based on a single snapshot of your project. It only takes into account current project specifics. There are unmistakable connections between structure and design and because of that it is safe to assume that there is a very real chance that future updates of your site might require the use of this wrapper after all.

When that happens, it's a lot easier to have the html ready and just upload a new version of the css, rather than to incorporate an extra html rework trajectory. It decreases dependencies, at the same time reduces the chance of unexpected errors.

conclusion

Next time you wonder whether to remove a html tag, think about its semantic or structural value rather than its css/javascript feasibility. Of course css and javascript restrictions might still affect the final html, but they should never be the reason for removing a certain tag, they can only account for extra tags.

Tag cutting comes with maintenance costs and reduces the future-proofness of your html code, a drop in quality you shouldn't be willing to risk, especially if you consider the minimal impact of this technique. Performance is important, but there is more to web design than just speed alone.

]]>
Thu, 14 Jun 2012 14:07:33 +0200
<![CDATA[nintama rantaro/takashi miike]]>http://www.onderhond.com/blog/personal/nintama-rantaro-review-takashi-miike

In case you haven't noticed, I have a thing for Takashi Miike films (Visitor Q, 46 Okunen No Koi, Zebraman 2, Crows Zero 2, Crows Zero, Sun Scarred). It's not easy to keep up with his work as often only the more decent, arthouse-safe releases are finding their way over here, but there are a couple of worthwhile exceptions. Nintama Rantaro (Ninja Kids) is one of the best Miike films to have graced our screens in the past couple of years, though chances are slim that it will win him many new fans, safe a few bewildered children.

screen capture of Ninja Kids

If you've seen enough of his work you know it's impossible to pinpoint any typical trademarks. Miike keeps reinventing himself with each new film, honing his skills and perfecting his experience with each new try. Then again, if you've seen enough of his film you'll start noticing that Miike borrows a lot from his earlier work too. Nintama Rantaro owes a lot to Miike's own Yokai Daisenso remake, a film targeted at a younger audience but with enough weirdness to keep us adults (ugh, that sounded awful) entertained.

Nintama Rantaro is a manga/anime adaptation that borrows a lot from the original material. I've never been fully exposed to the manga and/or anime so I'm not sure where exactly Miike's weird mind comes in, but it's clear enough that this is not just a straight adaptation of the original work. The film follows Rantaro, a young boy who enlists in Ninja school. One can never start too young when training to become a master ninja and his farming parents are more than willing to help the boy in his quest to achieve greatness. Together with his classmates Rantaro sets off to learn the tricks of the trade.

The first half of the film is mostly made up of sight gags and comedic sketches, the second half incorporates a short story arc about a ninja race between Rantaro's clan and a competing ninja school, where Rantaro tries to reclaim the freedom of a couple of recluse ninja hairdressers. Yup, you read it right. It's safe to say that you don't need to take this film too seriously.

screen capture of Ninja Kids

Nintama Rantaro is an extremely bright and colorful film. Rather than rely too much on CG, Miike goes all fake plastic and grime. It is executed quite efficiently though, so you won't get any 80s Shaw Bros flashbacks, although the odd sweeping mop is used to fake someone's hairdo. Whatever CG there is, is functional and actually quite classy. It's clearly not a cheap film, though I'm equally confident that Miike is one of the best directors out there when it comes to putting a budget to good use.

The soundtrack truly betrays the film's target audience. It's filled with fun and positive tracks, though as a whole it's a pretty forgettable affair. The music is there to highlight the playful, feel-good atmosphere of the film and nothing more. It's pretty easy to ignore though and Nintama Rantaro is not the kind of film that would benefit from a complex or demanding soundtrack.

The acting, as you would expect, is way over the top. The kids are fun and look damn cute in their tiny ninja outfits while the adults are wearing too much make-up for their own good. Still, it's a total blast. Seeing Susumu Terajima as one of the head masters is hilarious, especially as he seems to be carrying his old yakuza attitude with him. Those familiar with Japanese cinema will find many funny cameos scattered throughout the film, the greatest one comes from personal favorite Naoto Takenaka. It's always a joy to see him pop up, even when it's just a small cameo part.

screen capture of Ninja Kids

If you're hoping for a decent storyline you're bang out of luck. Nintama Rantaro is all about fun and games. The film is an everlasting string of jokes, sight gags and overall weirdness, and that it does marvelously. With this many jokes not all of them are funny, but a surprisingly big amount is, providing almost continuous laughs from start to finish. Miike's tone of voice is just spot on, making for the most cinematic fun I've had in weeks.

Nintama Rantaro is the perfect example of demented Japanese kids entertainment that's weird enough to appeal to adults, at least those with some memories of their lost childhood. Miike proves once again that he's versed in as many different genres as you can throw at him, at the same time demonstrating he's always keen to perfect his skills while incorporating previous experiences. Nintama Rantaro is a barrel of fun, virtually unmatched by any other 2011/2012 film out there. It's a prime Miike film, though probably a bit too Japanese to appeal to a big audience. Still, if you're into Miike's weirdness this is a definite must-see.

]]>
Tue, 12 Jun 2012 14:21:09 +0200
<![CDATA[norwegian wood/anh hung tran]]>http://www.onderhond.com/blog/personal/norwegian-wood-review-anh-hung-tran

I'm not really the biggest Anh Hung Tran fan, but I do follow his work from a distance. While not truly spectacular, I appreciated the soft-natured atmosphere of Mua He Chieu Thang Dung, Xich Lo on the other hand was somewhat of a disappointment. But when I heard Tran was going to adapt a book of Murakami, I was pretty excited to see how he would blend his Vietnamese roots with the Japanese setting. The result is nothing short of amazing.

screen capture of Norwegian Wood

Norwegian Wood is a well-known novel by Japanese author Haruki Murakami, one of the few Japanese writers who actually managed to acquire an avid following in the West. The book itself took its name from a lesser known Beatles song. I haven't read the book myself, which is actually an advantage when watching a film adaptation as it doesn't set any false expectations. People in the know told me that Tran changed some things around though, so be warned that it's not a word-for-word adaptation.

What the film lacks in depth of secondary characters, it regains by focusing quite heavily on the main love triangle. We follow Toru as he travels through the harder parts of puberty. Toru falls in love with Naoko, who has a hard time dealing with the suicide of her former lover (who just happened to be Toru's best friend). Even though Toru and Naoko are quite intimate, Naoko disappears from view as she moves to a recovery clinic in the hills. Toru feels responsible for Naoko, but long distance relationships are hard at such a young age, especially with someone who has serious mental issues.

Toru also meets up with Midori, a young, somewhat extravagant girl who flirts with him even though she's in a relationship herself. Toru is torn between these two women, unable to balance his feelings of romance and responsibility. Student protests from the background of Toru's emotional struggle, though they appear mostly during the beginning of the film, around halfway through Tran keeps a very rigid focus on his main characters and he doesn't let go until the very end of the film.

screen capture of Norwegian Wood

Visually Norwegian Wood is almost impeccable. It's great to see Tran's own style blend with Japanese traditions. The outdoor locations are truly stunning, camera work and lighting are stellar too. But it's the way Tran uses short, often unrelated scenes to express the character's emotions which is truly captivating. There is one scene in particular that stayed with me long after the film, Naoko and Toru facing the wind, huddling together for protection. No dialog is needed to bring out their deepest emotions, a supreme example of visual storytelling.

The soundtrack too is great. Of course there are some classic hits to help with building up the whole 60s atmosphere, but it's the original score that really sets it apart from traditional Japanese dramas. It's not as subtle, often dictating the atmosphere of a scene, but never too sentimental or cheap. The best piece is near the end of the film, completely unsettling and quite difficult to sit through, but definitely worth the challenge. The soft-voiced dialogs on the other hand make for a warmer atmosphere and contrast well with the soundtrack.

Taking up the role of Toru is Ken'ichi Matsuyama (Usagi Drop). Even though I wasn't a very big fan of him before, he is really cut out for sweet, delicate characters and he manages to carry the film with deceptive ease. Naoko is played by Rinko Kikuchi (Babel), Midori by newcomer Kiko Mizuhara. Both of them are superb too, making for a young and remarkably strong cast.

screen capture of Norwegian Wood

Norwegian Wood holds a delicate balance of drama and romance. Even though the film can get quite heavy at times, there is always a silver lining to keep the warm atmosphere alive. The ending may be a bit easy, wrapping everything up a bit too comfortably as to leave the viewer with a contented feeling, but apart from that little glitch (and I must admit, it did feel good) there is little wrong with this film.

Norwegian Wood is the first Tran film I truly loved. It's beautifully shot, wonderfully scored and aptly acted. It scores well in just about every department, showcasing the progress Tran has made as a director. With this in mind I'm really looking forward to Tran's next film and I'll probably catch up with his previous film I Come With The Rain too. Norwegian Wood is perfect material for fans of Japanese drama films who are looking for a different spin on the genre, it's very Japanese but clearly made by a non-Japanese director. This often results in an uneasy mix of two very different worlds, but in this case it works out extremely well.

]]>
Mon, 11 Jun 2012 13:54:21 +0200
<![CDATA[zui hao de shi guang/hsiao-hsien hou]]>http://www.onderhond.com/blog/personal/three-times-review-hsiao-hsien-hou

It's been a while since Hsiao-hsien Hou made anything substantial. Safe a quick short film (as part of the 10+10 anthology project) little has been heard from him ever since he released Le Voyage Du Ballon Rouge. At one point rumors whispered he was going to direct a martial arts epic starring Tadanobu Asano, but that's about it. So it's a relief the man left us with a magnificent oeuvre to cover the distance between now and what will hopefully become his future set of films, because his work is definitely one of a kind.

screen capture of Three Times

Zui Hao De Shi Guang (or Three Times as it's known in the West) is a good starting point if you're interested in Hou's work. It's an anthology project, covering three (elaborated) short films, though all directed by Hou himself. Each short features the same two actors (Shu Qi - May and Chen Chang - Chen), set in different time periods and following their trials and hardships when falling in love.

The first short is A Time For Love, which takes us back to the 60s. It's Hou's take on pure and delicate love and it's probably the short that lies closest to Hou's older films. May works as a hostess in a table pool bar where Chen visits her on a regular basis. Until Chen is called to join the army. When Chen returns it turns out that May moved on, leaving him very little to track her down. Chen is not ready to give up on May though and uses every little bit of info to try and locate her again.

A Time For Love is slow and subtle. This is not your typical Western romance, where people fall in each other's arms and kiss wildly when they are finally reunited. The romantic highpoint appears when May and Chen hold hands for the first time ... and that's about the hottest thing that happens. Then again, Hou films it in a way that really needs no further explanation: these two people love each other. The music is a selection of popular 60s tracks, and while I'm not too fond of them outside the context of this film, they really work wonders here. The Definitely the most beautiful of the three shorts.

screen capture of Three Times

A Time For Freedom is without a doubt the most difficult and impenetrable of the three films. It's a silent short, set in 1911. If you thought holding hands was a pretty rudimentary form of romance, you'll be amazed at how things turn out here. This short is probably best compared to Hou's own Flowers Of Shanghai, only A Time For Freedom is even more subdued and stoic.

May and Chen talk with each other and that's about it. Clearly they appreciate each other's company, but protocol prohibits them from truly exposing their feelings. Dialog is shared through intertitles (in line with classic silent films, though it was rumored that it's also somewhat of a hack because Qi and Chan had a lot of trouble with the dialect), further highlighting the icy social behavior of May and Chen. The score is comprised of beautiful piano music, mixed with traditional Chinese vocal music (another thing that will put off Western audiences). Many people might not even feel or understand the romance, but if you're familiar with hardcore Asian dramas you'll know what to look for in both actors, as their body language clearly reveals the love both share for each other.

screen capture of Three Times

A Time For Youth is the contemporary short of the anthology. May is a bar singer, Chen acts as her photographer. The both of them are seeing other people but they are clearly drawn to each other. A Time For Youth is the least naive of the three short films, treating romance and love almost as a throw-away commodity. Still the love between May and Chen feels real enough, though definitely not as cute and deep compared to the two other shorts.

Many people cited the final short as the least accomplished one, but I think that's just the traditional expectations of romance speaking. A Time For Youth is an essential part of this mini-trilogy and people who are partial to Hou's Millennium Mambo will definitely appreciate the feel and pacing of this short.

Three Times is a slow burner. Even though the film is split in three different parts, there isn't much in the way of storyline or dramatic events. Hou likes to observe his characters, catching them in their most private moments. The acting is very natural, Hou's camera is delicate and loving and the score is spot on. Three Times is a beautiful film, casting its view on the different aspects of love and romance. It's Hou at his very best, which makes it a film that should not be missed.

]]>
Thu, 07 Jun 2012 10:35:31 +0200
<![CDATA[kofuku no kane/hiroyuki tanaka]]>http://www.onderhond.com/blog/personal/kofuku-no-kane-review-hiroyuki-tanaka

Kofuku no Kane is what happens when three of my favorite Japanese film people get together to make film. It's the highpoint in the oeuvre of director Hiroyuki Tanaka (Usagi Drop, Monday, Kanikosen), which wasn't shy of good films to begin with, enhanced by a rare leading performance of Susumu Terajima and finished off with a lovely cameo of Seijun Suzuki (Pistol Opera). The result is every bit as good as you'd expect it to be.

screen capture of Blessing Bell

With many obscure Japanese films getting EN-friendly releases at the beginning of the new millennium, it's beyond my comprehension that some of Tanaka's prime films remain cut off from the West. Even though Tanaka is a respected regular at prominent genre film festivals (think BIFFF), his films ooze quality and he has a very clear signature style, you have to look far and wide to find certain of his films on DVD. As for Kofuku no Kane, there is only a German DVD available (original dub, German subs), it's not ideal but at least it gives you something to work with.

Kofuku no Kane is a film that feels as if it was made from the bottom up to feature Terajima as its main character. I'm a big Terajima fan and I always felt the actor was somewhat underused, playing second violin to other, more famous people in the business. With Kofuku no Kane he proves that he is capable of taking an entire film upon his shoulders. When all is said and done, Terajima may not be the most versatile actor but there is no-one that can beat him at his own game.

The film starts when Terajima finds out he's out of a job. The factory he's always worked at has closed its doors, leaving him and his coworkers without a steady income. In a daze Terajima wanders off, traveling through the city, meeting up with a varied range of people. Terajima seems numb, doesn't speak a single word and acts like an empty shell, yet people flock to him and lead him into an interesting series of adventures. Perfect road movie material, but on a much smaller scale and with an interesting twist.

screen capture of Blessing Bell

I think Kofuku no Kane qualifies as Tanaka's most visually accomplished film. Shots are often static, but perfectly framed and always functional. There are many occasions when the camera is positioned in such a way that it subtly enhances the humor or dramatic impact of a certain scene. It's one of Tanaka's typical trademarks, brought to absolute perfection here. The camera work does loosen up a little near the end, mimicking the mental state of the film's main character.

The soundtrack is mostly absent, it's not until very late in the film that traces of an actual score start to emerge. Before that it's mostly environmental sounds that make up the soundtrack of the film, coupled with several monologues. Even though Terajima himself remains quiet throughout the film, the people he meets are glad enough to tell him their problems. The music is never missed though, especially when the quiet of certain scenes underline Terajima's state of being.

As I said before, this film was simply made for Terajima. He has no dialogue, but the man's expressions throughout the film are golden. It's not that Terajima acts with broad gestures and lots of poeha, but the more than expressive looks on his face and often gentle shifts in posture always betray what he's thinking. Even though he appears apathetic and distant, he's a very likable character. Secondary characters are solid too, though they go mostly by unnoticed (except of course the cameo of Suzuki).

screen capture of Blessing Bell

Kofuku no Kane is not a very complex film, but Tanaka's excellent mix of drama and comedy is remarkable. Terajima's adventures can be a little far-fetched, but each segment is there to illustrate a little about Terajima's brewing crisis. Throughout the film he finds out a thing or two about life, leading up to the point where he can finally free himself of his own burden. The ending is without a doubt one of the best I've ever seen. I'm not going too spoil too much, but I'm pretty sure I've never grinned any wider.

If you want complex story lines or deep-digging drama it's probably best that you look elsewhere, but Tanaka's gentle and loving approach and Terajima's superb portrayal of his character takes you along an amazing trip full of endearing, funny and warm moments. I'm still hoping for a proper DVD/Blu-Ray release of Kofuku no Kane, but dialogue is scarce and if you are only just a little familiar with the German language I do advise you to pick up this movie whenever you get the chance.

]]>
Thu, 31 May 2012 13:21:30 +0200
<![CDATA[the cost of performance pt1/css selector rewriting]]>http://www.onderhond.com/blog/work/cost-of-performance-css-selector-rewriting

Performance is a hot front-end development topic, rightfully so. With (new?) technologies like css3 and html5 demanding a lot more from our hardware, with websites growing to 1MB+ per page and with mobile fashionably riding the hype waves, performance is becoming a key factor in the success of our websites. Left and right you can read about optimization techniques and ways to improve loading and response times, and that's great. But ...

there's a cost

Not too long ago Jens Meiert shared a post on G+ on technical debt. The article itself is not free, but the couple of quotes that Jens lifted from the article speak for themselves. There really is no such thing as catering to all and everyone's needs, there's always a price to pay and the same goes for performance.

What irks me the most when reading articles on performance techniques is that they never seem to discuss the debt (/cost) of performance. At most you hear some critical noises about not overdoing it, simply because the time invested does not relate to the resulting performance gain. What many people don't seem to realize (or won't talk about) is that performance often comes with a very real and tangible cost: it eats away on maintenance.

A quick argument could be made that websites are user-centric, referring to the ideal that you should optimize a site for its users, not for its developers. While this ideal is quite sound, reality isn't as clear cut. When building a site there are usually two essential constraints: time and money. To optimize the quality of the site, it's important to make maintenance as easy as possible. Being able to quickly change something becomes more and more important as time passes, especially if you don't to redevelop your site again each passing year. Making maintenance hard will result in unmanageable sites that will see quality drops all over the place as soon as changes are made to them.

To illustrate what I mean exactly I'll be looking at two common and popular optimization techniques. In an upcoming article I'll be discussing tag cutting, in this article I'm going to focus on rewriting css selectors to improve performance.

rewriting css selectors

A very popular technique indeed. Just looking at the Smashing Magazine Twitter feed of the past two days, I was able to pull two (csswizardry,boagworld) separate posts on selector performance. Both talk about ways to rewrite your selectors in order to increase css performance.

The general idea is to use short and very specific selectors. Ids trump classes and classes trump tag selectors. Starting from the right of the selector, this gives you an idea of how much a selectors weighs on your site (check the boagworld article for some tools to make this data more accessible). A commendable goal and definitely important knowledge for a front-end developer, but let's make it clear what they are really saying.

the quality of css selectors

A css selector is used to target a particular piece of html code and apply styling to it (I know you can also style specific states, but that's besides the point of the article). This should be common knowledge. There is really only one way to do this correctly though. The selector in it's entirety expresses a list of contexts in which the final part of the selector should match, no more, no less.

1/ ul li {color:#666;} 2/ .breadcrumb ul li {color:#000;}

The example above should be clear to everyone. The first line sets the color of li elements within a ul to grey, the second line overwrites this statement for li elements appearing within a breadcrumb, making them full black.

There are two main ways to rewrite your css rules. You can tamper with the html to add extra classes (like .breadcrumbListItem) in order to shorten selectors, or you can remove parts of the selector that won't influence the resulting styles of your site. As someone who will go through great lengths to keep external influences out of my html I'm not even going to discuss the first option. It's just not done. The second option comes with it's own set of limitations though.

When you remove "unnecessary" parts of a selector this can mean one of two things: either you are allowed to remove them, meaning that your selector was badly written the first time around, or you can remove them because current project specifications don't require these parts to be there. If you are allowed to remove them you're actually bug fixing, which is a good thing, but if you're removing the other kind of selector particles you're actively reducing the quality of your css selector.

/* original selector */ .news header h1 {...} /* reworked selector */ .news h1 {...}

Consider the code above. Because current project specifications only allow one heading inside the .news block, the header part could be removed from the selector. But what happens when somewhere down the line (and this could effectively be before the first go-live of a website) the specifications change? What if suddenly extra headings are allowed in the content section of your .news block? Headings that share no common styles with the main heading nested inside the header?

.news .content h1 {...}

You can be sure that nobody goes back to rework the first selector and puts the header part back where it belonged, people will just be adding the rule above and overrule all styles necessary. What happened here is that you just created a very simple block of ugly, badly maintainable css, unworthy of anyone calling himself a front-end pro.

conclusion

A good css selector tries to keep future changes in mind. It defines which styles should hit in what particular set of contexts. Each element within the selector should be there for a reason and shouldn't be allowed to be removed. Sometimes removing a part won't affect the css on your current site, but keep in mind the most obvious of changes in requirements. This requires a certain level of experience, but you'll catch up quickly after doing a couple of real-world projects. Clients love to swap certain boxes around, pulling them from their context and placing them where you would never have expected them to go. Making these kind of changes as painless as possible could well enough prove more important than shaving off those few milliseconds of rendering time.

First and foremost, your css selectors should be correct. Stating that they should be short or performance-friendly and leaving it at that is fooling people into believing they will make better websites like that. That's not to say you can't optimize, but not unless you are fully aware of the cost and consequences of those optimizations.

It's important that you know the rules and best practices in order to break them.

]]>
Wed, 30 May 2012 12:52:55 +0200
<![CDATA[sleepwalker/oxide pang]]>http://www.onderhond.com/blog/personal/sleepwalker-review-oxide-pang

I'm not quite sure how they do it, but the Pang Bros keep producing films at an excruciating pace, be it by themselves or in collaborative efforts. I'm not one to complain though, I'm always in for a bit of ultra-stylized Pang wizardry, especially when Oxide is pulling all the string. While Sleepwalkers (Meng You 3D) won't be remembered as Oxide Pang's most exciting effort, the overall quality guarantees a very fine piece of entertainment.

screen capture of Sleepwalker

Even though Danny Pang (In Love With The Dead, Seven 2 One) made a few solid solo projects, Oxide Pang (Mon Seung, The Detective, The Detective 2, Basic Love, Som And Bank) remains the most talented of the two brothers. Oxide Pang has a certain visual flair that is virtually unmatched, even in a rather simple film like this he manages to put the most impressive shots on display, turning potentially dull scenes into real eye catchers.

Sleepwalker is a pretty straightforward thriller, infused with a little mystery and spiced up with the token horror influences during the first half. True horror aficionados shouldn't be expecting a return to Oxide's old horror habits though, while there are a few tense and menacing moments hidden away in Sleepwalkers, Oxide is just teasing, completely abandoning the horror aspect during the second half of the film. In the end the supernatural is kept to a minimum and serves the dramatic side of the story rather than turning it into typical horror fare.

Sleepwalker follows Yi, a young tailor who has trouble getting over the break-up with her ex-boyfriend. Yi's colleagues start noticing slight changes in her behavioral patterns, Yi herself is confronted with them when a police officer wakes her up at night, asking her what she was doing out late at night. Yi suspects she is sleepwalking and traps herself inside her own house, but it seems her unconsciousness isn't going to be fooled that easily. While Yi tries to figure out what the hell is going on, her own story starts to intertwine with that of a young mother looking for her missing child.

screen capture of Sleepwalker

The film was released in 3D, but safe one rather tacky effect shot there isn't much that hints at the 3D aesthetic when watching the regular version. That's actually quite nice as there is nothing quite as annoying as noticing where certain 3D effects should've taken place. I can't really comment on the 3D itself, but I can say that the cinematography and art direction of Sleepwalker are top notch. Camera angles, use of light and use of color are all superb, resulting is some truly beautiful settings. The editing is equally effective, making this one looker of a film.

The soundtrack is atypically subdued. Normally The Pangs like loading their films with expressive and loud music, with Sleepwalker Oxide puts the score more in the background. It's a refreshing approach for Oxide, but the result isn't quite as shocking as I'd hoped. The score often fades away in the scenery and even though previous scores were often hit and miss, at least they granted their films some extra individuality. Not that the score here is bad, but it could've used some extra spice.

Sleepwalker sees Angelica Lee return to the world of the Pangs. Lee earned her fame by putting in a strong performance in the Pang's The Eye and it's nice to see her turn up in a Pang film once again. She's pretty effective playing confused characters and she clearly delivers. The film relies greatly on Lee's character as secondary roles are quite limited and don't get much time to shine. The acting is overall solid though, with no poor performances to be noted.

screen capture of Sleepwalker

The trouble with Sleepwalker is that people will be expecting a great twist at the end and the film just doesn't deliver. Around halfway through Oxide starts revealing the true nature behind the events and while there are some surprises they are all quite predictable. The film doesn't really hint at a big twist either, but somehow mind-bending plot twists became a genre cliché and way too often people expect them to be there, dismissing any film that fails to deliver. If you're like that, it's probably best to leave Sleepwalker alone.

Like I said before, Sleepwalker is a pretty simple film. Everything is neatly revealed and tied up at the end, the plot doesn't contain any real big twists and runs smoothly from start to finish. But Oxide Pang's execution is flawless and makes for some stunning scenes and settings. Lee is at her best and while Oxide Pang has definitely made better films, he could do a lot worse with a film like this to flesh out his oeuvre. I can't really comment on the 3D, but it's good to know that the 2D version doesn't suffer from too many tacky leftover effects. All in all it's a solid film, an exercise in perfected entertainment.

]]>
Tue, 29 May 2012 12:13:17 +0200
<![CDATA[pistol opera/seijun suzuki]]>http://www.onderhond.com/blog/personal/pistol-opera-review-seijun-suzuki

If you're into weird and you haven't seen Pistol Opera yet, just skip this review and make sure you go into the film as blank as possible. Pistol Opera is without a doubt one of the strangest cinematic experiences of the past decade, a film that defies traditional film making rules and beats you to death with its odd exterior. And the greatest things of all: it is directed by one of the sweetest looking Japanese grandpas you can imagine.

screen capture of Pistol Opera

Seijun Suzuki is unmistakably the maddest ojisan in cinema. Forget Miike, forget Tsukamoto, forget Lynch and Jodorowsky, none of them are able to out-freak this little Japanese madman. Suzuki is a director that loves to challenge conventions and tries to do so in as many ways as possible. Forget logic, hell, you can even forget about inner-film logic. Pistol Opera is a film that plays by scene and leaves you stranded whenever it feels like it. For some people this will prove to be an enormous challenge, for others it will be the main selling point of the film.

Pistol Opera is set in the same universe as Suzuki's 1967 film Branded To Kill. It's not really a straight-up sequel or remake but borrows a few concepts and retells the film from the bottom up. Stray Cat is third on the ranking list of The Guild, an organization of professional hit man. These killers can rise up through the ranks by accepting targets and killing them efficiently, but lately trouble is brewing among the killers themselves. Even though the list is unknown to its members, one by one they are disappearing from the list, leaving favorable spots that others are more than happy to fill in.

To bring back peace to the organization Stray Cat gets the order to kill the number 1 on the list, One Hundred Eyes. Nobody knows who he is though and so Stray Cat starts her own private investigation. While all of this sounds quite sane and deceptively easy to follow, the reality is actually quite different. The overarching story may be simple enough to keep track of, the weirdness comes from within the individual scenes and spreads through the film like a virus.

screen capture of Pistol Opera

The titular opera is reflected in the visualization of Pistol Opera. Many of the film's settings are reminiscent of theater sets (some quite literally), brightened up by strong and vibrant colors. Suzuki sends his camera around these sets in rather complex arcs, often opposing the camera movement with previous scenes to create a disconcerting effect. Suzuki went to considerable lengths to make his film look awesome, sadly the visuals are burdened by a horrible looking 4:3 format. It's a complete mystery to me why Suzuki didn't just give his shots some room to breath, and even though he uses the 4:3 to good effect in a couple of scenes the overall effect feels like missed potential.

The soundtrack is enjoyably quirky and original. Suzuki just likes to play around with whatever means he has to upset his audience. The individual tracks are fun and funky, but it's the weird, often unfitting sound effects that leave a lasting impression. Image a loud, deafening siren starting to howl, followed by a shot of an old phone. First you'll be startled (it's a genuine scare), only to be fooled by something so silly. Small things like that appear all over, making for a very cool and challenging soundtrack.

The acting is solid too but extremely theatrical. Broad gestures and strong, stylized poses pop up everywhere, highlighting the strong opera influences. Makiko Esumi is superb as Stray Cat, putting up a commendable performance and claiming each scene she's in. Esumi finds a great adversary in Sayoko Yamaguchi though, who provides the proper counter-weight for Esumi's character. Then there is a cool cameo of Masatoshi Nagase, other notable appearances include Kirin Kiki and Yoshiyuki Morishita. The acting style won't be to everyone's liking (just like the rest of the film), but it definitely gives the film an extra edge.

screen capture of Pistol Opera

If you would neglect the extreme styling and take the film at face value, I'm sure you'd end up with a list of film mistakes longer than the actual script. Characters move their poses and positions in between shots, they walk past each other without seeing one another, they disappear and reappear in unrelated sets. The action sequences are so stylized they don't even count as action sequences any more. There's weirdness all over the place and right when you think Suzuki's box of tricks has dried up he comes up with a new thing to put you in your place.

Pistol Opera is not the easiest of films. You have to accept that the story is a mere hook for some cinematic fun while Suzuki takes a little run with his audience. It's a unique and special experience though, one you won't find anywhere else. The mix of theatrical coolness and playfulness is truly refreshing. Afterwards, when you snap out of Pistol Opera's daze, make sure to Google a picture of Seijun Suzuki for maximum effect. I'm certain that if they ever needed a stock image of a sweet-looking grandpa feeding the ducks with his grand children, there wouldn't be a better choice that Suzuki.

]]>
Thu, 24 May 2012 11:41:09 +0200
<![CDATA[the flowers of war/yimou zhang]]>http://www.onderhond.com/blog/personal/flowers-of-war-review-yimou-zhang

Yimou Zhang is back with a new film and once again he means business. The Flowers Of War is China's most expensive film yet and it's one of the first major Chinese films to prominently feature an American Hollywood star as its main character. Mr Batman himself (Christian Bale) is disguising himself as fake-priest John Miller, who takes it upon himself to protect a church full of orphans and prostitutes from the Japanese soldiers.

screen capture of The Flowers Of War

After releasing Curse Of The Golden Flowers Zhang retreated back to China. Between directing the opening sequence of the Olympic Games and releasing two low-key projects (at least internationally speaking, Love Of The Hawthorn Tree and The First Gun - despite the latter being a rough remake of the Coen's Blood Simple. - received very little attention) Zhang was almost invisible to us Westerners. Six years later he returns with a film that strives to match his former glory.

The Flowers Of War travels back Nanking, 1937. Japanese soldiers are invading the city and the Chinese are running for their lives. Few people are spared during this gruesome invasion. American citizen John Miller abuses the situation to make some quick money as he tries to rob a church from its prized possessions. The church is some kind of safe house and holds a group of young orphans. Miller isn't really bothered by their presence though and continues his quest for valuables.

Not much later a group of prostitutes join the orphans in the hope the Japanese won't find them in the church. The tension inside the church quickly rises and when the Japanese finally raid the place Miller unexpectedly steps up to safe the children from the cruelties of war. What follows is a struggle to escape from the clutches of the Japanese without harming any of the people present in the church.

screen capture of The Flowers Of War

Zhang's work is known to be insanely colorful (think Hero), so the rather grim setting of a city at war may surprise fans at first. Zhang is meticulous in his visual direction though, so it's hardly noticeable during the first couple of scenes. Until the point where we enter the church that is. Apparently Zhang found himself a stained glass window which he continuously abuses in the most magnificent of ways to inject his film with bright and emotive colors. The results are stunning, be it the light falling through the window, the glass shattering by a bullet impact or a simple scene shot from up close through the window. He even found a second excuse in the beautiful dresses worn by the prostitutes, who also bring a lot of color to the film. The visual contrast between both aspects is simply brilliant.

The soundtrack is pretty interesting too. The first couple of scenes are heavily muted, which is quite unusual for a film of such epic proportions. No loud, sentimental music or ear-shattering sound effects, but the dull thuds of war in the background. Later on the score becomes more prominent, while still finding a surprisingly good balance between Western and traditional Chinese influences. The mix is almost refreshing and suits the film very well. The score still finds itself well within the boundaries of what could be expected, but the execution is gentle and admirable.

Bale does a pretty good job here. It's always a little tricky, casting a famous actor in the lead of an Asian film, especially when he's supposed to be some kind of savior. Bad memories of Cruise's Last Samurai still haunt my nightmares, luckily Bale's character is different. He isn't just the good guy saving those poor Chinese people from their horrible fate. He actually starts out as a bona fide asshole, slowly warming up to the people that share his barren fate inside the church. The Chinese actors are mostly first-timers but do a great job too, as they provide Bale with the necessary dramatic challenges to rise above himself.

screen capture of The Flowers Of War

My biggest worry before seeing this film was the inclusion of Bale. I'm not a big fan of Asian films trying to be a Western film as most of them end up as half-arsed attempts that fail on both accounts. The Flowers Of War presents an interesting mix though, where Bale's presence brings a more Westerns feel while the film itself still manages to step beyond the boundaries of traditional Hollywood film making. There are Western influences found in just about every aspect of the film (cinematography, acting, soundtrack, ...), but they are always blended in such a way that they come off as refreshing, not working against the Chinese foundation of the film.

One popular critique about this film is about the black and white depiction of the Japanese soldiers. There's hardly any nuance or subtlety and they are shown as wild and savage beasts, raping and killing whoever they get their hands on. While this critique is quite factual, I don't think it's necessarily a bad thing. Of course it's a little tricky as the film is based on a true setting, on the other hand The Flowers Of War is a film that demands a proper bad guy. Subtlety wouldn't have helped the dramatic impact of the film, it would in fact have made it a totally different film altogether. So yeah, it may not be true to life, but that's why it's a dramatized film and not a documentary. I hope most audiences will be smart enough to look past that.

The Flowers Of War borders on sentimentality and poses as a very epic endeavor. It's Zhang's magnificent direction that erases any major critiques, turning the film into a proper epic spectacle. There are moments of unsurpassed beauty, tucked away in a strong story, propelled by a cast of fallible characters. Zhang cleverly steps around a few sentimental pitfalls and delivers a film that shines from start to finish. It's a return to form for Yimou Zhang, the only real downside is that the film failed to appear in theaters over here. A simple TV setup simply doesn't do justice to the beauty of this film.

]]>
Wed, 23 May 2012 13:34:57 +0200
<![CDATA[cleaning up html pt2/ordinal-group magic]]>http://www.onderhond.com/blog/work/new-html-css-ordinal-group-flexbox

Last week I reasoned why mixins and skins could change the way we write html in the near future, this article is the second and final part in a small mini series on how css could improve our html patterns. Rather than look at the joy css preprocessors can bring us, this time we'll be digging into the actual css3 spec. Our target? The ordinal-group property belonging to the (still experimental) flex-box spec. It's a little piece of wonder that will end up a valuable asset in our quest for reusable html.

flex-box and ordinal-group

Rather than explain the entire flex-box module I'll just link to a rather extensive Smashing Magazine overview. It tells you everything you need to know about flex-box and ordinal-group. The short version goes like this: ordinal-group allows you to visually re-order structural elements that reside on the same dom level and are grouped underneath the same (immediate) parent. Basically we can use css to visually rearrange dom sibling nodes without actually touching the dom. To see this in action, Jordan Moore made a very nice ordinal-group demo (resize to mobile resolution).

I would like to make one side-note before continuing. The ordinal-group example in the SM article is not at all representative. While you could indeed use the property to pull sticky posts to the top of a list, not only will you get into trouble when paging is introduced, there are also more fundamental issues with this solution. Sticky posts actually belong on top of a list because people are supposed to read them first. The same goes for people using assistive technology, so structurally they belong in the front, using ordinal-group just for display won't cut it and is actually a bad practice.

While there are still obvious limitations to using ordinal-group (it doesn't work with dom nodes that reside in different parts of the html), it fixes a very common design requirements/css shortcoming that has plagued html for years. It all has to do with source order versus display order, so let's find out what ordinal-group can do for us.

because it looks better with the image above the heading ...

You know how some designs require you to put element above the heading that don't belong there, structurally speaking? A product image in a product grid or the publish date/author in a news article. Designers like to take elements like that and place them above the heading of the content type. Frankly as a html guy I don't really care, I just put the heading first and offload the difficult bits to the css guy (hello paddings and position:absolute), but there are some situations where even that is not possible.

/* html */ <article class="product">: <header> <h1> ... </h1> <div class="image"><img src="..." alt="..." /></div> </header> </article> /* css */ .product header {display:box; box-orient:horizontal;} .product header h1 {box-ordinal-group:2; box-flex:1;} .product header .image {box-ordinal-group:1; box-flex:1;}

Even though it's a bit verbose, the code above allows us to keep a logical html structure while the css assures us that the image container will be shown above the heading. A real life saver, as variable content often breaks the padding/pos:abs trick. With this method to our disposal similar issues will finally belong to the past (at least when browser support allows it). Truly a tremendous help if you want to write consistent and reusable html code.

One negative aspect of ordinal-group is that it only works on dom nodes that reside on the same level. This may urge people to drop structural containers in favor of more css flexibility. After all, the more elements that reside on the same dom level, the more you can play with visual order. While understandable, this is actually a trap that could seriously degrade the quality of html and should not be positively advertised nor endorsed.

Sadly, no float support for flexbox items

One other recurring design requirement is to have a block of content positioned to the right of inline flowing content. To use a very simple example: just think of a float:right image at the beginning of a text section. Things get tricky when the text section needs a heading to the left of the floated block. The only way to do this is by placing the image first in source (before the heading) while the heading and content flowing around it come second. Another typical requirement in such a situation is that when no floated block is present, the content reflows to fill the gap left by the floated block. (For a more in-depth look at this issue, check my content layout headaches article.)

This sucks because you really don't want to put the image in front of the heading. It makes sense from a css point of view, but for someone who cares about logical structure it's close to committing a mortal sin. Ordinal-group could've provided the solution here, sadly float and ordinal-group don't mix too well. Whenever a float is set the display property of the element reverts to block and all the magic is gone.

conclusion

There is definitely potential in the use of ordinal-group, if used wisely and purposely. As always, there is also plenty room for abuse and mis-interpretation. Ordinal-group is a property that allows us to keep a consistent html structure while the presentation of elements may differ in ways that were only possible by changing the actual source order. Make sure you always start with the correct and logical html structure, then fall back on ordinal-group to rearrange the visual display.

]]>
Tue, 22 May 2012 13:55:28 +0200
<![CDATA[a day on the planet/isao yukisada]]>http://www.onderhond.com/blog/personal/a-day-on-the-planet-review-isao-yukisada

Isao Yukisada (Parade, Women Play Twice) may not be amongst the most famous of Japanese directors, quality-wise he's easily one of the most consistent ones I know. His output ranges from good to great, never truly peaking but never failing either. A Day On The Planet is one of his better films so far and should appeal to everyone with a soft spot for Japanese dramas (at least the feature length kind, not the TV kind).

screen capture of A Day On The Planet

A Day On The Planet finds Yukisada in familiar territory. It's another ensemble film without a real protagonist, instead the film focuses on a group of young friends who come together one night to hang out and celebrate. As an audience we are inclined to cling ourselves to the first group of characters that's introduced, but Yukisada moves between the different characters without any real preference, skipping between backgrounds and events and focusing on the group dynamic without alienating us from the individuals.

Each character gets a prolonged sequence to shine, on top of that there are two tangibly related story lines that help in gluing everything together. While there is enough personal drama tucked away in A Day On The Planet, there isn't anything in particular that propels the story forward, there is no real climax and the emotional payoff comes in bite-size chunks rather than a big sprawling finale. It's a real slice-of-life kinda film, low on actual drama but still beautiful and captivating in all its mundane glory.

screen capture of A Day On The Planet

On a visual level it's a very decent yet safe and predictable film. If you've seen a couple of Japanese dramas you'll know what to expect. The camera remains close to the actors and remains mobile at all times without ever falling into the Dogme trap. The beach scenes are beautiful (the shots with the whale are impressive), inside scenes tend to be a bit darker and murkier. Overall the film has a pleasant look but it never intrudes on the drama, nor does it demand too much of the viewer's attention.

The score suffers the same critique. While it's nice and fitting, it's far from original. It's understandable considering Yukisada's intentions, when making a humanistic slice-of-life drama there isn't much need for overly expressive styling, be it visual or through the music. Still, I feel that there's more that could've been done within these limitations, a bit more attention to the score wouldn't have hurt the film.

Acting on the other hand is all around great. Tanaka and Tsumabuki make for a great screen couple, the others are all very natural and believable too. Yukisada is typically great with his actors, drawing very life-like and likable performances from his cast. There's also a small role for Eihi Shiina, though she's completely unrecognizable from her role in Miike's Audition. I must say that I didn't even physically recognize her when I watched the film.

screen capture of A Day On The Planet

A Day On The Planet is a film for those who like to spend some time with a mixed set of characters. People come and go while the focus of the film is continuously shifting between different characters. There is no real drama, just minor, human troubles (the type that makes up what is the bigger part of our own lives). Unfinished personal projects, girlfriend issues and small setbacks are amongst the most dramatic events featured in this film. It's not for everybody, but if you like this kind of thing then A Day On The Planet is a very worthwhile experience.

It's not always easy tracking down Yukisada's films, but for fans of this type of films it's definitely worth the trouble. A Day On The Planet deliver a lovely two hours of escapism, allowing you to be a fly on the wall of a group of Japanese teens who have an enjoyable night out. There's nothing spectacular going on, but that's exactly what makes this film so wonderful. Looking at Yukisada's oeuvre I think it's fair to say that a big international career is probably out of the question, but he should be able to garner a loving fanbase nonetheless, warranted by the dramatic purity and quality of his films.

]]>
Mon, 21 May 2012 12:59:35 +0200
<![CDATA[takeshis'/takeshi kitano]]>http://www.onderhond.com/blog/personal/takeshis-review-takeshi-kitano

What would happen if a director made a film about himself? And how would that film be affected if this director just happened to be a real multi-talented control freak? You don't need to look any further than Takeshis', Takeshi Kitano's (Hana-Bi, Kikujiro no Natsu, Achilles to Kame, Kantoku: Banzai!) ultimate cinematic experience where he finally takes the time to scrutinize his own self. The result is every bit as schizophrenic as you'd expect it to be.

screen capture of Takeshis'

Takeshis' is a very difficult film to judge. A lot depends on how familiar you are with the work of Kitano (even outside the realm of cinema). Takeshi Kitano is a complex character, an ever-present force in the Japanese media who does everything from designing games to writing novels, from hosting TV shows to writing, starring, editing and directing his own films. He's also a famous comedian, has several columns and his ties with the Yakuza are infamous. How do you capture such a personality in a single film?

The answer is clearly not straight-forward. While the first 30 minutes or so are pretty easy to follow, Kitano quickly loses himself in a world of dreams, working with scenes that overlap, characters that resurface and moments of completely unrelated brilliance. If you're looking for a coherent story you won't find it here, but amidst the chaos you will pick up a lot about the man behind the legend, the chaos actually defines Kitano and the way he goes about constructing the film has a very familiar feel to it, bringing you much closer to his persona than any of the separate scenes could ever manage.

There are fragments of an actual storyline in Takeshis', where we follow a Kitano look-alike trying to find a job as an actor in the movie business. He keeps on failing his auditions and so he resorts to daydreaming about becoming a big movie star. Trying to make sense of this story throughout the second half will greatly reduce the pleasure there is to be had though, so I wouldn't consider it much more than a simple setup that serves as another reflection on Kitano's almost schizophrenic life.

screen capture of Takeshis'

Visually Takeshis' is a strong summary of Kitano's typical style. The film relies heavily on static shots and looks for dynamics in harsh and unexpected cuts. Kitano is great at building up shots so the abundance of static camera angles is far from annoying, his typical editing style simply finishes it off. He also took a few cues from Dolls as the whole is a lot more colorful compared to his earlier films (though definitely up to Dolls' standards).

Takeshis' is the second film in line to break off Kitano's collaboration with Joe Hisaishi. Hisaishi's signature is missed simply because he had such a big part in the success of Kitano's film, on the other hand this film is so incredibly meta that the more modern and electronic-oriented score fits better than Hisaishi's typical scores could ever have. The music played during the beach climax in particular is stunning and forms a solid bridge between the old and the new Kitano.

Kitano himself takes up the role of two characters (himself and his look-alike), which is pretty awesome considering he's such a charismatic actor. There is absolutely no one else that could've taken up the role of Takeshi Kitano besides himself. Secondary roles are perfectly cast too, with Kayoko Kishimoto (she plays the worst bitch ever) and Tetsu Watanabe making noteworthy appearances. They are still outclassed by Kitano regulars Ren Osugi and (personal favorite) Susumu Terajima though, the latter actually playing one of his best roles so far. The man's facial expressions and overall body language are just pure gold.

screen capture of Takeshis'

If you're unfamiliar with Kitano's work I would never recommend this film. All the fun and beauty comes from the infinite references Kitano makes to his earlier work and achievements. There's tap dancing, beaches, suicides, absurd and improv comedy. Silly jokes, dyed hair, familiar actors, twitching facial expressions and so much more. Takeshis' is a film that defines Kitano in many ways and in that sense it's a great success. This may scare off people who aren't too familiar with the man's work, but that's actually a good thing in this case.

The good thing is that it's not all just an ode to himself, Kitano doesn't mind making some fun of himself or the people around him. It keeps the film from becoming one big ego trip, instead the result is something more humane and life-like. The final thirty minutes may seem nonsensical and many of the jokes may appear to be completely random, but fans of Kitano will recognize his signature style right away. Takeshis' is a pretty complex film but as soon as you realize it's not so much about the story as it is about the construction of the whole, you'll see that this was the only way to realize this film. Takeshis' is a feast of recognition, a wonderful comedy and a completely unique film that could've been made by only one man in this entire world. Takeshis' is Takeshi Kitano.

]]>
Thu, 17 May 2012 12:34:40 +0200
<![CDATA[responsive images/leave html alone]]>http://www.onderhond.com/blog/work/responsive-images-standard-chiming-in

Responsive images ... the holy grail of modern (responsive) web design no doubt. Every self-respecting web-design/front-end magazine has written at least one article about it. Things are moving forward quickly now that standard organs are taking over and are trying to introduce a spec, but one can only wonder if this isn't just a quick fix that we'll regret five or more years down the line. From what I've read about it (A List Apart), we're clearly heading in the wrong direction.

the proposed spec

There are many use cases to consider and there are as many different opinions as there are people in the front-end business. Art direction, performance and implementation methodologies are all part of the problem that make or break a responsive image technique (Chris Coyier made a nice overview). The problem with the proposed spec isn't so much the syntax (or variations of it) though, but the choice to make it part of the html spec. I'm clearly not the only one that thinks responsive images shouldn't be part of the html spec, the question is if there is still time left to do anything about it.

responsive lives in css

Up until now responsive behavior lived primarily in css files. Sure there are some back-end options (particularly when certain content is excluded from smaller resolutions), but for the bigger part it's always been about css breakpoints and changing css rules. No actual html changes are needed to make a decent responsive version of your site and that's awesome, because responsive is all about displaying content and performance, which suits css just fine.

Html on the other hand is about structure and semantics, and those are not impacted when you want to serve a responsive image. Sure enough there may be some art direction involved between the different sizes, but even that doesn't go beyond cropping and resizing. You may end up loading a different image file, but the content of that file is semantically the same as the related responsive images.

site version 2.0

What bugs me the most is that redesigns including new breakpoints could have a major impact on the html code. If a new breakpoint is introduced and it impacts the images, you're bound to end up fiddling with the html code, which just plain sucks. It's not very future-proof, it's expensive development and it is completely unnecessary. CMSes will need to be extended to allow for this behavior and control over responsive will be spread even further between the different levels of front-end development.

It's a shame to see that a solution like this will hamper my (our) quest for unified, robust and reusable html. It's another html setback that shouldn't be allowed, if only because css has been putting enough strain on html already these past couple of years. It's time to revert that sentiment and go back to the good old separation of content,style and functionality paradigm to actually improve our profession rather than try to fix it McGuyver style. It's hard enough (I'd say almost impossible) to stay on top of everything these days and further mixing responsibilities isn't going to help us in the long run.

performance concerns

While I understand that performance is a big motivator these days, it's equally important to realize that it's a very context-dependent and contemporary issue that is impacted by every technological move forward. It's good to have build-in options that allow us to optimize performance for certain contexts, but it's also good to realize that in two (or three, or five) years time some or most of those concerns could be obsolete.

conclusion

I don't even care much about the final syntax, as long as it becomes a part of the html spec I'll be pretty damn disappointed with whatever working group or standards organ that approves this solution. It's definitely not a good move and one I'm certain we'll regret at a later time. Then again, some people may start to think that's part of the charm of our profession.

I feel this is a clearly a result of the "pragmatic" vibe that has been running through our community. While it definitely brought us some good, I'm equally confident that it will introduce it's own set of drawbacks when time is due. Sometimes it's just better to think something through then to apply a quick fix that may save your hide for a couple of months but will kill you when it really matters.

]]>
Wed, 16 May 2012 12:55:16 +0200
<![CDATA[cleaning up html pt1/when mixins become skins]]>http://www.onderhond.com/blog/work/new-html-css-mixins-skins

2012 is going to be a good year for html fanatics. Recently I've come across two unrelated techniques that hold great potential for improving the way we write our html. Ironically, both of them are actually css improvements and have very little to do with the html spec itself, but if you've been keeping up with best practices you know that html has suffered some great setbacks the past couple of years. It's time to finally right those wrongs again.

pragmatism massacred our html

Because the complexity of front-end work rose exponentially these past few years, "getting things done" became more important than "doing the right thing". People didn't say that though, they merely called it a more pragmatic approach to our work. To be fair, it sounds a lot better than admitting to sacrificing what you know is right, saving yourself some time in production. Most of these shortcuts were related to css and spilled over to html, changing the structure and mark-up of a page simply to make the css work a little bit easier to manage. Luckily people are constantly working on improving css, which often relieves the pressure on html in the process. In the next two articles we'll see how some of these recent improvements will help to reinstate html best practices.

mixins and skins

The first technique is not so much an addition to the css spec as it is an extra functionality introduced by popular css preprocessors (less/sass). It's a combination of mixins and nesting functionality that gives us the possibility to definee abstractions of visual skins and apply those to root elements that share no common root class. But let's take it one step at a time and start by understanding what this mixin business is all about.

a simple mixin

/* define mixin */ .mixin {border:...; background:...; padding:...;} /* use mixin */ .news {.mixin;}

A mixin is written as a simple css class. It is defined by a single keyword (so no complex selectors) and it can be assigned to other css classes. Additionally, the mixin itself can be called directly from the html (since the syntax is the same as a regular css class). Mixins by themselves are interesting in the sense that they can reduce functional or presentational classes (like .hidden or .clearfix) in the html, instead defining them once in the css file where you can reuse them if necessary.

mixins with nestings

/* define skin */ .skin {border:...; background:...; padding:...; header h1 {color:...;} .main p {font-size:...;} footer .more {text-align:...;} } /* use skin */ .news {.skin;}

It's no secret that preprocessors allow you to nest selectors, but I think it's not commonly known (at least, I didn't know about it) that these nesting can also be used when defining mixins. The receiving css class will inherit all the nestings, effectively allowing you to define entire visual skins with a single assignment. In the example above we didn't just add styling for the root .news element, but also to a range of nested elements inside the root element.

/* use skin on multiple elements */ .block1, .block2 {.skin;}

The interesting part here is that you can assign your skin to multiple selectors at once. So rather than litter your html with classes for styling (oocss), you can make the abstraction in the css file itself. This relieves the html of unnecessary styling classes and takes us one step closer to writing reusable html code.

mixins with nestings and variables

/* define variable skin */ .skin (@color) {border:1px solid @color; background:...; padding:...; header h1 {color:@color;} .main p {font-size:...;} footer .more {text-align:...;} } /* use variable skin */ .news {.skin(#f00;} .block1, .block2 {.skin(#00f);}

You can even go beyond and add variables to your skin, making it possible to further theme them and improving reuse of the css. In the example above, .news, .block1 and .block2 are using the same skin, but .news is using a red variant while .block1 and .block2 are using a blue variant.

pitfalls

The fact that skins rely on css preprocessors is clearly not ideal. Surely it will help you out with development of the css code, but the preprocessor will still parse the css before it can be served to the client. This means the bloat is still present, only it's not visible for the developer anymore. Ideally this functionality could be part of the actual css spec so that browsers could do all the processing. This would reduce the bloat and would keep performance fanatics happy.

Even then there is a small performance cost related to the css, as you still need to assign a skin to a selection of root elements (which is not necessary if you take the oocss route). On the other hand, it reduces unnecessary classes in the html so this is hardly worth a second thought.

conclusion

Skins are a great way to make abstraction of styles in css without messing up your html code. It leaves the html code alone and limits the abstraction to where it is supposed to be: your css file. It's a shame that this is only possible using preprocessors for now and that it comes with a (small) performance cost, but the benefits for html are clear and should we ever hope to write robust and reusable html, techniques like these are absolute life savers.

]]>
Tue, 15 May 2012 12:20:14 +0200
<![CDATA[calvaire/fabrice du welz]]>http://www.onderhond.com/blog/personal/calvaire-review-fabrice-du-welz

Fabrice du Welz raised quite a few heads when he released Calvaire. Not only are Belgian horror films a rare commodity, for a freshman effort Calvaire felt surprisingly mature and focused. Clearly this wasn't some kind of semi-professional one-off, but a film that bared the director's lasting intentions. Genre fans were pretty disappointed when du Welz' follow-up (Vinyan) didn't turn out to be a straight horror flick, but at least they'll always have Calvaire to revisit.

screen capture of Calvaire

Calvaire is one of the few films that get noticeably better which each consecutive viewing. The first time I watched it I found the first half of the film somewhat slow and uneventful, but knowing what is to come you'll find a lot of subtle (and often very funny) foreshadowing tucked away in those early scenes. Little moments of genius that betray the twisted second half of the film and make the first half of the film a lot easier to sit through.

Calvaire (or The Ordeal) is just what it promises to be for main character Marc Stevens, a low-ranking singer who travels between retirement homes and small fairs to earn a few bucks. Untalented folk like that actually make up a big part of our local "artists", Calvaire is du Welz' way to take revenge for their horribly constructed and badly worded attempts at music that bother unsuspecting people watching TV or trying to do grocery shopping.

After a short introduction deglorifying Marc's life as an artist we see how the poor man gets stranded in the middle of nowhere. A passerby directs Marc to the nearest inn where he can spend the night. The next morning Marc's van turns out to be beyond repair, so he is forced to spend the next couple of hours in company of Bartel, owner of the inn. After some idle chit-chat Bartel discovers Marc's profession, which brings back his own past as a stand-up comedian. A critical mistake as Bartel has trouble coping with the ghosts that lie buried in his memories.

screen capture of Calvaire

To make sure Calvaire looked its very best, du Welz claimed the skills of now famous cinematographer Benoît Debie (Innocence, Irréversible, Vinyan, Enter The Void), without a doubt one of my favorite visual magicians. His work for Calvaire is superb, capturing the dreary and misty surroundings of the Belgian Ardens. There are some superbly shot scenes hidden away, particularly in the second half of the film. Not only the camera work itself, but also the use of color and light is sublime and help to set the ideal atmosphere for Marc's trying adventure.

Calvaire's soundtrack is a very solid affair, relying heavily on soundscapes and brooding ambient patterns. It really suits the film atmosphere, making the setting even more backwards and depressing (improbably as it sounds). There are a few vocal tracks (when Marc performs) which are spot on, then there is the now-famous bar scene that features one of the greatest songs ever to played on a badly tuned piano.

The acting too is A-grade. Laurent Lucas does a stellar job as the unfortunate Stevens, but its Jackie Berroyer that shines as Bartel. His facial expressions and subtle mannerisms really make his character a true sight to behold. He's a sick little puppy, but at the same time he has a certain air of sadness and loneliness that elevates his character above most horror icons. To top it off, there's Philippe Nahon making a small but noteworthy appearance as head of the local community.

screen capture of Calvaire

Calvaire is not so much a true horror film as it features little gore, nor is it very tense or scary. Instead you get a truly amusing dark comedy where the main characters is punished for his artistic crimes. Stevens finds himself amongst a bunch of freaks and weirdos who provide the perfect setting for some absurd and pretty sick form of humor. The poor man goes through hell, but you can only smirk at the crap Stevens has to endure.

Not everyone is going to appreciate Calvaire's particular sense of humor, for some it may be a little too absurd at times (the midgets are a good example, so is the bar dance), but if it suits you then du Welz' film is easily one of the best in its genre. It's beautifully shot, consciously directed, perfectly acted and a perfect mix of a twisted backwards horror with a dark and nasty comedy. Fabrice du Welz may not be the most prolific of directors, but when he releases a film he makes sure it counts.

]]>
Fri, 11 May 2012 11:03:27 +0200
<![CDATA[life can be so wonderful/osamu minorikawa]]>http://www.onderhond.com/blog/personal/life-can-be-so-wonderful-review

Osamu Minorikawa's Life Can Be So Wonderful is a film that illustrates exactly what the recent output of Japanese cinema is missing. It's a very unique, personal and free-form film that exists outside of most genre boundaries and definitions. Just ten years ago projects like this were almost the norm, nowadays you have to dig deep to uncover gems like Minorikawa's freshman film. All the more reason to cherish it and to give it the attention it deserves.

screen capture of Life Can Be Wonderful

Life Can Be So Wonderful is not so much traditional cinema as it is a visual poem, mixed with faux documentary impulses. Minorikawa isn't using this approach to shock or amuse, instead he tries to capture the beauty of life in small, personal moments and recollections. Everything about this film is a testament to Minorikawa's honest intentions, which is very refreshing in itself. Throughout the film you are constantly confronted with the presence of the director.

Minorikawa's film is actually an anthology project. There are five separate shorts that each have their very own voice and style, but still merge seamlessly into a single film. Each short introduces one character who is given a little window to philosophize on life. There is no connection between the characters, there is no dramatic arc that brings them together, but the overarching idea and approach of each short is always the same.

While there is some dramatic tension left and right, Life Can Be So Wonderful really is an ode to life. Some shorts are more melancholic than others, the second one in particular is even a little downbeat, but each short still knows to emit a positive message. Minorikawa's film is about appreciating life, even when some parts of it are less than perfect or different from how we imagined them to be. A very simple yet elegant message that runs throughout every single fiber of this film.

screen capture of Life Can Be Wonderful

Minorikawa aims his camera at the little things that make people happy. Unsuspecting objects like plants and cute gadgets or people enjoying the sunny atmosphere inside their own house. There are no majestic camera swoops or intricate edits to convince us that life is worth living, instead the film is littered with beautiful snapshots of places and objects where we would usually not look for beauty.

The music is pretty traditional, in the sense that it aligns with what you would expect from an artistic drama film like this. Soft, somewhat meandering music that sets a nice atmosphere to let the mind wander from time to time. There are quite a few voice overs too, to the point where they actually become part of the soundscape of the film. It's all pretty decent, but admittedly not as interesting as the rest of the film.

The acting is very natural and lifelike. I actually tracked down this film because Ryuhei Matsuda was in it, but the other actors are just as great. I would even go as far as to say that Matsuda's appearance clashed a little with the natural vibe this film emitted, as it made me realize that it was all a mere setup rather than stylized documentary footage. It has little to do with Matsuda's actual performance, it's just that a less recognizable or popular actor might've been a better choice. Then again, a name like Matsuda does attract people (with myself being the perfect example), so in the end including him was probably worth it.

screen capture of Talking HeadLife Can Be Wonderful

Life Can Be So Wonderful may be quite short with only a good 65 minutes of actual film (not counting the credits), but I'm sure that it will seem like an endless drag to some people. If you expect a linear story line with dramatic events propelling the film forward then you're going to be bored as hell. Instead Minorikawa attempts to capture the emotions through more abstract visuals and little human portraits. It's mostly a non-linear experience with little in the way of plot or emotional climaxes, luckily there are still directors out there who realize that film is more than drawing people's asses to a nearby movie theater.

I was happily surprised after watching Life Can Be So Wonderful. It's an upbeat, albeit slow and meandering, film that succeeds effortlessly in its goals. I guess finding Minorikawa's other films will prove to be quite a challenge, but if they're as good as this one it's definitely going to be worth the trouble. Be warned that this is not a film aimed at mindless entertainment, but if you're in the mood for a slow-burning charmer that acts outside the boundaries of traditional cinema then it's warmly recommended.

]]>
Mon, 07 May 2012 12:26:43 +0200
<![CDATA[talking head/mamoru oshii]]>http://www.onderhond.com/blog/personal/talking-head-review-mamoru-oshii

Mamoru Oshii (Kokaku Kidotai, Innocence, Patlabor 2, Sky Crawlers) has one hell of an impressive resume, containing some of the biggest, challenging and most successful animation films out there. At the same time he never stopped experimenting, expanding his oeuvre with smaller, more artistic films (think Tenshi no Tamago or Tachiguishi Retsuden). Talking Head clearly belongs to this second category of films and should be approached with at least some level of caution.

screen capture of Talking Head

Talking Head is part of the unofficial live action trilogy Oshii directed between '87 and '92. It's not a true trilogy though as Talking Head has little (actually nothing) to do with the other two films. Red Spectacles and Stray Dog are both set in the Kerberos universe, Talking Head is a meta film about film and animation. But ever since Bandai decided to release them as a 3-pack combination people started to adopt the trilogy idea. I'm not one to complain though, releases like these are rare and should be cherished, whatever the consequences of the release format.

Talking Head is by far one of Oshii's most abstract films. It's a film that talks about film and animation itself, turning the film into a pretty big meta experience. Oshii travels through all the different processes that make up a film, littering scenes with film history and some personal interpretations and reflections on what makes a film work. Sure enough there is some background story to warrant a more or less coherent narrative, but it's clearly just an excuse for Oshii to run through a couple of ideas surrounding the magic of the silver screen.

Rei, a director for hire, is called in to finish an abandoned film project. Rei is famed for mimicking other people's styles and directing films in their name, but to do that he has to understand the idea and concept behind the project he needs to complete. This is somewhat of a problem as the original director vanished without a trace. The only option left for Rei is to run down the production department while trying to uncover the mystery of the unfinished film. Things get weird when one by one people are starting to die and disappear around Rei.

screen capture of Talking Head

Oshii makes the best of his experience as animation director to turn Talking Head into a visual tour de force. The way he frames and colorizes his shots are typical for someone who is used to starting from a blank page. Oshii uses a rather theatrical approach in Talking Head (with many scenes shot on actual stages and sets), but combines it with very cinematic camera work and lighting. This makes for a very interesting dynamic, enhancing the meta feel without falling into the trap of visual boredom.

The Talking Head soundtrack is just one of the many collaborations between Oshii and Kenji Kawai (who also appears as a character in the film), but it's not the most predictable one. The soundtrack is quirkier and more distinctive, not as homogeneous and ambient-inspired as usually the case when the two work together. It fits the playful style of Talking Head though, accentuating Oshii's more light-hearted approach.

That Talking Head isn't Oshii's most serious film becomes clear when confronted with the almost slapstick-like way of acting. It's a style Oshii experimented with before (Red Spectacles) but may surprise people not used to this side of Oshii's work. It only adds to the weird atmosphere already present, especially when all the actors feel clearly comfortable in their roles. Shigeru Chiba carries the film with ease, the secondary characters all have their moment of glory too.

screen capture of Talking Head

If you're not interested in the magic of film or Oshii's thoughts about the nature of film and its various processes, you will have trouble liking Talking Head. While there is plenty happening on screen, there isn't much of a narrative to follow and there's quite a lot of dialogue to digest. Talking Head is clearly a concept-first film and will leave unsuspecting film fans bewildered. At the same time, it's also a wildly unique project and probably one of the best blends of Oshii's bipolar nature, mixing serious ideas with a very comical approach. The only film topping that is Red Spectacles.

It was a long time since I last watched Talking Head and I wasn't really sure how well I could trust my initial response to the film. Watching it again made me realize that this is without a doubt another one of Oshii's true masterpieces, dazzling and surprising its audience with each chance it gets. If you don't mind the vague narrative, Talking Head is a chain of fun, interesting and challenging scenes. A film made by somebody who clearly loves film and likes to share his own views and visions.

]]>
Thu, 03 May 2012 13:40:14 +0200
<![CDATA[intruders/juan carlos fresnadillo]]>http://www.onderhond.com/blog/personal/intruders-review-fresnadillo

Intruders is a rare little bird. It's a 'big-budget' horror flick directed by someone who dares to put his own style forward. It's unlike the poor reboots that plague the American horror market, but it certainly has the dollars to venture where usually only those films are allowed to go. The result is a special breed of European film making, one that won't appeal to all genre fans but serves as an excellent reminder of Fresnadillo's talent.

screen capture of Intruders

Fresnadillo (Intacto, 20 Weeks Later) isn't the most productive director. With only three films in 10 years time it will take a while before he builds up a respectable oeuvre. This abundance of time allows him to really polish his films though. Above anything else, Intruders is a very accomplished film, a film where each scene, even each frame seems well-considered and thought-through. A quality rarely seen in horror films.

Intruders is quite the international project. A Spanish director featuring German, Dutch, Spanish and British actors and set in both London and Spain (not sure about the city there). The film itself is a typical Spanish horror affair though, with supernatural experiences used as an extension of dramatic motivators. There are no true evil powers here, just human drama that's visualized in a horror context.

The film follows two seemingly unrelated families. The first one is located in Spain, where a little boy is haunted by a mysterious faceless figure (named Hollow Face). The creature is after the boy's face and haunts him at night, trying to separate him from his mother's protection. Then there is a London-based family, whose little girl is haunted by the exact same figure after she finds a wooden box containing the legend of Hollow Face buried inside a tree.

screen capture of Intruders

Visually speaking Intruders is a real looker. Every frame is just deliciously stylized. Color and lighting in particular are superb. Even though the film is quite dark in places, the right bits and pieces are highlighted to raise the tension to appropriate levels. The camera work can be a little too shaky during the action scenes, but those are just rare moments in an otherwise exquisitely stylized film.

The soundtrack is pretty typical for Spanish films (a bit too epic and overdone at times) but at the same time Fresnadillo keeps it functional and to the point. It wouldn't have hurt to remove some musical cues left and right, but when it matters the soundtrack does deliver, increasing tension and setting a solid atmosphere for the horror to thrive in. It's not a very remarkable or recognizable score, but it certainly does the job.

As for performances, some strange choices were made during the casting of certain actors. The Spanish actors are fine and so is Clive Owen (which is a rarity, but he actually makes his character work here). But why anyone would like to cast Daniel Bruhl as a Spanish preacher, or Carice van Houten as the wife of Owen is completely beyond me. Bruhl's Spanish is fine but he just doesn't really fit the character, van Houten's English is atrocious, and even though she's supposed to be playing a Dutch woman in London (at least, that's why I hope) there really is no visible motivation for this choice. I guess it gives the film a more international (and cross-European) image, but it doesn't help the quality of the film itself.

screen capture of Intruders

Fresnadillo does little to challenge genre clichés. Intruders is a pretty straight-forward horror film, especially for people who are familiar with the Spanish take on horror productions. The film is quite slow, heavily stylized and borders more on the fantastical and supernatural than on true horror motives. These can be serious hurdles for people expecting anything more than a true genre film, but apart from that Fresnadillo does everything right and people knowing what to expect can be assured of a quality horror production.

Intruders is a very stylish affair. The film takes its time to explore its setting, slowly working up to an impressive finale. There are no great twists or mind-blowing revelations, instead you should relish the journey towards them. I wish more big budget horror film directors would take a cue from Fresnadillo. Instead of producing cheap Hollywood shlock for the masses, there is more to the genre and a few extra dollars do come in handy once in a while. Sadly reception of the film has been quite mediocre so far, I can only contest public opinion and say this film deserves much better.

]]>
Mon, 30 Apr 2012 13:22:04 +0200
<![CDATA[hana-bi/takeshi kitano]]>http://www.onderhond.com/blog/personal/hana-bi-review-takeshi-kitano

If you haven't seen any Takeshi Kitano (Kikujiro no Natsu, Achilles to Kame, Kantoku: Banzai!) films yet, Hana-bi is probably one of the best starting points in the man's oeuvre. It's one of his more accessible films, but it still goes a long way in highlighting his various skills. While still very unique and different from Western cinema, there are enough elements to pull in people not quite familiar with Asian film making.

screen capture of Hana-bi

Back in 1997 Hana-bi earned Kitano a Golden Lion (Venice International Film Festival). Even though he needed the help of Shinya Tsukamoto to convince the jury of Hana-bi's qualities, the film went on to become Kitano's big break-through in the West. A break-through that was already imminent when he released Sonatine a couple years earlier, but apparently an internationally respected prize goes a long way when it comes to Western interest. Hana-bi stands at the source of the renaissance that Japanese film making experienced around the turn of the millennium and in that way it is definitely one of the most important Japanese films made in the past 20 years or so.

Just winning a lauded festival prize isn't quite enough though, as '97 Cannes winner Unagi illustrates (who remembers that film these days?). You need a film that also differentiates itself from others. Hana-bi does just that, as is the perfect mix of Kitano's trademark elements. Snappy and and short bursts of violence are alternated with a quirky sense of humor and more poetic/dramatic moments. Kitano constantly plays around with these different elements to create a film with a very unique feel, able to shift tones in the blink of an eye while keeping the overarching atmosphere more or less consistent.

Kitano plays Nishi, a demotivated cop who is suddenly confronted with several deaths around him. Not only did his he just lose his daughter but his partner got killed in action, a close colleague lost both his legs and his wife was diagnosed as terminal. Nishi decides it's time to take a break and stages a bank robbery to allow him and his wife to undertake a little road trip, away from all everyday worries. Of course things don't go as planned and before long Nishi finds himself being chased by a gang of yakuza and a small team of former colleagues.

screen capture of Hana-bi

You're excused if at times you feel like you're watching an 80s flick. It seems that back in those days Japan was a little behind on fashion, which gives the film an older feel that its production date suggests. On a technical level, it's Kitano's editing style that demands the most attention. Kitano's unique timing lends the film some very interesting shots, but it's the things Kitano doesn't show that make for the best surprises. More than once does he leave out the crux of scene, only showing the events leading up to a certain event and immediately cutting to the aftermath. It's cause and effect, without the actual event in between.

Hana-bi was scored by Joe Hisaishi and while not his best collaboration with Kitano (Hisaishi made more memorable tracks for Dolls, Kids Return and Kikujiro) it still contain some pretty great pieces of music. If anything, it gives the film a pretty laid-back atmosphere that functions as an ideal constant, tying the different tones of Hana-bi together.

When Kitano takes up the lead role you know that you need not worry about performances. Kitano plays (a fraction of) himself and once again knows to charm in a role that isn't necessarily sympathetic. Nishi may be rude, violent and annoying, he still makes me smile every time he does something quirky or unusual. The secondary cast is stellar too, with Susuma Terajima and Ren Osugi taking up most of the screen time. Kayoko Kishimoto is present too as Nishi's wife, the start of a long and successful collaboration between Kishimoto and Kitano.

screen capture of Hana-bi

Kitano takes center stage in Hana-bi. Not only in front of the camera, but with just about every aspect of the film. As an actor he is irreplaceable, as an editor he gives Hana-bi a unique rhythm, as a comedian he inserts some genuinely funny jokes and as a director he keeps a perfect balance between the different tones that are present. And if that wasn't enough, Kitano litters the film with his own paintings. They may not be sprawling examples of technical mastership, but they are certainly unique and amusing.

Hana-bi is a real delight. It's a simple, accessible film but with enough unique elements to keep you surprised and interested. The film is also the perfect showcase for Kitano's versatility. It's funny, poetic, violent and leaves you with a perfect dramatic punch in the gut. If you're new to Asian cinema, Hana-bi is definitely a good starting point. If, on the other hand, you're a seasoned fan already, I cannot image you haven't seen this film yet. If not, be sure to make it a priority.

]]>
Thu, 26 Apr 2012 13:07:39 +0200
<![CDATA[versus/ryuhei kitamura]]>http://www.onderhond.com/blog/personal/versus-review-ryuhei-kitamura

There is no doubt that Versus was Ryuhei Kitamura's (LoveDeath) break-through film. His two earlier efforts made little or no splash in the film world, but once Kitamura released Versus doors started to open. As often the case, Kitamura never managed to match the genius of his break-through film, then again it makes the original all the more special. Even though this low-budget vehicle is already more than 10 years old, there's still plenty of life left in it.

screen capture of Versus

Trying to find the exact source of the current Japanese wave of splatter films is quite tricky (I would say The Machine Girl), but I'm pretty confident Versus provided plenty of inspiration for the Sushi Typhoon collective. It's a film that isn't constrained by any genre boundaries. It mixes just about everything it thinks is suitable for a cool action flick. Take some big guns, a team of zombies, a few different martial arts styles and of course a couple of samurai. Blend everything together and you have captured the key elements that make Versus such a fun film. Excessive gore (though not up to par with current Japanese splatter films), crazy characters and a rather liberal take on what's physically and biologically possible are what link this film to current favorites (+ of course the presence of Tak Sakaguchi).

The story is pretty basic and serves as a mere hook to bring a vivid selection of characters together. First of all there is Prisoner KSC2-303 who just escaped from prison. He meets up with a bunch of yakuza crooks who managed to slip him out of his confinement. What KSC2-303 does not know is that the yakuza are led by his arch-enemy. Enter more yakuza, KSC2-303's love interest, two police guys chasing KSC2-303 and a small army of undead criminals and you should get the gist. There is a whole lot of fighting and acting tough, ending with the final showdown between KSC2-303 and his arch-enemy. Needless to say, you don't need to watch this film for its fantastic plot.

screen capture of Versus

Versus' low-budget background is clearly visible throughout the film, but this didn't seem to bother Kitamura in the least. The image may not be as clean or crisp as can be, the camera work, editing and framing is simply awesome. Kitamura's camera is constantly on the move, finding weird yet imaginative angles and zooming through and past everything in its way (that includes human cadavers). If you do prefer a more glossy look you could check the remastered version (with also has some scenes re-shot from scratch) but since I've always watched the original I can't comment on the quality of that release.

The soundtrack consists of an eclectic range of action-oriented music. It's far from subtle and homogeneous, freely switching between cheesy guitar riffs and club-ready drum n bass. The thing is though that it works pretty well for each separate scene. It's not what you call a great soundtrack, but as far as supporting the different scenes goes it does the job considerably well.

The acting has similar issues. While the actors have plenty of charisma, some of them just can't act. It's not a big deal in this film, at times it even adds an extra layer of weirdness (the big police guy or the mad yakuza). Sometimes it even goes as far as to lend the film and the characters a very particular charm, but it's equally obvious that they weren't going to win any prizes with their performances. Even Tak Sakaguchi gets by more on charisma than on actual talent. Again, that's pretty much okay for a film like this as long as you don't expect anything more from it.

screen capture of Versus

Even though Versus lasts a full two hours, the film stays fresh and exciting at all times. Kitamura put a lot of variation between the fight scenes, sprinkled the film with plenty of comedy interludes and comes up with smart and clever details at regular intervals. Versus is a true "win or lose" kind of film where the director is giving his all to prove his worth. It may be a bit uneven because of that, but the amount of creativity and passion on display easily trumps whatever negative points follow from Kitamura's lack of subtlety.

For a while Versus was one of my all-time favorite films, but the recent wave of Japanese splatter films changed things a little. Nishimura and friends go way beyond the madness on display in Versus, which makes Kitamura's film a bit less extreme and "out there" compared to when it was launched. It's still immensely fun and entertaining, but when it comes to gore and insanity there are better films out there these days. That's about the only real critique I have, apart from that Versus is still wildly hilarious and definitely worth you time.

]]>
Wed, 25 Apr 2012 12:10:35 +0200
<![CDATA[css animation vs video/should we, not could we]]>http://www.onderhond.com/blog/work/animation-vs-video-semantics

Last week I was asked to evaluate the technical impact of transferring a (rather simple) animation to html5 and css3. So I searched around, looked at some css3 animation demos and figured that with a few minor adjustments it wouldn't pose any real technical challenge. Before I finalized my answer I waited a minute to reconsider the problem, as it felt as if I had somehow missed the most essential part of the question.

the challenge

The company I work for wanted an animation visualizing and explaining its main ideology (define - design - realize - optimize). There was a story board detailing the different objects, animations and links between objects. The animation was kept pretty basic (nothing organic, just simple mathematical animations) and thus html/css was considered for the implementation. Not in the least because it would also we a great showcase of our front-end skills.

Technical challenges aside though, the real question was whether this animation would actually be a valid use case for html/css animation. After all, it's not because we could do it with html/css that we should do it. I was instantly reminded of the time people made simple websites in Flash (just because they knew how to use the tool) and that was clearly not the message we wanted to send to our potential clients. It wasn't just about showing our technical proficiency, it was also about motivating we could use the right tool for the right challenge.

css animation vs video

Before making any final claims about the challenge I was given, I had to figure out the differentiating factors between video and css animations. While there is definitely a gray area between the two solutions, there are also some good differentiators that will help us choose between the two.

video

A video is mostly presentational. It gives you a nice and guaranteed aesthetic experience, possibly (but by no means a given) also some actual content. On the other hand, video isn't all that semantic and doesn't allow for much interactivity without hacking yourself a way around a myriad of limitations. Style is clearly more important than content.

css animation

The problem with css animation is that quality isn't guaranteed. Depending on the processor load, machine power and complexity you might end up with a stuttering presentation. On the other hand, you can create a semantic equivalent of your animation so it becomes more than just a sequence of visual frames. You can actually unlock your story to people who aren't able to watch the animation itself.

using the differentiators

If presentation matters most then I would definitely opt to use video. There aren't as many limitations and quality playback is more or less assured. On the other hand, if you want interaction and/or you benefit from making a semantic equivalent of your animation than html/css becomes a viable option.

If you still find yourself in a gray area, try to consider what your page may look like when you disable both css and javascript. Would it just be a random collection of images or would it still make sense to people looking at your page. If not then you're better off producing a video. Just throwing a random collection of images in your html in order to animate them without any semantic connection is just plain wrong.

back to the real world

Of course this is a very theoretic approach to the problem. There are other factors that may influence your final decision, but they are variables rather than best practices and they are sure to change over time. It's not that they are not important, in some cases they can actually be critical, but they shouldn't be your primary concern when faced with this kind of choice.

File size, streaming possibilities, fall-back mechanisms and responsive behavior need to be taking into account and can still overthrow your initial choice. That's okay, as long as you can use them to motivate your choice when going against standing best practices. Just picking a method because it's what you do best or because it's cool and everyone is doing it these days on the other hand is lazy and just plain stupid.

conclusion

Currently we are still investigating the fall-back quality in browser who don't support css animation. If these tests guarantee us a sufficiently high quality we'll be starting the development of our html/css animation. I have a pretty good idea of how to go about this, so hopefully I'll be able to share a demo in the near future.

The bottom line of this article is not so much about video and css animation though, it's about considering the tools you use for certain challenges, first and foremost thinking about what a tool is supposed to be doing instead of what would be easiest for you to develop. There are always real-world factors that might influence your original decision, urging you to go against what you know is right, but that's probably what separates professionals from amateurs.

]]>
Tue, 24 Apr 2012 13:42:20 +0200
<![CDATA[nightfall/chow hin yeung roy]]>http://www.onderhond.com/blog/personal/nightfall-review-chow-hin-yeung-roy

Nightfall is what you call quality genre film making. It's a film that raises clichés to an artform. There are no surprises, no deviations from the norm, but the execution is simply flawless. Amidst an endless list of competing police thrillers Nightfall still knows to differentiate itself from the others, combining extremely stylish setups with some exciting police work. If you're craving quality filler to bridge the time between two of To's crime thrillers, Nightfall is the film you're looking for.

screen capture of Nightfall

Police thrillers are still very popular in Hong Kong. You have the more action-oriented varieties (think Dante Lam's Fire of Conscience) or the quirkier ones (think Johnnie To's Mad Detective), but in the end it's always about a detective trying to catch a criminal. Nightfall is a pretty straight-forward example of the genre. It does little to set itself apart from its peers, except making sure that it does everything with the proper sense of style.

The story, as if quite often the case in these types of films, isn't all that straight-forward. The setup is simple enough though. Wong is released from prison after a 20-year long sentence. It seems he's quickly slipping back into his old habits as he begins to stalk the single daughter of a famous classical musician (Han Tsui). Not soon after Han if found dead in the ocean, mutilated beyond recognition with Wong as the prime and only suspect in the case.

There there is Lam, a beat down police detective. When his wife committed suicide 5 years earlier Lam took up drinking to ease his pain, forsaking his police career. The only thing Lam is famous for is reopening old cases, so when he is assigned the case of the Han murder Lam digs into the past of both Han and Wong and finds some very interesting connections. The closer Lam gets to Wong, the more he's starting to doubt Wong's actual involvement in Han's killing.

screen capture of Nightfall

The film relies heavily on its impeccable sense of style to pull you through the more generic moments. Sure enough many scenes and even plot twists are familiar territory for fans of the genre, but looking at the exquisite imagery that Roy lays before us it's definitely worth the effort. Everything from framing and camera work to color use and editing, the film simply impresses on all visual levels. Except for maybe two (completely unnecessary) CG shots, but that is almost a cliché in itself. Just a little nitpick on what is definitely one of the best-looking Hong Kong films I've ever seen.

The music is equally grand. It's essentially a clever mix of film music with some classical influences, but it works wonders when coupled with the visuals. The combination of both music and visuals lift the film to a higher plane, somehow convincing you that you're not just watching the umpteenth generic Hong Kong police thriller. It's not a very original score, but style trumps originality here and the result is superb.

The acting is another highlight of Nightfall. It's good to see that Simon Yam is still on top of his game, I would even go as far as to say he gets better with age. I imagine he can play a role like this with his eyes closed by now, but having him around is still a real boost for a director. More surprising is the excellent performance of Nick Cheung, one of the better roles of his career no doubt. Cheung wasn't always able to convince me in the past, but here he is both terribly enigmatic and mysterious. The rest of the cast is solid too (even Michael Wong couldn't annoy me much), but the film is really all about Yam and Cheung's showdown.

screen capture of Nightfall

In the second half you can expect a string of twists and revelations shedding new light on Lam's case. By now this should be nothing out of the ordinary. There are no earth-shattering twists and you won't be blown away by the actual conclusion. It's just another genre cliché. If you're partial to these things though the conclusion might be a small disappointment as the attentive viewer probably sees it coming from miles away. Then again, when was the last time you were shocked by a film's final twist?

If you're familiar with the genre, don't expect any surprises. Roy remains faithful to the rules of the game but transcends its limitations with a superb visual flair and two charismatic main actors. It's not quite up there with the best as Roy lacks original input, but as far as genre cinema goes it offers exactly what I expect from a film like this.

]]>
Mon, 23 Apr 2012 12:03:07 +0200
<![CDATA[livide/bustillo and maury]]>http://www.onderhond.com/blog/personal/livide-review-bustillo-maury

Five years ago director duo Bustillo and Maury unleashed À l'Intérieur onto the general public, a film that may be described as one of the most suspenseful and gory films of the past decade and one of the highlights of the French horror wave. Needless to say Bustillo and Maury's Livide faced extremely high expectations, expectations that their new is not going to fulfill. Not because it's a bad film, but because it set out to be a different film altogether.

screen capture of Livide

Bursting onto the scene and making a (cult) hit film is not an easy thing to do, but following up on that first hit with something that answers to the expectations of your fans is nigh impossible. And the longer it takes for your second film to arrive, the harder it becomes to please your fans. Livide was pretty much doomed from the start, but this didn't stop the directors from taking some chances. Rather than try to mimic the success of their first film, they went and made a different kind of horror film. Sure enough their are similarities (after all, it's still a horror film), but it's not the suspense and gore that make this film great.

The first part is rather generic horror fare though. We are introduced to Lucie, a young girl on her first day as a home nurse. Her mentor takes her to visit all of her patients, from time to time providing Lucie with some gossipy background information in order to liven things up a little. There is one particular (comatose) patient that draws Lucie's attention, especially when her mentor talks about a rumored treasure hidden inside the patient's mansion.

That same night Lucie returns to the mansion with her friends, determined to find out what exactly the comatose woman is hiding inside her house. Up until that point we're still in familiar territory. We have a big, run-down mansion and an old, comatose woman. More than plenty for some prime suspense. But instead of become a suspense flick, the film twists itself around and becomes a Gothic, almost fairy-tale like horror film. It's a sudden switch and it takes some time to realize what exactly the directors are aiming to accomplish, but by the end it should be clear enough that Livide is not to be judged on the same terms as À l'Intérieur.

screen capture of Livide

One thing that remained consistent is Bustillo and Maury's impeccable sense of style. Livide is a stunning film, each shot is carefully planned and constructed, leading to some very impressive imagery later on in the film. There are several scenes that made a lasting visual impression, not in the least because of superb make-up effects and a great feel for lighting. Some of the CG shots could've been better, but that's just nit-picking. Livide is one of the best-looking horror film around.

The soundtrack is a strong mix of classic horror music and more ambient-like tracks. It's not very original and it does miss the more experimental influences that could be found in À l'Intérieur, but it succeeds in building up the proper atmosphere while accentuating some of the more tense scenes with well-timed climaxes. I do prefer a more challenging score, but considering the Gothic influences Livide might not be the perfect project to take a gamble on the soundtrack.

The acting is solid, with Chloé Coulloud doing a good enough job as Lucie. The characters themselves are quite plain and faceless, but the performances still exceed many of their American counterparts. There's a very limited role for Beatrice Dalle, but her input is limited to two or three short scenes. Clearly there are no award-winning performances here, but it more than suffices for the intended purpose.

screen capture of Livide

Many people are not going to like the fact that Bustillo and Maury diverted from the beaten path, especially because the first half of the film gives little warning for what follows in the second part. Don't expect to be on the edge of your seat, don't expect some blunt and/or shocking gore. It's not that the film is completely void of them, but they just aren't the prime selling point anymore. Instead you get a mix of fantasy and Gothic horror, neatly packaged as a haunted house film.

In its own right, Livide is a very good horror film. I feel that if it would be directed by any other than the infamous duo behind À l'Intérieur, the film would get more praise. But the expectations are there and because suspenseful films are already few and far between these days some people will be too disappointed to appreciate Livide for what it aims to be. The only critique I have is that Bustillo and Maury could've been a bit clearer from the start, maybe shorten the intro a little as to dive quicker into the action. Apart from that, Livide is a superb horror flick that easily surpasses most of its peers. Watch it with an open mind and you'll see there is plenty to love and enjoy here.

]]>
Thu, 19 Apr 2012 13:10:46 +0200
<![CDATA[ex drummer/koen mortier]]>http://www.onderhond.com/blog/personal/ex-drummer-review-koen-mortier

With Ex Drummer, Koen Mortier (22 Mei) followed the path that Tom Barman's Any Way The Wind Blows cleared a couple of years earlier. Mortier merely confirmed it was possible to make challenging, unique films in Flanders, films that holds international appeal and aren't just local products build on the national fame of some or other second-rate actor. Ex Drummer is not for the faint of heart, but if you possess a very dark sense of humor this is definitely one of the best comedies you will encounter.

screen capture of Ex Drummer

The DVD cover links this film to Trainspotting, and while I can appreciate the similarities between both movies you need a much darker and nihilistic sense of humor to sit through Mortier's masterpiece. Ex Drummer descends to the dazzling depths of the Flemish backwards societies, dragging up some terrible lowlifes and near-human monsters who are heading straight for their inevitable doom. In that sense Ex Drummer has much closer ties to that other Belgian cultfilm, C'est Arrivée Pres De Chez Vous.

The film follows the a famous Belgian writer (Dries) who is approached by three slightly handicapped individuals. The three are aiming to form a rock band, but they miss one of member to play the drums. In order to experience their dreary existence from up close, Dries accepts the challenge, fully aware that they only want him for his existing record of fame.

And so he teams up with Koen de Geyter (hates women, walks on the ceiling when he's at home), Jan Verbeek (gay and lives with his retarded parents) and Ivan Van Dorpe (near-deaf and neglects his wife and young daughter). The band only aims to perform once at a local competition, but in order to produce something that resembles music they do need a few repetitions to straighten everything out. As the competition draws near, Dries sinks deeper and deeper into the world of his companions and finds it more and more difficult to neglect their doomed fate.

screen capture of Ex Drummer

The un-beauty of Ex Drummer may be hard to capture in simple screenshots, but the film is definitely a looker. Mortier (coming from an advertising background) has plenty of tricks up his sleeve and applies them shamelessly to paint a dark and grim, almost underground-like world. There really is no room for beauty here, the setting is dirty, vile and rotten, including the characters themselves. Stand-out scenes are those where one of the characters walks onto the ceiling (while the others are just standing with him in the same room), the backwards intro and the bloody climax.

The soundtrack really fits in quite well. While far from my favorite type of music, Mortier fills his soundtrack with gritty rock tracks, dominated by heavy guitars, untimely drummers and people who shout loudly in microphones. There is no room for subtlety, no room for beauty here either, but it's hard to contest that the music is anything but unfitting for the atmosphere the film upholds. There is just something immensely funny about the four guys trying to adapt Devo's Mongoloid. Talk about a match made in heaven.

As for the acting, all actors do a terrific job, there really is no weak link amongst the extensive cast. But there's one aspect that really deserves most of the credit. People who aren't used to hearing Dutch may not catch on, but the dialect in Ex Drummer is so fabulously hideous that it actually defines part of the movie. Even for native Dutch speakers it's almost impossible to understand (I had to watch the film using subtitles), at the same time it's such a wonderful dialect (and not quite unlike the Welsh dialect heard in Trainspotting). It adds a level of realness that's hard to accomplish any other way. That said, lots of praise for the actors who do give their all and form a group of admirable retards and lowlifes.

screen capture of Ex Drummer

Ex Drummer is an adaptation of a book originally written by Herman Brusselmans, one of our national treasures when it comes to literature. His particular style of writing translates horribly to other languages I'm afraid, which is why Mortier's film is such a success. While capturing the literary beauty of Brusselmans' writing style, the film transcends its source and makes it more accessible to an international audience. That is, if you can get yourself to appreciate the peculiar sense of humor.

Together with Small Gods, Dirty Mind, 22 Mei and Any Way The Wind Blows, Ex Drummer marks the top of Flemish cinema. It's a raunchy, mean and devilish son of bitch, but at the same time it's a smart, funny and unique little film which deserves a loving cult following. Mortier is clearly showing off, but does so with plenty of style. Do not bring your family along when watching this one, but enjoy it in the company of your own dark, perverse mind. Only then will you be able to laugh out loud at all the nastiness on display.

]]>
Wed, 18 Apr 2012 12:04:28 +0200
<![CDATA[semicolons save lives/unambinguous and robust ]]>http://www.onderhond.com/blog/work/semicolon-robust-future-proof-code

I'm sure you picked up on the latest javascript/front-end drama already, if not Christian Heilmann made a nice write-up that sketches a good overview of the situation (+ adds some valid critique). Now this is all javascript stuff and at most I'm a mid-level jQuery enthusiast, but I believe I could still chime in as this is not really about syntax or javascript, but about the mentality of front-end developers and our industry as a whole. In short: something needs to change.

we are front-enders

I'm not going to discuss where and when you should or should not use semi-colons in javascript, I'm just not qualified enough to do that. I will however comment on some of the arguments that surfaced in this discussion, because the simply lack any longterm vision.

Let's be honest for a minute. Our industry is still young and we are allowed to make some mistakes because even the most visionary, talented people in the industry have a hard time predicting our future. But that is no reason to just do as we please and hide behind such flimsy excuses. Our industry is inexperienced, inefficient and too fragile for its own good and we have to work hard to fix that.

We got away with it for some time because the companies we worked for were equally immature. Slowly they are growing up though, learning the ways of the web and developing broad, overarching visions. Big companies don't just have "a site" anymore, they have 10, maybe 20, sometimes 30 different sites. They are becoming fed up with the fact that after one or two cycles they need an entirely new website, even though much of the new site is just a rehash of the previous one. Companies are starting to understand they need solid, extensible and future-proof frameworks that handle their sites, frameworks that allow for update cycles without having to start from scratch.

Future-proof is the keyword and as an industry we are royally failing at that.

keyword: robust

People's writing style may differ, draconian error handling may save our hides and context may clear certain things up in some situations. You may be coding according to the rules of the game, but if your code isn't sturdy, robust and future-proof you're still doing it wrong. This is not a matter of vision or personal interpretation, but a matter of doing the right thing. If not for yourself, then for the other people who make up our industry.

Robust code is code that survives change. It's code that's written according to best practices advocating future-proof ideologies. It doesn't care much about performance, about writing style or about minimalism. It cares about not breaking. No matter how hard you try to mangle the original code, it should survive those attacks. Nobody knows what the future may bring of course, but if you take into account some very simple rules you can get a long way.

keyword: unambiguous

One of the most important keywords in future-proof coding in ambiguity. Ambiguity kills. Sure enough you can rely on parsers to deal with ambiguity, but you cannot be sure that future or less-capable parsers will (in this case, the JSmin library clearly doesn't). This may or may not be a bug in the JSmin library, the result is that your code was just degraded to a liability. You may want to put the blame with the JSmin library, but it still reflects on your work.

The html5 parser may add closing tags in html for you, but in order to do that it needs complex algorithms that need to interpret the context. The next parser that comes along might lack those algorithms. Just by adding those closing tags you introduce consistency and you remove ambiguity. It's win-win.

If two equal weight css rules match a html element, the css parser will take the last one from the source file. You can exploit this, but this is almost always a sign that your css selectors could be defined better. Not made to be faster, but made to be more correct and precise. If you rely on source file order, you introduce ambiguity and you may ready yourself for some unexpected bugs two years down the line.

And if adding some semi-colons makes your code more robust, you just add the stupid semi-colons. I don't care how valid your code is or what parser is fixing things for you in the background, if you knowingly produce fragile code you're just not fit to be a front-end developer. You're actively hurting our industry and the trust some companies put in us.

conclusion

Killing ambiguity in your code makes it stronger. It helps the code to ready itself for an unknown future. The more you rely on exceptions, loopholes and fixes in whatever parser you're using at the time, the more fragile and less compatible your code becomes. This is not something you can brush away with arguments like "writing style" or "the parser will fix it". It's a reality that has tripped us up time and time again and will continue to do so if we don't change the way we write code.

The times that we could just start anew for each consecutive site update are over. We need to grow up, we need to make sure that the code we write today can still service us two or three years from now. It's a small effort really, but one that will pay off, sometimes in unexpected ways.

]]>
Tue, 17 Apr 2012 11:37:58 +0200
<![CDATA[megane/naoko ogigami]]>http://www.onderhond.com/blog/personal/megane-review-naoko-ogigami

Naoko Ogigami (Yoshino's Barber Shop, Kamome Diner) is one of the few female directors I truly appreciate, with Megane she holds a firm claim for the top spot. If you're looking for two hours of blissful escapism, a couch vacation like no other, you've found your film. Megane offers little, but what it offers is so pure and so relaxing that it's easily one of the best film in its genre. Make yourself a cocktail, put on something easy, sit back and just enjoy.

screen capture of Megane

Ogigami's films take a little preparation to enjoy. Make sure you're not looking for anything action-oriented (in the broadest sense of the word). Her films are not about events, not about "things happening" or about characters bearing their deepest emotions. Instead Ogigami's films are about the moment, the atmosphere and enjoying the little things in life. Sitting down on a bench at the beach, enjoying shaved ice with beans and truly enjoying the experience.

The film follows Taeko, a veritable city woman who planned a vacation away from all the stress and chaos of urban life. In order to truly escape her own little bubble, she picks a a small hotel on Okinawa, far away from all things civilized. Once there she is somewhat overwhelmed by the boredom that befalls the place and the communal behavior of the other visitors. Before long she decides to find a different place to stay, but that proves a bit more difficult than expected.

Without any viable options left, Taeko decides to make the best of her vacation. Slowly she starts to adapt to the particularities of the hotel's visitors and even though most of them keep themselves at a safe distance, she starts to bond with them. That's about all there is really, no dramatic climaxes, no big lessons learned. Just a woman coming at ease with herself.

screen capture of Megane

On the visual side of things Megane is a very pleasant film. Rather static but well-considered shots and bright spring colors (lots of greens and blues) make up a scenery in which you feel very much at home. Okinawa is clearly a beautiful place to reside and Ogigami captures its charm with deceptive ease. People familiar with this kind of rural Japanese drama will know what to expect as it doesn't differ much from the norm, but the execution is flawless and extremely efficient.

The same could be said about the soundtrack. If at some point you feel like you're watching a Takeshi Kitano film (Kikujiro no Natsu comes to mind) it's because the soundtrack is very reminiscent of Joe Hisaishi's best work. Very lovely, relaxing tunes that blend seamlessly with the images. It's nothing too original, but once again the delicate execution of the score outwits any claim of lack of originality.

Ogigami reunites with some of her favored actors. Kobayashi is back after Kamome Diner and takes up the role of Taeko. She does an excellent job, but its Masako Motai that steals the show (once again). She is without a doubt of the most unique female comedy actor I've come across in all these years of watching film. Even though her posture and stature seem to state she is a somewhat old and grumpy lady, she injects her performance with surprising gems of subtle comedy. Be it the little morning dance or the scene where she prepares beans ... Motai steals every frame she's in. That said, the rest of the cast is impeccable too, making for a very enjoyable group of characters to hang out with.

screen capture of Megane

Megane is not a film about explanations. We learn very little about the characters who come together each year to spend their vacation in the little hotel. Even though Taeko explicitly asks about the background of some of the people she meets, Ogigami seems to be answering herself with a lack of direct answers. The film transcends typical dramatic events and character exploration, rather it lets its character live their own lives and offers a time-out without a single moment of worry. It's a film about escaping everyday reality and taking the time to "twilight", as the film puts it so eloquently.

There are moments of blissful comedy, moments of utter relaxation and moments of simple wonder. Megane is Ogigami's best film so far (though I still need to see Toilet and Rent-A-Neko), a film that doesn't ask much, but gives plenty in return. As long as you can find the time to sit down and relax, not expecting any kind of adrenaline rush, the film will deliver in spades. It relishes the beauty of boredom and shows a glimpse of true bliss, even to people who wouldn't be caught dead in Taeko's situation. If you ask me, that's the strength of a truly powerful film.

]]>
Mon, 16 Apr 2012 12:40:14 +0200
<![CDATA[the fields/mattera and mazzoni]]>http://www.onderhond.com/blog/personal/the-fields-review-mattera-mazzoni

As is often the case with genre films, the devil is in the details. And while I'm pretty sure some people will consider the latest film of director duo Mattera and Mazzoni a downright bore, there is no bone in my body that doubts this is going to be one of my personal (pure genre film) highlights of 2012. A true gem hidden amongst a haystack of wannabes and cheap efforts, so make sure you give it a chance when you happen upon it.

screen capture of The Fields

Some genre films are just that, others manage to lift themselves above the limitations of a genre and become something more. The Fields belongs in the latter category, but it gets there in a very peculiar and original way. It's really hard to pinpoint where exactly the film differs from its peer, at the same time the film doesn't feel anything like a regular genre film. All the cliches are there, but in such a way that they still manage to come off as fresh and surprising.

The Fields fits neatly into the horror sub genre that Stephen King almost single-handedly created when he wrote his little short story Children of the Corn. It relies on the maze-like, impenetrable powers that corn fields hold and the unseen mysteries that lay beyond the first few rows of crops, mere fleeting shadows for those who are outside the field. The Fields is really just that, but Mattera and Mazzoni found a great way to inject some life in this tired and often underdeveloped sub genre.

When Jack's parents get into a fight, things get really out of hand and Jack ends up with his grandparents while his parents try to figure out what to do with their marriage. His grandparents live in a rather secluded area though, and their estate is surrounded by ominous corn fields. Jack is forbidden to enter the fields, but as young boys often do he ignores their advice and ventures in anyway. There he discovers a corpse, though nobody seems to believe him.

screen capture of The Fields

Even though the film bathes in a grim, gritty 70s-like visual atmosphere, the camera work, editing and coloring stem clearly from a more modern era. The look definitely succeeds in evoking a classical atmosphere, but not at the cost of technical inefficiencies. There are some very cool shots and camera angles to be admired while the camera pans around the fields and the grandparent's estate in very definite, controlled swoops.

True star of the show is the soundtrack though. There is quite a lot of music, and while a lot of it refrains from directly dictating the film's atmosphere, it's clearly there to influence the underlying mood of each scene. You'll find plenty of effective ambient music around, swaying between chill and haunting, often giving a new dimension to a certain scene or shot. Whenever the soundtrack ups the pace it immediately makes for more tension, resulting in some very fine moments of unease. While subtle at times, the soundtrack is probably the prime reason why this films ends up being more than just another genre film.

The acting too is surprisingly strong. Miles Williams does a great job as Jack, especially for a kid that young. The grandparents of Jack are superb too. At times they don't even feel like actors, but it's as if Materra and Mazzoni smuggled in some real, foul-mouthed old people who carry the scars of life on their body. If you take a closer look at the poster, Tara Reid's name might ring a bell. Once the star of American Pie, she holds a supportive role as Jack's mom. I guess she was mostly there to have a well-known name on the poster, but aside from that she does a pretty decent job.

screen capture of The Fields

The horror-elements in The Fields are mostly dictated by the soundtrack and through a couple of very simple yet effective moments. Don't expect big scares or high octane tension, it's the simple things that matter here. Little gestures or sounds that indicate something or someone is watching. Or scenes that seem to suggest the field itself is a living, breathing entity. If you expect anything more (or something different), you'll probably leave quite disappointed.

The finale wraps everything up, leaving very little unexplained. I would've preferred a more open ending, especially because the level of mystery is pretty high to begin with and revealing the true nature of the events does take away a little from the mystery in the film (it's like explaining a great magic trick, the second time around you'll know what to look for). That said, the film itself is strong enough as to not to be spoiled by the ending. The Fields is a very nice surprise, a 100% genre film that twists itself into a more original and impressive film than its genre would normally allow it to be. Materra and Mazzoni do an awesome job building up the atmosphere of the film and accomplish a lot with very little. The fields is prime genre film making and a good recommendation for everyone with more than a passing interest in the genre.

]]>
Fri, 13 Apr 2012 12:08:37 +0200
<![CDATA[[rec] 3 genesis/paco-plaza]]>http://www.onderhond.com/blog/personal/rec-3-genesis-review-paco-plaza

The [rec] franchise returns to the big screen and continues its mayhem amongst Spanish citizens. [rec] 3 Genesis is the latest installment in the series, revitalizing the zombie genre with a couple of interesting new twists while at the same time paying homage to existing and reigning genre cliches. The result is a fun-filled zombie flick that may stray a little from its predecessors, but remains true to the overall quality of the series.

screen capture of [rec] 3 Genesis

The first two films ([rec], [rec] 2) were joint efforts, directed by both Balagueró and Plaza. For the final two films the directors decided to each handle a film of their own. This is quite essential to understanding this third film, as Plaza is known to inject his horror films with a dash of comedy (make sure you check his entry in the Peliculas para No Dormir series). Because of that [rec] 3 is not a straight horror flick, but a pleasant mix of zombie action with comedy moments thrown in for good measure. The tension that defined the first two films is mostly gone, firmly replaced by girl power action and a few jabs at genre cliches.

While there are a few elements that link [rec] 3 to the first two films, this third film exists mostly on its own. We say goodbye to the house where the events of the first two films unfolded, instead we join a young couple on their wedding day. After an incredibly cheesy PowerPoint montage of cute and embarrassing pictures of the young couple, the film takes off near the wedding church. Hand-held cameras ready, a team of pros is bound to be documenting the wedding from A to Z(ombie).

All remains calm until the families arrive at the evening party, a rather luxurious estate that will prove a great playground for some zombie bashing. Before long it is revealed that of the uncles wasn't really bitten by a dog after all and just moments later the estate is crawling with blood-lusting creatures. The newlyweds get separated in the chaos and will give it their all to beat the zombies that spoiled their special day.

screen capture of [rec] 3 Genesis

Even though the first part of the film remains true to its found footage origins, around halfway through Plaza is clearly fed up with the whole hand-held concept. He ditches his camera crew and switches back to more traditional film techniques. It's a choice that has less effect on the film than you would image, probably because Plaza feels very comfortable filming in both styles. While the first part of the film makes you feel like you're part of the wedding, the second half is more stylized and makes better use of its environment, making room for some very impressive shots and great camera angles. The underground sequence in particular kicks ass. It's real nice to see a zombie flick with great production values that are used to their fullest effect (for a change).

The soundtrack too is of high quality. Sure enough it's made up of pop songs for the larger part (mostly songs playing during the wedding party), but just like the first two films the audio manipulation is superb and spot on. The remainder of the soundtrack is a not as in-your-face, but does a good very job setting the mood. That and the fact that for once the zombies sound more like menacing brain-munching killers instead of grunting old people who have trouble gobbling down their food.

And the acting too is of high quality. Diego Martin is great as the groom, but it's Leticia Dolera (as the bride) that gets the best scenes here. From the moment she's ripping apart her wedding dress using a roaring chainsaw, she barges through the film as one big, menacing lump of girl power who will be stopped by noone. The supporting cast is equally successful, though I'll admit that most of them are aided by some great zombie make-up.

screen capture of [rec] 3 Genesis

Even though the change of setting and camera style may be serious hurdles for fans of the series who aren't flexible enough to let the [rec] films evolve, the biggest shock will come in the form of the comedy elements that are scattered throughout the film. The humor is actually quite fun and introduces some great moments (SpongeJohn and the stealth-knights), but once things get serious Plaza is quick to pick up the pace, avoiding the traps many other horror/comedies fall into. The horror and gore is still top-notch, the comedy scenes are merely interludes to brighten the atmosphere a little.

[rec] 3 is easily the most fun I've had in cinemas in months. Sure enough this has something to do with the awful selection of film that disgrace Belgian cinema screens week after week, but it's also because Plaza knows how to deliver a fun, action-filled zombie flick that harbors some kick-ass gore and a few very funny moments. I guess Balagueró will provide the series with a real ending that remains true to the first two films, but as a way of getting there [rec] 3 is a very worthwhile successor to the previous two films. Highly recommended, especially when you can watch it on the big screen.

]]>
Thu, 12 Apr 2012 13:05:50 +0200
<![CDATA[hoshi o ou kodomo/makoto shinkai]]>http://www.onderhond.com/blog/personal/hoshi-o-ou-kodomo-review-makoto-shinkai

Whenever Makoto Shinkai (5 Centimeters Per Second, Hoshi no Koe) releases a new film it always feels like somewhat of an event. With just a few films to his name Shinkai launched himself as one of the most fresh and unique anime directors of this age, Hoshi O Ou Kodomo (Children Who Chase Lost Voices Deep Below) only reaffirms this status as he once again manages to deliver a film that underlines all of his trademark perks.

screen capture of Hoshi O Ou Kodomo

With Hoshi O Ou Kodomo Shinkai once again returns to a more fantastical setting, though instead of creating something similar to "Kumo no Muko, Yakusoku no Basho", Shinkai seems to have found a lot of inspiration in the collective work of Studio Ghibli. People like to compare Hoshi to Laputa (for very obvious reasons), I would like to add Mononoke Hime to that equation. When you combine the adventures of a young kid guided by a mysterious crystal with the guardians of the world you get awfully close to the synopsis of Shinkai's latest.

The film follows the adventures of Asuna, a young girl who likes to hike up the mountain to catch passing radio frequencies with a rather peculiar audio receiver. One day a strange yet haunting melody reaches her, not soon after a mysterious boy appears saving her from a wild and menacing creature. Asuna is understandably confused, but at the same time she is attracted to the boy and returns up the mountain for a second meeting. While see is able to trace the boys whereabouts, their relationship is short as the boy disappears soon after.

From there on the film reveals itself as a tale about lost love, with Asuna teaming up with her school teacher to travel to a mythical world where wishes can be granted. There's quite a lot of made-up folklore that links back to existing legends, but most of that is limited to the (ab)use of commonly known names. From that point on the structure of the film becomes quite fixed too, as Asuna and her team of companions explore the strange and fantastical world they happen upon.

screen capture of Hoshi O Ou Kodomo

Shinkai not only made fame because he started out as a one-man show animator/director, but also because of he single-handedly managed to come up with a film's length of industry-competitive visuals. By now the team around him has expanded, but Shinkai is still raising the bar on a visual level. The amount of detail hidden in Hoshi is too much to take in all at once. Freeze a couple of frames and marvel at all the tiny elements left and right that make up the scenery. Sadly the character animation and character design remain a bit plain compared to the rest of the film's visual detail, though Shinkai tries to counter this (quite effectively) with very controlled and deceptively simple character animation an camera movements. Seen over the entire running time you do get used to the film's visual brilliance and maybe Shinkai could've paid a bit more attention to the lacking visual crescendo, but that's just insane nitpicking on an otherwise visually stunning film.

The soundtrack is also typical Shinkai material. Like most of his films it will divide audiences alike. Many think Shinkai's soundtracks are way too melodramatic and pushy, others appreciate the awareness of the soundtrack. I guess I fall somewhere in between those two opinions. It's definitely not what I call a perfect score as it doesn't really help to expand the atmosphere, but it's far from annoying or overly melodramatic, especially compared to other popular examples. There is some quality music in there too (like the haunting melody), but those pieces are few and far between. As for the voice acting, it's on a very acceptable level, as you would expect from a project of this magnitude. Luckily there's no English dub yet (as far as I know), so that's one trap less to avoid.

screen capture of Hoshi O Ou Kodomo

In the end though, Hoshi O Ou Kodomo isn't as convincing as Shinkai's previous films. There is something not quite right with the whole fantasy setup. Maybe it's because of the fact that it refers too much to known Ghibli universes, or maybe it's because the mythical folklore just isn't interesting enough. Whatever it may be, the film does not cash in sufficiently on its exploring potential. Finding out about a fantastical world should be fun an exciting, but the film lacks this feeling from time to time, failing in its setup. It's not a persistent lack of interest though as there are definitely moments where the fantasy world is allowed to shine, Shinkai just can't keep that feeling present throughout the entire film.

That said, there is still plenty to be excited about. Shinkai serves you 116 minutes of visual wonder. There's a range of likable characters, an extensive fantasy world and plenty of memorable moments. The film just fails to become truly immersive, it lacks a soundtrack that could match the quality of the visuals and fails to explore the true potential of its fantasy world. Shinkai fans shouldn't worry though, the man clearly hasn't lost his touch and Hoshi O Ou Kodomo should be recommended material for all those that liked his previous films.

]]>
Wed, 11 Apr 2012 13:11:30 +0200
<![CDATA[isabella/ho-cheung pang]]>http://www.onderhond.com/blog/personal/isabella-review-ho-cheung-pang

Ho-Cheung Pang (Love In A Puff, Exodus) is definitely one of the most interesting directors working in the Hong Kong movie industry today. With two new films coming up, it felt like a good time to revisit my favorite Pang film, his somewhat atypical and surprisingly arthouse-inspired Isabella. It's been five years already when I watched it for the first time, but it still stands strong as one of Hong Kong's best films to date.

screen capture of Isabella

Ho-Cheung Pang is probably the director that got me interested in Hong Kong cinema in the first place. Before I discovered his films the HK industry felt like a stale collection of genre films and derivatives. Even though I've come to appreciate their appeal over the years, I was looking for something different back then. Films like You Shoot, I Shoot or Man Suddenly In Black may not be masterpiece material, but at least they betrayed a director with a personal vision. And Pang delivered, with films that float between commercial and arthouse cinema, maintaining a refreshingly young and hip atmosphere without losing any of their cinematic qualities.

The films he directed prior to Isabella were all comedies though, so when Pang announced his Macau-based drama I was quite curious to see what he would and could do with the genre. It turns out he delivered a film that could match the best of Wong Kar-Wai while injecting a more contemporary feel. The film starts when Cheung goes looking for her long-lost father. She meets up with him but instead of introducing herself she seduces him and they end up in bed together. A rather weird beginning, but it somehow suits the characters.

After some jumping back and front Cheung breaks to news to Ching (her father) and she moves in with him. Ching isn't ready to give up his current life-style though, so Cheung is constantly confronted with the women Ching brings back home. Even though their relationship is quite awkward at first, the two of them slowly start to appreciate each other's company. What Cheung doesn't know is that Ching is readied to become the fall-guy for a big police scandal, forcing him to either flee or abandon Cheung once more.

screen capture of Isabella

Isabella is a damn impressive film to look at. Green and red are the dominant colors (quite typical for HK/Chinese dramas) throughout the entire film, the night scenes are bathed in sexy sepia tints. The camera work is great, mixing controlled camera swoops with more agile and quirky camera work. Some very impressive angles and strong framing help the film to become even more striking. Cinematographer Charlie Lam makes a great claim to match the work of Christopher Doyle without outright copying Doyle's style.

The soundtrack too is not unlike Wong Kar Wai's choice in music, though in Isabella's case the setting of Macau makes for a more obvious link between the music and the film itself. Portugal-themed music helps to establish a very unique atmosphere and it even won the film a Silver Bear in Berlin. The rest of the soundtrack consist of quality drama-supporting tracks, but more traditional in their execution. Ho-Cheung Pang uses the music to maximum effect though, resulting in a very tight mix of audio and visuals.

Isabella is probably Isabella Leong's (Mon Seung) break-through movie and it's not difficult to see why. She carries the film with deceptive ease and even though her character isn't the most likable person you can imagine, it's still easy to feel for her situation. Chapman To proves a very worthy opponent and between the both of them there is enough dramatic tension and weight to make for a challenging relationship. Anthony Wong makes a small but noteworthy appearance too, it seems he's even prominent in movies where he can't claim a substantial role, just more proof that the man has a good nose for quality cinema.

screen capture of Isabella

The beginning of the film may be a little awkward (what with the incest and all), but as the film goes on a surprisingly sensitive story emerges. With two characters who are far from lovable, Pang builds a context where we can actually feel for these people, despite all their flaws. The ending is strong and poignant and serves as the perfect conclusion for Isabella.

With Isabella Ho-Cheung Pang combines strong drama with a superb sense of aesthetics. It's easily his most accomplished film to date where everything feels just right. Only the start of the film may be a bit unsettling, but just leave everything to Pang and you'll see that halfway through you're settled enough to let the drama and the strong atmosphere do their work. If you haven't discovered Ho-Cheung Pang yet, this is the film where you should start.

]]>
Fri, 06 Apr 2012 12:33:53 +0200
<![CDATA[responsive css grid/oldest trick in the book]]>http://www.onderhond.com/blog/work/responsive-grid-old-trick

Maybe you noticed already, but this weekend I converted my old design to a responsive layout. For many of you nothing has changed (safe a few very small bits left and right), but people visiting my site with a device that has a resolution (/device-width) lower than 992px will get a responsive layout. In the process I made a rather pleasant discovery regarding my preferred grid system, one I'll be happy to share in the following article.

responsive

Even though I believe in responsive design, I'm not totally happy with the current resources both developers and web users have to their disposal. Then again, doing nothing at all isn't helping anyone either, so I went ahead and made a responsive design anyway. If you want to see the resulting css file, you can check the responsive onderhond.com css here.

I'm almost ashamed to admit this, but it was the first time I actually coded a responsive design. Sure I've been reading about responsive the last few years, keeping myself as up to date as possible, but my focus on html and my shaky beliefs in the hands-on implementation kept me clear from actually sitting down and implementing such a design. For my site I also went the wrong way around. Responsive goes hand in hand with mobile-first, in my case the desktop design was already there and had to be adapted to a mobile context.

However, I found myself somewhat surprised at the ease of adapting a desktop design to mobile. When I started, I had only three specific requirements for my mobile design:

  • I wasn't going to support anything with a resolution lower than 320px.
  • I was going for a liquid layout while focusing on content breakpoints rather than device breakpoints
  • The content column was the only liquid column.

The third point in particular is an important one, as this method only requires one liquid column. Many responsive grids I saw before featured all-liquid columns. In my experience, the context (aside) and navigation (nav) columns are pretty designed by width already, so making them liquid would only lead to an unmanageable mess. Instead, I was going to focus on the content column and have the design break to a single column layout when the content area became too small to use.

the grid

The funny thing was that the grid system I've been using for the past 5 years already provided this exact behavior. For years I've been coding liquid layouts, though in practice a fixed with on the parent container always made sure the actual design was fixed. Changing this width to a max-width was enough to trigger the liquid content column behavior I was aiming for.

/* html */ <div class="grid"> <section> content goes here </section> <aside> fixed context column</aside> </div> /* css */ .grid{padding-right:15em;} .grid > section {float:left; width:100%;} .grid > aside {float:right; width:15em; margin-right:-15em;}

The code above is an age-old piece of html/css that allows for easy equal height, source-order independent grids. You can switch the section and aside element in the html source without any changes needed to the css. More important though is that the section (the content column) takes up all the available space. Change the width on the parent and the size of the content column will change accordingly. Even better, this thing can be made to work all down to ie6.

People may remember an article I wrote a good 2.5 years ago (away with widths) where I went against the abuse (or call it over-use) of explicit widths in web design. It turns out that with responsive design raging this little best practice made my life a whole lot easier. After changing the width of my page to a max-width with the same value, all I had to was resize my browser window to find out where my original design broke and add my breakpoints there. Currently the grid breaks down at 630px, leaving me with the following piece of css:

.grid > section, .grid > aside {margin:1em 0;} @media all and (min-width:630px) { .grid {padding-right:15em; overflow:hidden;} .grid > section {float:left; width:100%; margin:0;} .grid > aside {float:right; width:15em; margin:0; margin-right:-15em;} }

And that's all there is to it really. Everything below 630 gets a single-column experience (though I'm not quite sure what to do with the context column, leaving it in its original size looks weird, but stretching it across the entire available width is probably even sloppier - guess that's why people are preaching the mobile-first approach). All in all it took me about 7-8 hours to adapt everything and to get the responsive layout live. Not bad for someone who never coded a responsive layout before, I'd expected a lot worse to be honest.

If you want a peak at the grid in action, check out the little responsive grid test page I made. It may not be new and/or cutting-edge, but somehow I haven't seen it used much in relation to responsive (yet).

conclusion

Best practices, even when they don't have an immediate effect, are important, if not essential for future-proof coding. The grid system I've been using for about 5 years now suddenly proves very effective in accommodating responsive layouts. These are the finer moments in one's career. Things are a little different if you want all-liquid columns of course, but I'm not quite sure I think that's a very good idea in the first place.

I'm still trying to find a good way to switch back to the old (fixed) layout for web users who don't like the responsive version (which I know exist), you can expect this functionality in the near future.

]]>Wed, 04 Apr 2012 12:50:32 +0200<![CDATA[the divide/xavier gens]]>http://www.onderhond.com/blog/personal/divide-review-xavier-gens

Even though Xavier Gens' Frontières has earned its place amongst the front-runners of the French horror wave, a film like Hitman already hinted at Gens' broader vision. With The Divide Gens takes the post-apocalyptic route and serves a slice of cabin fever that smartly combines horror elements with equal parts of thriller and sci-fi. The result is a claustrophobic film that is easily one of the best in the genre, though it is equally sure to divide audiences.

screen capture of The Divide

The biggest "problem" with The Divide is that it's not at all interested in its post-apocalyptic setting. While the film is advertised as a post-apocalyptic sci-fi flick, the setting is merely a trigger for the story to get rolling. Safe two or three shorts scenes, you won't see much of the outside world, nor are you going to find out what exactly happened. The Divide is a pure cabin fever flick, which could come as a real disappointment to people expecting a post-apocalyptic battlefield.

The film starts with a vision of a nuclear blast. A group of people runs for cover and ends up in a nuclear shelter. The owner of the shelter is a somewhat secluded janitor who immediately claims control over the group. The shelter is shut off from the rest of the world and no-one is allowed to leave their hiding place until the nuclear dust has cleared up. Not long after though, the first frustrations start to pull the group apart.

Things take a turn for the worse when an alleged rescue time arrives to free the people from their underground prison. Chaos ensues when a team of suits enter the shelter and forcibly take away a child in a containment bag. In return the group manages to kill one of the suits, leaving them with one single piece of equipment that can save their lives. The other suits retreat but soon after they return to weld the shelter door shut, eliminating the group's single route of escape. From there on, things only get worse.

screen capture of The Divide

Gens keeps tight control over the visual side of things. The Divide is basically a single-location film, but through beautiful camera work and interesting perspectives Gens manages to keep the film attractive. The few scenes outside make for a welcome diversion, but apart from a few decent CG shots there isn't much of the post-apocalyptic world to admire. Much of the inside scenes are bathed in sepia tones, combined with the low-lit areas this makes for some very atmospheric shots while maintaining a very claustrophobic feel.

The soundtrack is mostly generic fare to build up the tension. It's a decent soundtrack but for the larger part it doesn't go beyond its functional requirements. It does feel like a missed opportunity though, as there are a few tracks, mostly used during key scenes, that really lift the atmosphere to new heights. The final scene in particular is of exceptional beauty and part of that is due to the strong score underlining the shot.

As for the acting, things aren't as clear cut. Clearly the actors aren't A-grade material. Even though Lauren German does a good job you can't help but feel Gens was trying to find a replacement for Milla Jovovich. The rest of the cast doesn't even reach the level of German but considering their capabilities they do a decent enough job. Luckily there's an upside to all of this. Where A-grade actors are usually more restrained, these guys go all out during the last 45 minutes of the film. When depravity hits the shelter, these people have no problem at all to bring out the worst in them, which makes the second hour all that more exciting to watch. So yeah, the actors may not be stellar, but I firmly believe the film actually benefits from this.

screen capture of The Divide

It may sound like a waste of post-apocalyptic fun to construct a cabin fever film out of this, but the post-apocalyptic setting actually makes for some fine mystery. You never really find out what triggered the nuclear explosion, Gens throws in a few puzzle pieces left and right but they never seem to match or lead to something conclusive. In return you keep wondering what the hell is happening outside the shelter. Some people will be frustrated because the film leaves them hanging without a proper explanation, others will embrace this decision as it gives a better idea of what the group is going through.

The Divide is a tad long and could've done with a little cutting around the half-way mark, but the second hour is definitely worth the wait. As the situation gets worse inside the shelter, people are gradually falling apart and things get quite messy. The struggle for survival is a tough and nasty one, leading to a more than satisfactory conclusion. Where the first hour left me mostly intrigued, the second hour seals the deal.

With The Divide, Gens created another stylish genre flick. It may not live up to people's expectations, but if you're willing to just follow Gens on his trip down cabin fever lane there is plenty of fun to be had with The Divide. And if you can maneuver yourself past the mediocre acting, there is nothing else standing in the way of some prime claustrophobic, post-apocalyptic fun.

]]>
Tue, 03 Apr 2012 13:04:16 +0200
<![CDATA[usagi drop/hiroyuki tanaka]]>http://www.onderhond.com/blog/personal/usagi-drop-review-hiroyuki-tanaka

Even though Hiroyuki Tanaka (Monday, Kanikosen) is a certainty in my selection of favorite directors, the past few years Tanaka has been struggling to find his way (much like the rest of the Japanese film industry). While Usagi Drop isn't a true return to form, it's a damn good film that reaffirms Tanaka's status as an A-grade director. Usagi Drop is a blistering sweet feel-good film that will leave you with a warm and dear smile, what more could you ask for?

screen capture of Usagi Drop

The Japanese film industry finds itself in a small commercial slump which seems quite difficult to shake off. Many contemporary Japanese dramas and comedies are targeted mainly at the local market, lacking authorship and feeling too slick and derivative of earlier successes. While Usagi Drop isn't completely free from this influence, Tanaka was able to elbow himself in a comfortable enough position to make the film his own.

Usagi Drop is the live action adaptation of a manga by the same name, but (as often the case) it was the successful anime adaption that made people take notice in the West. I guess it's important to state that I went in free of any preconceptions. I didn't read the manga, nor did I see the anime prior to this film, so I'm not sure what and if anything was altered for Tanaka's version. As these kind of things often have a big influence the overall experience (fans freaking out over changes made to the original story and/or atmosphere), I think it's fair to clear this up before starting the review.

The film follows the story of Rin and Daikichi. Daikichi meets up with Rin at the funeral of his grandfather, where he finds out that Rin is the illegitimate daughter of his late grandpa. Rin's mother is nowhere to be found and the rest of the family doesn't seem to care about the fate of the little girl, so in a bold move Daikichi decides to take her home with him, claiming legal guardianship. From there on we see how the both of them learn to live with each other, which isn't always as fun and exciting as they thought it would be.

screen capture of Usagi Drop

Visually Tanaka has everything under control. Several well-used filters make for a bright, colorful and spring-inducing atmosphere that runs through most of the scenes. There are a few moments where Tanaka goes the extra length to create something more (the magazine scenes), though there aren't too many of them. Overall the film has a very pleasant visual style and fans of Tanaka will be pleased to hear he once again included some of his favorable "running scenes", which helped to define his trademark style in his earlier films.

The soundtrack contains some pretty atypical music selections, but if there's anyone who can handle atypical music it's Tanaka. He has a superb feel for rhythm and knows how to make his films benefit from that. There are several scenes (once again the magazine scenes) where it will prove difficult not to tap along with the soundtrack. Then there are some more traditional pieces which will feel very familiar for people watching Japanese drama on a regular basis. The execution is strong and uplifting though, making it a very fresh and light soundtrack, very much in line with the rest of the film.

On paper the actors would appear to be the weakest link here. Ken'ichi Matsuyama didn't really convince me before and child actors can be very annoying if not cast well. But contrary to my expectations, Tanaka does a great job with the cast. Matsuyama's comic timing may be a little off at times, but his dramatic work is spot on. The real star of the film is Mana Ashida though. She may be just 8 years old, but with acting credits like Usagi Drop and Kokuhaku on her resume her career couldn't have started any better. She is simply adorable in this film and actually knows to convince in the more dramatic scenes.

screen capture of Usagi Drop

Usagi Drop is 100% feel-good cinema. If the film doesn't grab you there's a change you'll find false sentiment all over the place, but Tanaka does everything in his power to avoid this trap. Instead Usagi Drop becomes a warm and heart-felt drama that makes a few interesting points but never forces them on its audience. There may be one scene near the end of the film that might cause a small fuss, but even that is handled with the proper sense of feel-good and any ill thoughts are soon forgotten (it is on the other hand quite amusing how quickly we think the worst of some people and situations).

At certain points you feel that the weight of the manga and anime keep Tanaka from going all out, but the result is still a very fun and imaginative little film that stands proud amongst Tanaka's other film. It's not his greatest film to date, but it beats his previous efforts and gives plenty of hope for the future. If Japanese cinema can lift itself from its minor slump, I'm sure Tanaka can produce another true masterpiece. For now though, Usagi Drop is a lovely film with lots to smile about. Wonderfully acted, creatively visualized and aptly scored, you can't really go wrong with this one.

]]>
Mon, 02 Apr 2012 18:04:19 +0200
<![CDATA[2046/wong kar wai]]>http://www.onderhond.com/blog/personal/2046-review-kar-wai-wong

2046 was probably Wong Kar Wai's highest anticipated film. After he hit it big with In The Mood For Love everyone with the least bit of interest in Asian cinema was waiting for its (informal) sequel. Upon release reactions were somewhat mixed, but personally I felt as if Kar Wai exceeded his himself and delivered a film that would be very hard, if not impossible to match. 2046 is Kar Wai and Doyle at their very best, and then some.

screen capture of 2046

Together with The Days of Being Wild and In The Mood For Love, 2046 forms Wong Kar Wai's (My Blueberry Nights) informal love trilogy (which can even be further extended if you count his entry in the Eros anthology film). The films are constructed so they can be seen separately from each other, but as they're all great films there's really no reason to watch 2046 first. Should you be forced to watch 2046 before the others though, know that safe a couple of minor details the films stands very well on its own.

2046 follows a couple of years after the events of In The Mood For Love. Chow is back on his own, living in a small hotel and writing novels. As he encounters people in the hotel and surrounding bars, he incorporates them into his sci-fi tale about a man returning from the year 2046. The sci-fi story serves as a layer on top of the actual story, extrapolating Chow's feelings, though the story itself is pretty detached from reality.

2046 is once again a story about romance, though the film goes way beyond the standard romantic visions of young and blossoming love. Chow is back to his old routine, meeting and seducing women, unable to really settle down with any of them. His lost love (In The Mood For Love) is constantly holding him back and refraining him from finding a woman to grow old with. Don't expect any real resolutions in 2046 though, it may be the final entry in the trilogy but that does not mean Chow's story truly ends with this film.

screen capture of 2046

Above anything, 2046 is a visual experience. The collaboration between Kar Wai and Doyle is legendary and the both of them lift 2046 to unseen heights. Still there is a small part of me that still weeps for some unfulfilled potential that lingers between scenes. While the 60s segment are beautiful, warm and atmospheric, they are still completely eclipsed by the futuristic scenes in 2046. These segments are truly awe-inspiring, an explosion of color, dreamy camera work and perfectly planned shots. Whenever the film switches back to the past, there is always a little twinge of disappointment. Maybe it's unfair criticism for a film that's this visually accomplished, but nonetheless it's a feeling that won't escape me even after multiple viewings.

The soundtrack is another powerful asset to the film's atmosphere. At first I struggled a little with Kar Wai's choice in music, but over time I've come to appreciate the returning musical cues. The soundtrack lend the different sequences a very unique and individual atmosphere that go well together while still accentuating the contrast between the different relationships in Chow's life. It's not the kind of music I prefer to listen to, but within the confines of the film it works wonders.

As for acting performances, Kar Wai rounded up some of the best and brightest talents of Hong Kong cinema. Tony Leung Chiu Wai is arguably the best male actor Hong Kong has ever known, Faye Wong, Ziyi Zhang, Gong Li make notable appearances as Leung's female interests (and not forgetting a short cameo of Maggie Cheung). As you'd expect from a cast like this, the acting is top notch.

screen capture of 2046

Even though all actors do a great job portraying their characters, the romance isn't as soaring and passionate as you might expect from a film like this. Part of this is due to the nature of the characters, as this clearly isn't a film about true love, but there's also the more controlled and restrained attitude often seen in Asian romances (Hou's Three Times has similar issues for many Western people). It's not so much that the characters lack chemistry, it's about the way they hide it from each other. 2046 is not a simple tale of two people falling in love, overcoming some hardships and living happily ever after, but a more down to earth and realistic approach to romance.

If the romance and the drama doesn't get to you, the atmosphere probably will. The film features some of the most impressively visualized scenes I've ever witnessed in any film, helped by a wonderfully unique soundtrack. The acting is strong, the poetry is rich and the character are lovable, despite their obvious defects. The film runs a little long, but never becomes stale or boring. I'm very much looking forward to Kar Wai's new film, though I fear 2046 will be very hard to top.

]]>
Fri, 30 Mar 2012 12:10:47 +0200
<![CDATA[oocss is crap/long live oohtml]]>http://www.onderhond.com/blog/work/oocss-bad-oohtml

For the longest time I didn't mind all the oocss talk. When the term was first coined I quickly glanced over the basics and wrongly assumed it simply reiterated something I'd been doing for years. Lately the methodology has been gaining in popularity though (read Nicolas Gallagher's post for more information), which called for closer inspection of what was being suggested. Basically, I'm appalled by what I read and I hope I'm not the only one.

on semantics

Sure enough, the concept of html semantics is somewhat vague. Even though it's been a hot topic for years, there isn't really a definitive solution, hence why so little tools exist to make full use of semantic html code. For a while we relied on classes (microformats) to convey semantics, html5 introduced microdata as a baked-in substitute and the html elements themselves have their own natural semantic meaning. These days microdata allows us to define extra semantic value, not related to the simple nature of the content but tied to its contextual meaning (what am I and where do I belong).

Microdata can be used for styling (though it's overly verbose), data- attributes can be used as javascript triggers. Suddenly we find ourselves in a situation where classes are losing their appeal, oocss makes good use of their sudden lack of function to hijack the class attribute and use it for skinning. The question is of course: is this a good idea (in the long run).

on oocss

The idea behind oocss is to define visual styles tied to a single class name, then apply this class to all the elements that need this style. This goes against everything we've learned the past 10 years, but that in itself should not be a reason to discard the technique. It should however throw up a few warning signs, because obviously we haven't been preaching the semantic use of class names just because we thought I'd be a fun thing to do (and nothing else was going on anyway).

The 'oo' in oocss comes from extending and mixing different classes, a rather simplistic view of 'oo' but it sure helped to spread the word. While clearly a strength, it's also a weak point of the entire setup. Consider the following:

.class1 {... color:#000; ...} .class2 {... color:#fff; ...}}

One big problem with oocss that immediately arises is that conflicts between different skins are much more common compared to writing regular css. As we are allowed to mix and match different base classes, we quickly find ourselves in situations where properties defined in classes with similar weight are fighting for dominance.

While css provides a mechanism to fix this (the last class in the css source wins), I consider this to be a necessary part of css error handling rather than good coding practice. If someone rearranges your css file, things are bound to break, which hints at the very poor structure of your css.

on back-end implementation

Probably worse is the strain oocss puts on back-end implementation. In certain cases (inhouse development of big sites) it may not be too bad, but for other sites it means that the html a cms spews out has a very weak link to logical components, rather it is linked to styles. If there is a difference in style between two components, this means the component needs a different html output. Where before this used to be a css problem only, we are now spreading responsibilities between back-end, html and css.

Not only that, simply skin updates also impact the html, meaning more possibilities for things to go wrong.

on oohtml

The reason why I didn't pay much attention to oocss at first is because I've been using similar concepts, only based on html patterns rather than css patterns. Define base classes for different (semantic) components, then extend them with additional classes to make variants. Only use semantically sound class names rather than names that hint at skins.

In the long run, this would allow us (and really, I'm talking foreseeable future here) to develop single component frameworks that takes care of all the back-end and html work. Building a site (using a whitelabel css for your framework) could take hours instead of days, the rest is just css work. As long as you make every element identifiable (which is not the same as adding a class name on each html element), there shouldn't be any problem.

But what about the css you say? Well, Nicolas has the following to say:

However, even with the help of a pre-processor, my preference is to use the multi-class pattern and add modifier classes in the HTML.

It's nice to have preferences, but I'm pretty interested to hear exactly why he prefers the oocss way. People who used less and sass before will recognize that oocss is little more than a html-intensive way of incorporating mixins. Mixins can do pretty much the same thing as oocss, only you don't need to bastardize your html code to get the desired result.

conclusion

Screw oocss, long live oohtml. Write your html code with semantic components and variants in mind, use mixins if you want to reuse css code. It benefits back-end implementation, keeps your html predicable and clean and maintains the separation between content and styling. It's nice to challenge existing ideas once in a while, but that doesn't mean that the result is worthwhile. For now, oocss might seem somewhat attractive (with mixins not being part of the official css spec), but in the long run it's another one of those faux best practices that will do more harm than good. Let's not fall into that trap again.

]]>
Tue, 27 Mar 2012 13:21:12 +0200
<![CDATA[kuhio taisa/daihachi yoshida]]>http://www.onderhond.com/blog/personal/kuhio-taisa-review-daihachi-yoshida

Hong Kong was long the home turf of conman cinema, but now Japan finally has a certified hustler of its own. His name is Sergeant Kuhio, a jet pilot fighting for world peace, trying to do justice to his royal bloodline. Kuhio Taisa is another one of Yoshida's dark yet quirky comedies, throwing you off-guard and mixing awkward, strange and dramatic moments into an unusual mix that leaves you with a feeling of having witnessed something unique.

screen capture of Kuhio Taisa

Kuhio Taisa was the only Daihachi Yoshida (Permanent Nobara, Funuke, Show Me Some Love You Losers) film I still needed to see, now that I have I can say without any doubt that he's one of the best directors working in the current Japanese comedy scene. While his sense of humor can be cornered as typically Japanese, he brings some very unique elements to his films that distinguish him from other directors.

From the get-go it's obvious that something is not quite right with Sergeant Kuhio. While he acts dignified and serious, he is little more than a lowlife conman, cheating women out of their hard-earned money. When he claims to leave for secret missions in Iraq, he just goes on to the next woman and tries to woo her with similar stories of epic grandeur, adding lie upon lie to plunder the women's cash reserves.

Things go bad when Kuhio is found out by one of the girl's brothers. A hustler himself, he decides to milk Kuhio for money, starting an unstoppable spiral of deceit that will eventually lead to Kuhio's demise. Even though this all sounds quite serious and dramatic, trust Yoshida to turn it into a rather light-hearted and genuinely funny tale about a unique individual who just happens to be a deranged criminal.

screen capture of Kuhio Taisa

On a visual level Kuhio Taisa is pretty decent, but not overly impressive. There are a few shots that jump out (mostly near the end of the film), but while the camera work and framing is pleasant and proper it feels as if it doesn't completely fulfill its potential. Maybe it's because Yoshida feels more at ease in rural settings, as the scenes outside definitely outshine the ones inside.

The soundtrack is quite quirky and light-hearted, but also fail to truly impress. Actually, you might be forgiven to think there wasn't even a soundtrack present during most of the scenes. While the music is actually rather lively and fun, it is banished to the background and kept there mostly as filler. The most characteristic element of the entire audio track is Masato Sakai's voice and accent, which says all there is to say about the soundtrack really.

The acting is top notch though. Masato Sakai gives a great performance as Kuhio and carries the film with extravagant flair. His character is the center point of Kuhio Taisa and crucial in making the comedy work. Sakai makes sure his character remains likable and mysterious while he's ripping off innocent woman. And even though there's some kind of justification for his actions at the end of the film, Sakai doesn't really need it to make people feel for his character. The secondary roles are properly filled in too, though they are clearly just tagging along.

screen capture of Kuhio Taisa

Kuhio Taisa is another one of those films that balances comedy and drama in a rather odd and novel way. While the events in the film are clearly no laughing matter, there is a constant light-hearted tone that clashes heavily with what you see on screen, but still knows to seduce you into laughing. Yoshida is king of this peculiar comedy genre and deserves a couple of follow-up films to broaden his oeuvre.

While a tad long, Kuhio Taisa is a great film that has little or no trouble keeping your attention. Sakai does a great job portraying Kuhio as a weird, devious but ultimately likable character. While there are a few scenes that are quite dramatic, they are quickly followed by some darker and off-key comedy moments. It's not Yoshida's best film (you're better off watching Funuke first), but fans should take the time to seek out Kuhio Taisa. Success guaranteed.

]]>
Mon, 26 Mar 2012 13:42:09 +0200
<![CDATA[jin-ro/hiroyuki okiura]]>http://www.onderhond.com/blog/personal/jin-ro-review-hiroyuki-okiura

The first time I tried to watch Jin-Ro I didn't even make it till the end credits. Years later I gave the film a second chance and through subsequent viewings my appreciation for this film grew bigger. Nowadays (I watched it maybe five or six times) it's one of my all-time favorite films and I feel like there is still room for further growth. A superb example of adult animation and a film that deserves all the praise it can get.

screen capture of Jin-Ro

When Okiura was asked to direct this film he took on a pretty difficult job. Jin-Ro is part of the Kerberos universe, initiated in 1986 by Mamoru Oshii and sporting offspring in several different media. Prior to this film there were already two live action adaptations, a manga series and even a radio drama involving the Kerberos police. Oshii also provided the script for Jin-Ro, but Okiura clearly had no intention to play director for hire. He brought his own vision to the film (which makes for an amazing DVD extra, where Oshii openly criticizes some of Okiura's decisions) and effectively made the film his own.

Take away the minor fanboyish vibes surrounding the Kerberos suits and what you have left is one of the most mature and serious animation films out there. There's no room for comedy, no quirky side characters or funny interludes. Jin-Ro is a serious tale about politics, counter espionage and human nature. This may be a bit dry for most people (especially those expecting a lot of action), but the well-written script and strong direction make it very bearable indeed.

Fuse is a young recruit working for the SE, a special militant group who is used against terrorists. One day he finds himself eye to eye with a young female bomber and fails to shoot. Fuse is sent back to training school, where his talents are re-evaluated by his superior. During that time he meets up with the bomber's sister and start a (platonic) relationship with her. Without realizing it, he becomes a prime target for people trying to overthrow the SE division.

screen capture of Jin-Ro

Okiura's style doesn't impress with visual grandeur, instead it's the incredible attention to detail that underlines the man's talent. Character can be a little static at times, but their movement is precise and controlled. The color scheme is quite desaturated, which helps to set the somewhat depressing atmosphere that runs through the film. No big camera swoops or crazy special effects, but the animation still manages to impress.

The soundtrack is definitely another strong point of the film. Hajime Mizoguchi provides a very delicate and beautiful set of tracks that evoke a very melancholic and subdued atmosphere. The best is saved for last though, the song that runs with the end credits (a returning Jin-Ro theme overlaid with ethereal vocals) is one of the most memorable and stunning musical pieces I've ever encountered in any film, animation or live action. As for the voice acting, there isn't that much to say besides that the Japanese voice actor don't have too much trouble with these kind of serious animation films. Top notch quality, so make sure you watch the Japanese dub.

screen capture of Jin-Ro

Jin-Ro's political undertones are quite elaborate (and result in long-winded, content-heavy conversations) while the execution of the drama is delicate and brooding. This leaves very little time for action, which comes in short bursts spread throughout the film. While I think this is actually one of the thing that makes Jin-Ro great, it's known to trick people's expectations of this film. Jin-Ro is a political thriller first and foremost, the Kerberos suits are just part of the setting rather than an excuse to create an action extravaganza.

Mixed with the story film is the original tale of Red Riding Hood, lending the film some extra depth. From the original story come quite a few poignant wolf analogies that define the philosophical elements within the film. Again, people expecting some cool action scenes might not be bothered, but the bottom line of Jin-Ro is definitely an interesting one and very well explained throughout the film.

Okiura's film is up there with the best Japanese animation has on offer. It's a very mature, accomplished and delicate film that may take a couple of viewings to grasp completely, but as there is plenty of beauty and wonder for people to return to this shouldn't be too much of a problem. It's a shame Okiura took so long to complete his next film (which is being released this year), but even if this new film bombs we'll always have this one.

]]>
Fri, 23 Mar 2012 12:20:56 +0100
<![CDATA[partial drop shadows/some solutions]]>http://www.onderhond.com/blog/work/partial-drop-shadows-css3

Maybe you remember my article on the design axiom css will never catch up with visual design, this week I ran into another telling example of what I stated back then. The culprit this time: drop shadows. I haven't written too many large chunks of css lately, but a single day into a new project and I'm already running into issues I assumed would've been solved by now. I found some ways around them, but pretty it ain't.

drop shadows

As a front-end developer, I never liked drop-shadows. I didn't mind those single-color x-pixel-wide fake borders we used sometimes to create a faux drop shadow effect, but whenever alpha transparency and corner roundings were involved, things got messy real quick. Sometimes you needed up to 8 extra structural wrappers (four sides, four corners) to add a full transparent drop shadow to a flexible height/width box. Those were not happy times.

With the rise of css3 we were able to put those gripes behind us. A drop shadow syntax was introduced (box-shadow) to create drop shadows at will, and all was good for a (very short) while. To make things even more perfect, all browsers supporting the box-shadow syntax also supported the rgba() color syntax, so adding transparent drop shadows was incredibly easy. Soon though, simple drop shadows just weren't enough, extra 3D effects were added and the syntax just couldn't cope anymore. To be fair to the syntax, most of those effects were ugly as hell and couldn't have been foreseen by any sane person, but once again visual design had found a way to beat css.

The problem I'm currently facing is a little different though, as in my opinion this could have been foreseen and the current syntax just isn't flexible enough (unless I'm missing something of course). What I need to do is create a drop shadow that only appears top/bottom (or left/right), but not on the adjoining sides. Currently you can only control the "source of the light" though (positioned from top left), rather than the angle from each side of the box.

To see the different solution in actions, check out the partial drop shadow test page

using two structural elements

/* html */ <div class="outer"> <div class="inner"> content goes here </div> </div> /* css */ .outer {box-shadow:0 0 10px rgba(0,0,0,0.5); (+ -vendor)} .outer .inner {margin:0 -10px; background:#fff;}

The first technique is the most robust one, but it requires two structural elements. It's actually pretty easy, just set the drop shadow on the outer element (don't forget: vendor syntax + regular syntax) and pull the inner element out of the outer element using negative margins. Set a matching background color on the inner element and you're good to go.

This only works if you have a predictable background (pattern) on your context though, as the background color set on the inner element should match the background color of your context. Not ideal, especially when you need to depend on two different structural elements. But in some cases, this is all it takes. Browser support is good too, all browsers with support for drop shadows have equally good support for negative margins.

using :before and :after

/* html */ <div class="element> content goes here </div> /* css */ .element {box-shadow:0 0 10px rgba(0,0,0,0.5); (+ -vendor); position:relative;} .element:before, .element:after {position:absolute; width:10px; top:0; bottom:0; background:#fff; content:"";} .element:before {left:-10px;} .element:after{right:-10px;}

The :before and :after hack is used for everything except making coffee these days, so of course I tried it on this particular issue. The idea is pretty much the same, the limitations too. Just create two pseudo-elements and position them over the left and right parts of the drop shadow. Color them the same color as the background and you get the impression the drop shadow only runs top and bottom.

Sadly this still doesn't solve our problem when the background on the context has a non-predicable pattern. Browser support is once again a non-issue.

using overflow:hidden;

/* html */ <div class="outer"> <div class="inner"> content goes here </div> </div> /* css */ .outer {padding:10px 0; overflow:hidden; margin:-10px 0;} .inner {box-shadow:0 0 10px rgba(0, 0, 0, 0.75); + -vendor; padding:10px 1em; background:#fff;}

The third and final method makes use of the overflow:hidden property. Once again we need two structural elements. The outer element sets a overflow:hidden and reserves top and bottom space (for the drop shadow on the inner element), the inner element receives the drop shadow.

The problem here is that the corner roundings are completely cut off, resulting in a rather ugly effect. In some cases this might suffice, but it doesn't really look finished. The upside is that we don't need to duplicate the color and we can use more complex background patterns. Once again, browser support is not something you should worry about.

conclusion

Depending on what exactly you need to accomplish there are some hacks and troubled solutions, but I still haven't found a proper way to mimic this particular effect in css. Chances are I missed something, please link me in the comments if you know of better ways.

]]>Wed, 21 Mar 2012 13:11:56 +0100<![CDATA[this must be the place/paolo sorrentino]]>http://www.onderhond.com/blog/personal/this-must-be-the-place-review-paolo-sorrentino

For some people This Must Be The Place is going to be the new Sean Penn flick, for others it will be the new Paolo Sorrentino film. The difference may seem futile, but based on this simple distinction you might say that roughly one group is going to appreciate the film for what it is, while the other group will end up being bored to death. I'm in the believers group and thoroughly enjoyed Sorrentino's latest effort, but it's definitely not a film for everyone.

screen capture of This Must Be The Place

Ever since I discovered Sorrentino's Le Conseguenze dell'Amore I've been following the man with heightened enthusiasm. Il Divo was a small disappointment, but with This Must Be The Place Sorrentino proves that Le Conseguenze dell'Amore was more than just a lucky hit. For people worrying about Sorrentino moving to an American setting, they can rest assured. Sorrentino's move to American soil feels more connected to Wong Kar Wai's My Blueberry Nights than it does to Nicholas Refn's Drive.

Even though Penn claims his character is not based on Ozzy Osbourne, it's hard to dismiss the idea that they have an awful lot in common. Cheyenne (as his character is named) could very well be the undiscovered offspring of Ozzy Osbourne and Tim Burton (that is, if nature had permitted them to mate). Cheyenne is the personification of lost rock glory, represented by a character that has mush for brains and has the mental reaction speed of a retired snail. While not entirely unhappy, Cheyenne seems lost in a world that is clearly not his own.

When his father dies he travels back to America, where he learns that his dad spent the last 20 years of his life hunting a nazi officer that made a fool of him during the war. Talk about dedication to revenge. Cheyenne decides to finish his dad's quest, even though the two of them had failed to talk to each other ever since Cheyenne moved to Ireland. It's quite an absurd story, but within the film it never comes off as too far-fetched or overly weird.

screen capture of This Must Be The Place

If Le Conseguenze dell'Amore and Il Divo made one thing clear, it's that Sorrentino pays close attention to the visual side of things. This Must Be The Place is no different. Strong, inventive camera angles, controlled camera swoops and strong of color and light dominate the film. Every scene holds some or several visual details that set it apart from other films. It's a tad glossy at certain points, but overall a very pleasant film to look at.

While I wasn't terribly impressed with the choice of music for the This Must Be The Place, Sorrentino still manages to use it to great effect. I'm not a rock fan (in any form), so I didn't expect to be moved by the soundtrack, but many of the songs are used in such a way that they at least add some form of individuality to the scenes. I did however like the multiple use of Arvo Pärt's Spiegel Im Spiegel (from Gerry fame). While not a very original choice, Sorrentino handles it with exceptional class.

Even though I clearly put a lot of focus on Sorrentino's share in the film's success, Penn's performance isn't to be dismissed that easily. While he has a pretty one-dimensional character that thrives on mannerisms, he transform in Cheyenne with great conviction and really makes the character his own. A remarkable and memorable role and probably the best performance of Penn I have witnessed so far. The supporting cast is great too, with Francis McDormand and Harry Dean Stanton coming out as most memorable secondary characters. McDormand in particular shines as Cheyenne's wife early on in the film.

screen capture of This Must Be The Place

This Must Be The Place has many unique elements that set it apart from other films, still a sense of familiarity fell over me as the film progressed. After a lengthy introduction the film turns into a rather straight-forward road movie, where Cheyenne meets up with a series of weird, freaky and/or unique individuals. It's not unlike Jarmusch's Broken Flowers, even the bittersweet undercurrent with strong dark comedy touches refers back to Jarmusch's film. It's definitely not a one on one copy and it could just as well be a very personal link, but I believe both films could make for an interesting back to back program.

This Must Be The Place is a lovely mix of comedy, absurdity and human drama, featuring a strong lead and a memorable cast of secondary characters. The film is a tad long and might move along rather slowly if you're not used to Sorrentino's style of filming, but people who can appreciate a good arthouse flick should feel right at home. The film is genuinely funny, moving and refreshingly honest. A film that restored my faith in Sorrentino and one that makes me look forward to his next project.

]]>
Tue, 20 Mar 2012 13:23:48 +0100
<![CDATA[lee's adventure/frant gwo and yang li]]>http://www.onderhond.com/blog/personal/lee-s-adventure-review

Talk about a pleasant surprise. I referenced the new and upcoming generation of Asian film makers a couple of times already (pk.com.cn, Honey PuPu), Lee's Adventure is allowed to join this illustrious duo as the film further underlines my belief that something is definitely brewing over there. If you cling to the laws of traditional cinema you can safely skip this film, but if you want a sneak peek at the future of film making, Lee's Adventure is a definite must see.

screen capture of Lee's Adenture

Lee's Adventure is a mixed media rework of the cult short film bearing the same name, originally released in 2009. The original was a 20 minute short sporting different kinds of animation styles, the 2011 adaptation throws in some live action scenes to further increase the sensory chaos. Incorporating animation in a more natural and intuitive way is rapidly becoming a trend though, contrasting the stark and almost stand-alone animation sequences that began to creep into more commercially-minded films a good 10 years ago (think Kill Bill, Revolver, Chocolate). An evolution I'm actually quite fond of.

The film follows the life of Li Xian Ji, a 20-something year old guy who suffers from TDD, a rather unique, remarkable (and non-existent) syndrome. The main symptom of the syndrome has Li experiencing serious time lapse episodes at irregular intervals (not quite unlike those seen in Cashback). Sometimes a mere second can last a half hour, sometimes a year passes by in just 30 minutes. The only one who understands Li 's condition is Wang Qian, a girl suffering from the exact same condition.

The two of them hook up, but promise each other that their relationship can only last until one of them gets better. What they didn't foresee was that Wang's condition clears up quickly after that. A small argument leads to a rather tragic accident and Li spends the remainder of the film trying to come up with a way to reunite himself with Wang. Since Li's TDD has messed up his understanding of time, he is convinced he can actually travel back in time to prevent the fatal accident, fixing things once an for all.

screen capture of Lee's Adenture

Visually the film is all over the place, still there is a consistent quality that runs through the film. The live action sequences are lushly photographed, every single frame looks impressive and detailed. There are quite a few memorable shots too, add to that the snappy and precise editing and you have a very attractive film. The animation sequences pop up whenever things get too weird to handle in live action. The quality of the animation is not entirely up to par, but the art style is cool and the animation sequences are integrated really well with the live action scenes. A true visual adventure.

The soundtrack too lacks coherence, which is not really a surprise considering the fact that the film as a whole shows very few restrictions. The soundtrack is used to good effect though. From the more dramatic sequences to the pretty cool chase sequence early on, the music adds to the atmosphere of the moment and gives the film some extra attitude. I wouldn't care to listen to any individual tracks outside the context of the film, but within the film it works wonders.

The acting is top notch too, with Jaycee Chan carrying most of the film. He's building up quite a reputation, appearing in more commercial projects (1911) to build a name for himself, while doing very cool, differentiating stuff on the side (pk.com.cn). He's definitely one of my favorite young and upcoming acting talents. Fiona Wang has considerably less to do here, but she does it gracefully and the two of them form a lovable couple worth caring for. The rest of the supporting cast is good too, but doesn't really appear outside a select few scenes.

screen capture of Lee's Adenture

Rating this film is not very hard, recommending it is a different story though. Lee's Adventure resides in a modern, cutting-edge segment of today's film business. It's literally all over the place, shifting tones, moods and artistic styles rapidly and indiscriminately. It truly carries the voice of a new generation. I find the result refreshing, entertaining and even inspirational, but people looking for a conform, well-written, singular story with thematic clarity will probably toss this film aside and mumble something about MTV-style editing. Their loss I guess.

Lee's adventure plays a little like an anthology film, only merged into one single full-length feature. It's only 90 minutes long, but it feels as if there are two or three films packed inside its running time. It's a string of memorable scenes, filled with amusing cultural and pop references (Mario-styled '?' blocks, Windows error boxes, Michael Jackson silhouette, to name just a few) and with more visual styles than you can shake a stick at. It's the kind of film I love to like, executed with lots of love and belief in it's own subject and structure. An exciting trip down a world that isn't quite our own, blending different genres and styles into one chaotic whole.

]]>
Mon, 19 Mar 2012 13:30:01 +0100
<![CDATA[memories/morimoto, otomo and okamura]]>http://www.onderhond.com/blog/personal/memories-review-morimoto-otomo-okamura

For 10 long years Memories was Studio 4°C's best kept secret. It took the film almost a decade to appear in the West and by that time it just wasn't the technical bombshell it was supposed to be. When it appeared over here Memories was still able to competed with the best animes out there, but now the aging process is starting to take its toll on the film. That said, it's still one of the most superb anime anthology projects to date and one that begs to be seen.

screen capture of Memories

Studio 4°C is without a doubt Japan's most interesting animation studio. They've been producing mind-blowing animation projects (Genius Party, Genius Party Beyond, Tekon Kinkurito) ever since they were co-founded by Koji Morimoto, constantly pushing technical and artistic limits and giving directors carte blanche to bring their vision to the screen. Commercial work (ads and music videos) pay the bills while anthology projects offer the world a glimpse of the diversity of Japanese animation. Memories is one such anthology project and probably one of the most prestigious undertakings of Studio 4°C so far.

For a very long time, Magnetic Rose (the first short, directed by Koji Morimoto himself) was my absolute favorite short film. The short starts simple enough, with a crew of space garbage man receiving an sos call and moving in to investigate. Once they arrive at the wrecked ship they are in for quite a surprise and the further they go, the more mysterious the setting becomes. The build-up of Magnetic Rose is incredibly strong, detailing a mysterious journey in a very limited amount of time while making sure the audience remains engaged at every single turn. What else would you expect though, the story was written by Otomo himself and scripted by the late Satoshi Kon.

The soundtrack is striking too, as is usually the case in Morimoto's films (I guess that's one of the benefits of being a dj in your spare time). Yoko Kanno handled the music and provided a very fitting score, mixed with beautiful excerpts of the Madame Butterfly musical. Visually the short is starting to show some small cracks though. Character animation and background design are still superb, but the coloring and CG shots are starting to betray the film's age and can come off as subpar in places. The film also lacks a strongly unique style to counter this. That said, Magnetic Rose is still one hell of an emotional ride with plenty of beauty to uncover.

screen capture of Memories

The second film (Stink Bomb) is directed by Tensai Okamura, famous for directing Wolf's Rain (and doing the episode direction for Anno's immensely popular Evangelion series). Not really my kind of director and so it should come as no surprise that I would rank Okamura's short the least interesting of the anthology. That doesn't mean there isn't plenty of fun and joy to be found in Stink Bomb. It starts off a little slow, but once rockets start flying and tanks start crashing into each other Stink Bombs turns out to be a pretty fun roller coaster ride.

The very atypical jazzy soundtrack is the only thing that sets it really apart from other films. It sounds a little awkward at first, but multiple viewings reveal its fun and differentiating nature. Visually things are once again richly animated, but the 80s style visuals in a 90s anime feel weird and unfitting. When watching Stink Bomb I'm often reminded of Otomo's Roujin-Z, not really my idea of a appealing art style. Still, the short is a fun ride with some memorable scenes and a nice premise, perfectly suited to act as an entertaining bridge between Morimoto's and Otomo's shorts.

screen capture of Memories

The only short to really escape the aging process unscathed is Otomo's Cannon Fodder, mostly due to its completely unique art style. Bold strokes, rough coloring and distorted perspectives make for a visual feast. Not only that, the entire 30-minute short is edited to appear as one single shot (one-take), following a single day in the life of a young kid, inhabiting in a strange and single-minded world. The boy's hometown is wrapped in a perpetual war with a neighboring city and the whole town is forced to participate in this meaningless war. Both cities just fire huge bombs at each other, but the actual enemy is never seen and the enemy's attack are strangely abscent.

Otomo really flexes his muscles here. Everything from art style to animation, soundtrack and story are neatly integrated to form a stunning little short. There's even an interesting bottom line that says a lot about human conditioning. Cannon Fodder is clearly the short that comes out best after 15 years of fighting the competition. It's still as unique and fresh as when it first appeared, and while I preferred Magnetic Rose the first few times I watched Memories the tables seem to have turned in favor of Otomo's Cannon Fodder.

That leaves me just one thing, which is the awesome outro music. Not often do you hear true techno music as part of an original score (again, this must be Morimoto's influence), the outro track is a pretty excellent stand-alone techno track at that. It's the perfect closure for an impressive set of short films. Time is slowly taking away some of the impact of Memories, but there is still plenty of beauty here to keep you amazed for the entire running time.

]]>
Wed, 14 Mar 2012 13:24:15 +0100
<![CDATA[white vengeance/daniel lee]]>http://www.onderhond.com/blog/personal/white-vengeance-review-daniel-lee

Daniel Lee (14 Blades) is clearly working his way up on the budget tables. After years of operating in (elevated) B territory, White Vengeance is Lee's first true big budget feature. Those of you expecting an overpowering action-fest should take notice though, White Vengeance might look like it's filled to the brim with epic battle scenes, but the reality is quite different. Then again, the choice to cut back on action is one of this film's true perks.

screen capture of White Vengeance

White Vengeance follows the same course that many other recent Chinese/Hong Kong historic war epics have been sailing. Sure enough there is massive warfare going on, with poor soldiers being clubbed, perforated and trashed to death. But battles are not decided by brute force and man power, instead wars are won by strategic decisions and elaborate plans to lure enemies into well-considered traps. Films like Battle of Wits, Red Cliff (John Woo) and Lee's own Three Kingdoms: Resurrection of the Dragon have been leading the way, White Vengeance is the first film to truly get it right.

The film follows the epic battle between Liu Bang and Xiang Yu. Two sworn brothers fighting the oppression of the Qin dynasty, but ultimately torn apart by the call of success. When Bang goes behind Yu's back to seize the capital (and the throne), Yu feels betrayed and plans for revenge. There are other parties to consider though (fact: Chinese warfare is never simple), so Yu organizes a banquet that will decide the outcome of their feud.

As I said before, not much actual warfare is required to bring the feud to its conclusion. Bang and Yu are both assisted by their respective counselors, two extremely respected figures who aim to beat each other by trying to predict the emotions of their adversaries and turning that into a tactical advantage. Where earlier films in the genre still depended on grand scale battles to bring everything to a conclusion though, White Vengeance keeps his focus rigidly on the metaphorical chess game.

screen capture of White Vengeance

On a visual level, Lee is definitely capable of handling his budget. This results in lush and richly detailed settings and elaborately planned camera work. Every frame is a marvel to behold, even the CG is handled with the proper care. The scene where a small army is escaping a valley, surrounded by enemy fractions closing in on them is without a doubt one of the greatest epic warfare scenes I've ever witnessed. Only the battle close-ups felt a bit lacking, luckily the nature of the film limits these occasions to three of four short scenes.

The soundtrack is considerably lesser in quality. A pretty generic soundtrack with many epic-sounding tracks, but quite emotionless, predictable and boring. As long as you don't pay attention to the music you probably won't be too bothered by it (since it seems constructed to be nothing more than background noise anyway), but if you take a minute to really listen to the songs it becomes increasingly clear that this is a missed opportunity. Films like these aren't known for their great scores, but Lee lands his' on the wrong side of standard.

Luckily the acting is top notch. Shao-feng Feng and Leon Lai are both great as sworn adversaries, but it's Hanyu Zhang and Anthony Wong that steal the show as counselors. Wong proves again just how versatile he really is, Hanyu Zhang (a href="http://www.onderhond.com/blog/onderhond/message-feng-sheng-review">The Message, Bodyguards and Assassins) is a very pleasant discovery and could turn into a very dependable actor for the future. Add good secondary roles of Yifei Liu and Jordan Chan and you have a very solid cast to get you through some of the slower; more thoughful scenes.

screen capture of White Vengeance

The first fifteen minutes are probably the most crucial of the film. Lee takes little time to properly introduce all his characters and because of that you really need to pay attention to understand the setting and the relationships between various people. I'm not sure if this story is a well-known part of Chinese history, but for Western people the first fifteen minutes can be quite confusing, especially if you're in "sit back, popcorn ready, big epic movie coming up" mode. Instead Lee chose to take his time to elaborate on the various little details that make up the tactical battle of the two counselors, but if you've missed out on the beginning chances are you're not going to catch up during the rest of the film.

That said, it's not exactly rocket science either and if you pay attention during the first fifteen minutes the story should be clear enough to enjoy the rest of the film. Personally, I really liked Lee's focus on the tactical side of things. I'm not a big fan of epic battles anyway, so to see things play out on more neutral territory was a lot of fun. The games of Go (Weiqi) in between made it all the more interesting. Not that I understand much of the finer points of the game, but I appreciate the air of epic seriousness with which it is played.

Sure there are a couple of action scenes, but not what you'd expect when entering a 140 minute war epic. If you're into bloody battles and grunting, sweaty men this film is probably not for you. Instead you get a slice of tactical warfare that, at least to me, is a lot more challenging and interesting to follow. The climax is both exciting and emotional, the ending is smart and a small punch in the gut. Lee proves very capable to handle this material and I'm hoping he'll keep at it for a while as this is clearly what he's truly good at.

]]>
Mon, 12 Mar 2012 13:36:37 +0100
<![CDATA[innocence/mamoru oshii]]>http://www.onderhond.com/blog/personal/innocence-review-mamoru-oshii

Mamoru Oshii's (Tenshi no Tamago, Patlabor 2, Sky Crawlers, Tachiguishi Retsuden) Innocence is without a doubt one of the trickiest accomplishments of his already rich and challenging career. From the get go the film was doomed to fail, back then it simply seemed impossible for a sequel to live up to the standard of its predecessor (Kokaku Kidotai). But Oshii persevered and created what would become another benchmark in Japanese animation.

screen capture of Innocence

To me Innocence is the perfect sequel. It's everything a good sequel should be, while at the same time avoiding all the predictable traps so many other sequels fall victim to. It's a film that respectfully refers to its predecessor but stands well on its own. It shares the same perks as Kokaku Kidotai, but at the same time it offers a different set of challenges. Oshii perfectly balances the levels of homage and improvement, marking Innocence as the best sequel I've ever laid my eyes on.

Still, not everyone is bound to be happy with some of the changes Oshii made. While you often hear people complain that sequels copy too much from the original, every change made might take away from the experience fans are aiming to relive. Personally I believe that most changes in Innocence are actually improvements over the original, but that's a very personal statement and your mileage may vary. One thing is certain though: Innocence is a unique experience that deserves to be valued on its own merits (though it's impossible to not compare it to the original).

The first major change lies with the story and its main characters. Innocence completely abandons the adventures of Kusanagi (though she does appear in the film), instead Oshii puts the focus on Batou and Togusa. With Kusanagi lost in the wired, Batou is coupled with Togusa and they continue their work for section 9 together. The story for Innocence isn't truly original though, it's an re-imagined version of a chapter Oshii skipped when he made the first adaptation of the manga, cleverly rewritten to appear after the events that unfolded at the end of Kokaku Kidotai. Innocence is not really about the actual storyline though (it's little more than an expanded SAC episode - introduction of case/detective work/finale), but about the concepts Oshii links and refers to in between the dry plot points.

Where Kokaku Kidotai approached the human-machine debate from a human perspective, Innocence comes at it from the other way around. Innocence talks about dolls and other inanimate objects and ponders how far their souls might stretch. On top of that Oshii claims that Innocence is his most romantic film, focusing on human-machine, human-human and human-dog (it's an Oshii film, right) relationships. While his claim is factually true, it's probably fair to say you shouldn't expect anything traditionally romantic from Innocence.

screen capture of Innocence

When Kokaku Kidotai was first released it immediately became a visual benchmark for other anime films to compare themselves to. At the time it seemed impossible for Innocence to match the impact of the original, but it actually managed to go beyond. To date, Innocence is still a true (audio)visual masterpiece, both on a technical and aesthetic level. The amount of detail is simply stunning: background scenery and settings are incredibly rich in detail, the character animation is spot on, the camera work agile and innovative and the interaction between environment and characters often surprising. Oshii developed a perfect blend of CG and traditional animation (without the typical cell-shading look) that looks stunning on both accounts. Not all CG is perfect of course, but the imperfections limit themselves to single shots, the rest of the film remains gobsmackingly beautiful. Favorite scene: the helicopter ride right before they arrive at Locus Solus.

The soundtrack is another strong example of how to pay homage to the original while still delivering a new experience. While some tracks are clearly reworks or re-imaginings from the original score (Kenji Kawai is once again responsible for the music), the overall effect of the score is quite different. A difference that is dominated by two very unique jazz tracks. While these are far from safe choices, they do fit the atmosphere of Innocence and help a great deal in establishing the unique atmosphere. On a technical note, all audio effects sound incredibly crisp an clear, adding to the strength of an already powerful soundtrack.

As to why I use quotes from many famous philosophers the answer to that is that I want to prove how unimportant the dialogs are to a movie. In GIS 2 you don't really have to listen to any of the dialog, it's just part of the many details in the movie and you don't have to pay any attention to a lot of the dialog in order to understand and appreciate the movie.

Mamoru Oshii

The biggest challenge of Innocence are the many quotes and references to external sources. Many people will struggle a great deal trying to comprehend everything that's being said and referenced. Which is exactly why Oshii's quote above is so important. It's a first-hand testament off Oshii himself, stating his ideas behind the use of the quotes: they are essentially little more than sonic triggers for atmosphere. The extra meaning they carry with them is nice, but not essential. You can ignore the meaning, but not their influence on the soundscape of the film. It's difficult though, people are so accustomed to text as information that it takes one or two extra viewings to see what Oshii really means with his statement. What helps is the superb voice acting (do make sure you watch the original Japanese dub), but it remains challenging to ignore those little white sentences on the bottom of your screen.

screen capture of Innocence

Despite its impact, Kokaku Kidotai was a rather timid film, Innocence is anything but timid. It's flashy, in your face and self-conscious. It's also incredibly pretentious, but it knows to live up to its own pretenses. Everything about Innocence is grand, nothing is compromised. It's clearly Oshii's film and Oshii's film alone.

If you ask me which film is better, I'll definitely go for Innocence. While it enjoyed a similar impact as the first film, it clearly benefits from budgetary and technical advantages, making it a more immersive and impressive experience all-round. If melancholy is your thing then Innocence loses without even a chance of a fair fight, but beyond that I don't really see how anyone could prefer the original to this film. It's Oshii's magnum opus and one of those rare occasions where a visionary director gets a (relatively) big budget (nothing compared to Pixar films of course but very expensive for a Japanese animation) and carte blanche to bring his vision to the screen.

Innocence is a cinematic celebration. It's an audiovisual delight, it's thematically sound and rich and it invites you to watch and enjoy it time and time again. It may prove to be challenging when the first time around you're trying to ignore the spitfire of dialogues and quotes, but if you just enjoy them on an emotional level, letting them become a part of the scenery and letting them sink in on a more subconscious level, you'll come to realize how important they are to the overall atmosphere of the film. Innocence is without a doubt one of my all-time favorites and definitely recommended. Make sure you've seen Kokaku Kidotai first though as it is essential to get the most out of Innocence.

]]>
Fri, 09 Mar 2012 12:45:12 +0100
<![CDATA[whispers of a responsive os/windows 8]]>http://www.onderhond.com/blog/work/windows-8-responsive-os-whispers

Last week Windows 8 finally hit the beta stage for consumers. Ever since it landed there have been reviews popping up left and right, and while I read many of them with respectful amusement I found most of them lacking. Not because they were badly written or were overly dramatic (though some of them clearly are), but because they missed long-term vision. Rather than write my own review though, let me explain how I believe Windows 8 should be judged.

Those first hours ...

Sure enough, expect to feel lost when you're first sitting down in front of Windows 8. Everybody has been talking about the new Metro interface and getting acquainted with all the changes will take some time. Since the Metro interface is where you start when you first enter the Windows 8 environment you'll be immediately drawn to it, which can be confusing at first. It's also a little exciting though, after 15 years of boring Win95 upgrades there's finally a new OS that feels worth exploring.

One thing that's immediately clear is how smooth Windows 8 is running. Both Metro and classic interfaces run much faster than before, even on my old machine I'm getting a much better performance (for the record: I upgraded from Vista, I run Windows 7 at work). From all the clean Windows installs I've witnessed so far (and that goes all the way back to Windows 95), Windows 8 is truly the smoothest experience yet. Of course, only time well tell how quickly this will deteriorate (it always does).

Anyway, many reviewers apparently didn't get beyond this stage in the process before they started writing their reviews, because once you actually start using Windows 8 (meaning you're not looking for hidden features and new apps), you'll quickly fall back to the classic interface. While the classic interface too received a decent upgrade, is pretty provides the same experience as Windows 7 (except that the start button is missing) and waves of familiarity will wash over you.

So after only a couple of days of using Windows 8, I'm only working in Metro 5% of the time. If at all. I actually switched to back Metro this morning to see if it was still there. Depending on your MS dependencies though (do you use Outlook or Thunderbird, IE or FireFox,..) you might need to switch back and forth a bit more often than me. So does this mean that Metro a failure? Well, not quite.

Metro: a newborn

Even though Microsoft is heavily promoting their Metro interface, I'm sure they realize that it's too premature to be a true, fully functional OS interface. Sure it works perfectly well on heavily handicapped devices like phones and tablets, but on a desktop it just doesn't suffice. Metro only supports full-screen applications and while this may be an acceptable drawback on mobile devices, it's unthinkable on a desktop.

But Metro is there though, and it can still be useful in certain situations (apart from using it to configure your OS). Some apps do work fine in full-screen mode and over time I'm sure Microsoft expects people to slowly switch to Metro in favor of the classic interface. Even when there is a 5% Metro - 95% classic imbalance now, this will slowly change over time in favor of Metro.

I'm well aware that this is not a certainty, Microsoft will need to work very hard to improve the Metro interface. Finding a way to integrate multiple window support is probably the most obvious challenge, but there are other quirks that need ironing out before Metro can transform into a true OS interface. This is no reason to bash the current Metro interface though, just as you don't bash newborn babies because they aren't able to run, spell or drive cars yet. Nurturing a baby into an independent and dependable adult takes time and dedication, hopefully Microsoft will rise to this challenge.

why Metro?

That leaves us with one important question: do we actually need Metro if the classic interface still suits us best? Well, this is clearly speculation, but I do believe that Microsoft is right when they're betting on the single OS running on multiple devices strategy. To accomplish that, you need a single interface that works on all devices, which is what Metro should become if Microsoft handles it right (this is also another reason why I think most Windows 8 reviews are still way too preliminary, as the OS is only supposed to show its true strength once the Microsoft lock-in is truly in place - meaning Windows 8 phones and tablets).

Then allow me to take a peek at an even more distant future (= more speculation). I myself am not a tablet owner, hell, I don't even own a smartphone (I do have an iPad at work , but I only use it for testing purposes and displaying live GA stats). These devices are clearly growing in popularity, but while many people these days are throwing away their money on devices that more or less accomplishing the same thing, I cannot image that in three or four years time (when the hype has worn off) those same people will still find the time and patience to keep all these separate devices up to date and in sync.

Currently technology is definitely not there yet (still a long way to go), but apart from limiting processing specs I see no show-stopping reasons why in the future we shouldn't just buy one single processing device and have that as our only "computer", then extend that unit with modular expansions to change our context. If processing power would allow it, why have a separate OS on you tablet? Just hook up/insert your phone and you're good to go. Attach your tablet to a keyboard/standard and you have a notebook. Hook up your phone to a 27" screen and you have a desktop experience. If needed, these modular expansions could hold their own processing upgrades to provide better and faster experiences.

I just can't image a future where people are willing to manage several different devices just because of screen size. I pray for a future where there will be one single processing device and a lot of modular "add-ons" allowing for different contexts. To turn such a future into a reality though, you need an OS that can run on different screen sizes, an OS that can adapt to its context. A responsive OS, just as we are building responsive websites today. And Apple's half-arsed attempt to try and match different OS to each other clearly isn't getting us there. Metro, in whatever form, will.

Clearly I'm over-simplifying things, but people are known to overcome difficult issues in order to turn visions into reality and I really don't see any big issues that can't be tackled or fixed if needed.

conclusion

It's hard to predict if Metro is going to succeed. While I applaud Microsoft's longterm vision, there are still many hurdles to take and many instances where Metro might fail. One thing is certain though, people need to think about how to make an OS responsive, because nobody likes to manage multiple OSes and the way things are going computing devices will only grow more and more important in our everyday lives.

So is Metro a finished product? Hell no. In its current form it's little more than a glossy layer that hides the smaller print of the classic Windows interface. But that's okay really, because Metro represents a vision and lays out a solid base to bring that vision to fruition. Now it only needs time and careful nurturing from its parents, which will decide its ultimate victory or failure.

Which is why all those reviews of wannabe user experience gurus and self-conscious OS experts detailing the integration of the Metro and classic interfaces are clearly missing the point.

]]>
Wed, 07 Mar 2012 13:52:52 +0100
<![CDATA[the woman knight of mirror lake/herman yau]]>http://www.onderhond.com/blog/personal/woman-knight-of-mirror-lake-review-herman-yau

Whatever you do, don't discard The Woman Knight of Mirror Lake as just another martial arts epic. Herman Yau's latest film may be firmly grounded in the martial arts genre, but there is definitely more than meets the eye here. Yau really outdid himself with this film (I'll just refer to it as Woman Knight from here on) and finally delivers a film that's on par with his potential. That alone should be reason enough to give this film the benefit of the doubt.

screen capture of The Woman Knight Of Mirror Lake

Yau is a remarkable director. He's been at it for 20 years now and he used that time to build up a commendable selection of memorable films (Ebola Syndrome, Rebellion, The Untold Story), but somehow he never really managed to deliver a properly polished product. While most of his films are definitely worth watching, they either lacks differentiating characteristics or that crucial extra layer of polish to make them truly recommendable. In the end, there was always something that held me back from truly appreciating his work.

With Woman Knight Yau finally reaches his true potential. He obviously benefited from directing the Yip Man (Ip Man, ip Man 2) prequel, using that experience to create a more immersive historical universe and more entertaining fight sequences. But the real perk of Woman Knight is the hero of Yau's film. While female martial artists aren't exactly novel (think The Heroic Trio), this is the first time I've actually watched a film about Chinese feminism. Coupled with some impressive martial arts follies, it turns Qiu Jin into a real strong and powerful character.

Woman Knight follows the life of Qiu Jin (a real historical figure), who finds herself pondering about her life when she is accused and trialled as a revolutionary. Lengthy flashbacks give a summarized overview of Qui Jin's upbringing (educated to write and defend herself) and the events that led to her inevitable demise. Not so much a political activist as a front-runner for equal rights of women, she is deemed a political threat by the Qing empire and she's dealt with in a fitting manner.

screen capture of The Woman Knight Of Mirror Lake

Visually Woman Knight is definitely a step up from Yau's earlier films. The film can't compete with excessive big budget affairs (like Ip Man, Ye Yan or Bodyguards And Assassins) but holds its own pretty well amongst other martial arts epics. Lush sets, strong camera work (especially during the fight sequences) and proper lighting give the film a very polished feel.

Most of the tracks on the soundtrack are rather generic in nature, but there are a few musical pieces that transcend the genre clichés and give the film a more unique and compelling atmosphere. Not enough to praise the soundtrack as something truly special, but definitely worth mentioning as films like these are often very (very!) traditional in their choice and use of music. At least Herman Yau sets a good example for other directors.

Yi Huang is quite the revelation in Woman Knight. She picks up the role of Qiu Jin with deceptive ease and manages to give her a very natural and believable flair, even though the film is clearly a romantization of Qui Jin's real life. Huang enjoys good support from the secondary characters, Anthony Wong (a Yau regular) in particular plays a strong part in Jin's court defense. Lam Suet (another Yau regular) is also perfect as Huang's adversary.

screen capture of The Woman Knight Of Mirror Lake

In the end Herman Yau's versatility really benefits Woman Knight. His experience in exploitation cinema increases the effect of certain scenes without making them appear out of place, the fight sequences are actually some of the better ones I've seen in a while and on a dramatic level the film impresses just as much. In the process Yau lost some of his raw power, but he makes up for that with a very compelling and well-balanced film.

While this film could be perfect for Yau's international career, Woman Knight seems to be slipping by international audiences without the proper buzz. A real shame because Yau is clearly still developing himself as a director (and still getting better at it). The result is a film that neatly balances drama and martial arts entertainment and talks about something that usually deserves very little attention in Chinese/Hong Kong (action) films. Fans of Yau should expect a cleaner and less gritty adoption of his trademark style, other people should be aware that Woman Knight can be a bit more direct than other, more typical martial arts epics. Recommended.

]]>
Mon, 05 Mar 2012 13:23:13 +0100
<![CDATA[964 pinocchio/shozin fukui]]>http://www.onderhond.com/blog/personal/964-pinocchio-review-shozin-fukui

Shozin Fukui is one of Japan's hidden cyberpunk talents. After a period of experimentation that resulted in three short films, he burst onto the scene with his first full-length feature film: 964 Pinocchio. It's not what you call a very accessible film, probably one of the most relentless films I know, but cyberpunk fans really owe it to themselves to check it out as it takes the whole punk atmosphere to a new level.

screen capture of 964 Pinocchio

When people are talking about Japanese cyberpunk (not your everyday conversation topic, but still) the conversation inevitably centers around Shinya Tsukamto (Tetsuo, Vital, Tetsuo: Bullet Man, Nightmare Detective 2 and Sogo Ishii (Dead End Run, Kyoshin, Electric Dragon 80000V, August In The Water). Dig any deeper and you're likely to encounter Fukui's name as he firmly holds the third spot in this obscure niche. Not because his films are worse than Tsukamoto's or Ishii's, but because they require that much more patience to sit through.

You better be aware that Fukui isn't going to make it easy on you. 964 Pinocchio is meticulously tailored to weigh on its audience. Even though the film doesn't quite pass the 100 minutes mark, you're sure to be completely exhausted when the end credits finally grace the screen. Not so much because Fukui craves visual intensity and/or insanity (though there is that too), but because the constant presence of screaming, yelling, grunting and whining bears its own unique sense of torture.

Story-wise there isn't that much to tell really. 964 Pinocchio is a defunct sexbot model who's thrown on the street by a dissatisfied customer. He is picked up by a young homeless woman who takes him to her den and tries to educate him. In the meantime 964's creators are trying to locate their bot as their service is supposed to be shrouded in secrecy and they can't have one of their bots running around in the wild. Things go bad when 964 and the lady spend a wild night together, what happens afterwards is a slice of hard to explain cyberpunk insanity that is better left seen than explained.

screen capture of 964 Pinocchio

Visually 964 Pinocchio isn't as polished as Tsukamoto's or Ishii's punk films. This is clearly low-budget territory and as a result the first half of the film (most scenes shot in the open air) can be quite ugly. Once inside Fukui has an easier time controlling the lighting. Add some smoke and suddenly it all becomes much easier to stomach. The finale is once again filmed outside, but by then Fukui is so caught up in his editing frenzy that you probably won't even notice the quality of the images anymore. It's definitely a good thing he is quite capable as an editor.

But it's the soundtrack that makes this film into one of the most uncompromising cyberpunk films I've ever seen. The final 45 minutes is one single fucked up mix of industrial-minded audio tracks blended with the continuous grunting and screaming coming from the actors. Rather than the manic visuals, it's the soundtrack that will wear you out and becomes hard to bear, especially when the film is nearing its end. Many people will hate the film for this, for me it's without the doubt 964 Pinocchio's biggest selling point.

The acting is ... expressive. There is no room for subtlety or smaller emotions. Everything is grand, from simple gestures to facial expressions. It fits the film and helps to increase the overall madness, then again if you can't get into the film it will only add to the overall frustration. There's also a certain manga-like quality to the characters (964's creator in particular) that might make it harder for Western audiences to get a grip on this film.

screen capture of 964 Pinocchio

964 Pinocchio is somewhat of an endurance test. Many people don't seek that in a film and if you are one of them it's best to stay clear from this one altogether, because there won't be anything here to enjoy. On the other hand, it's one of the few films that manages to have a physical effect on its audiences, something I can truly appreciate. To endure is to overcome, and once the film is finished you do feel somehow reborn.

964 Pinocchio may have found its way out of the underground through the rather impressive feat that it holds the longest vomit scene ever recorder on film (yay for that!), but the film has a lot more to offer. Fact is that only a very small audience will appreciate the perks of this film. If you're not sure whether this film will appeal to you it's probably better to check out films like Tetsuo or Electric Dragon 80000V first, if you're a seasoned cyberpunk fan and you haven't seen this though it's a 100% recommendation. Just know what you're getting yourself into.

]]>
Fri, 02 Mar 2012 12:59:01 +0100
<![CDATA[rethinking carousels/a new approach]]>http://www.onderhond.com/blog/work/carousel-2012-update

Back in 2010 I wrote two articles related to the front-end setup of carousels. The first article tried to define the proper carousel markup, the second article pondered on what javascript degrades to use. Carousels are still around but times have changed, so it's time to revise some of the old concepts and throw in some new best practices in order to bring our code up to current standards. So here you go, the revised carousel mark-up, anno 2012.

concept

Before we dig into the actual code though, it's important to understand that ever since I wrote those two articles two year ago, I started seeing carousels in a different light. This newfound knowledge has a great impact on the resulting front-end code and setup of the carousel, so it's absolutely crucial to get this cleared up first.

Instead of regarding a carousel as a unique/separate content pattern, I came to understand that a carousel is nothing more than a display mode of other, already existing content patterns. In other words, a carousel doesn't need a separate html structure or base class, rather it should be defined as an option on existing content patterns (the same line of thought works for tabs, accordions and other similar patterns). The carousel becomes a true behavioral pattern, where I used to think of it as a simple content pattern.

As long as there is a list of repeating content patterns (preferably of the same type, though it's equally possible to mix different content patterns) it can be displayed as a carousel. These patterns can be anything from banners and images to more complex content patterns like focus blocks, products, events and whatnot. The bottom line: our approach should be way more generic than before as we can't depend on tailored html code anymore. Luckily html5 provides us with exactly the right tools.

the html

<section class="(...)" data-displayMode="carousel" ... > <header>...</header> <div class="main">...</div> </section>

Carousels are typically javascript-powered patterns, so it's only natural to use a data- attribute to initiate the carousel behavior. The data-displayMode attribute can also be used for other display modes (tabs, accordions), other data- attributes can be set to configure the carousel (animation options, timing, ...). An additional benefit of this technique is that clients who don't support javascript will see the list of content patterns as is, only javascript-enabled clients will go the extra length of creating a carousel (go progressive enhancement!).

<section class="(...) carousel" data-displayMode="carousel" ... > <header>...</header> <div class="main">...</div> </section>

Since we're dealing with a list of content patterns it's useful to implement a typical header-main-footer structure. In the case of a carousel, the header can be used to harbor additional control elements (prev/next links and or paging). If there is no need for a header in the basic html structure, you can just add it with javascript, the only thing that needs to be present is the div.main element. For styling purposes, it's probably a good idea to add a base class that restates the display mode. This way we can easily differentiate between the regular list (no javascript) and the carousel (javascript-enabled).

carousel controls

<header> <div class="anchors controls"> <div class="prev"><a href="#">...</a></div> <ul>...</ul> <div class="next"><a href="#">...</a></div> </div> </header>

Whether you include the anchor navigation in the basic html structure is entirely up to you (it depends on context and personal beliefs), but the prev/next links have no use in the non-javascript version of a content pattern list, so they'll need to be added with javascript. The extra class .controls could be dropped (because you already have the .carousel base class for extra styling) but I like how it illustrates the changed semantics of the element.

the future

Of course this isn't the final solution, things might be quite different when I write another follow-up article two years from now. But it is a major update, mostly in the way I think we should approach behavioral patterns like carousels. If you want to have a peek at a (possible) future, check out the Web Components proposal (still a very preliminary draft), there's some absolute crazy (yet very interesting) ideas in there.

For now though, let's try to separate behavior from semantics. The best way to do that is to rely on data- attributes that function as markers for behavior. Other examples of this are welcomed!

]]>
Wed, 29 Feb 2012 13:03:25 +0100
<![CDATA[parade/isao yukisada]]>http://www.onderhond.com/blog/personal/parade-review-isao-yukisada

At first glance Parade may look like any other Japanese drama, and to some extent it is exactly that. But with each progressing segment something more unique develops. Something that could be called Yukisada's trademark magic, an almost translucent quality that differentiates him from other Japanese directors. It takes Parade a while to become truly engrossing, but by the end of the film it should prove enough to leave you with a satisfied feeling.

screen capture of Parade

While Isao Yukisada (Women Play Twice) never really got his international career off the ground (things did look up when he released Go, but nothing much happened after that), he kept his directing career active in Japan. One has to know where to look to get a hold of his films (as they lack any decent form of advertising in the West), but most of the time it is worth the trouble of seeking out his recent work. Yukisada often manages to sneak interesting themes and perspectives into his films, wrapping them into slightly challenging yet still easy to digest formats.

It isn't until late into the film that the true extent of the dramatic stretches reveal themselves to the audience, giving an interesting dimension to the previous events without actually relying on a big, explosive twist. Parade follows a group of five young individuals who share a flat together. The film is constructed out of five separate segments, each segment focusing on one specific character and his relation to the group. While this does fragment the film in different chapters, there is enough interaction with other characters to keep Parade from becoming a mere selection of related short films.

While the different characters are still quite normal by themselves and can't be described as true outcast material, this group of youngsters is obviously a selection of people living on the fringes of society, a little lost and without any clear goals in life. They aren't true rebels, they just try to get on by in a society they care very little about. Their flat is their recluse, away from the world outside, surrounded by like-minded (though in some cases very different) people.

screen capture of Parade

Visually Parade is a decent film, but visual appeal is definitely not the main attraction here. There are some nice shots from time to time and the lighting is above average (especially during the night scenes), but the overall look can become a bit drab when Yukisada focuses too much on pure storytelling. The art direction is pretty slick and professional, but clearly constructed as to not distract from the characters and the bottom line Yukisada is trying to communicate.

The soundtrack follows this same line of thought. Sure enough it's a decent selection of music tracks, but it does absolutely nothing more than simply supporting the existing atmosphere of different scenes. The music is never leading or memorable, chances are you won't even remember any individual musical cues or songs the moment the credits start to fade from the screen. It's a decent score, but at the same time it's nothing more than fitting background noise.

With so much riding on the characters, it's reassuring to see that the acting is top notch. Even Tatsuya Fujiwara (not a big fan here) puts in a commendable performance. The acting is overall strong, with Karina and Kento Hayashi shining brightest, while the other three are definitely not far behind. The five of them really bring their characters to life and also manage to nail the entity of the group, making sure the effect of the dramatic climax of the film is maximized. As for supporting roles, there aren't many worth mentioning for the simple reason that Parade keeps a very clear focus on its main characters.

screen capture of Parade

Yukisada does very little to hide the message of his film, in the final segment there is a conversation between Hayashi and Fujiwara that explains the crux of Parade. The scenes after that go on to illustrate this conversation. It may be a bit direct for some people, on the other hand these final scenes are incredibly strong and poignant so it didn't really bother me. It's an incredible ending, somehow lifting everything that came before to a higher level, even warranting a second viewing.

Parade is quite a lengthy film and the first hour you might be excused for wondering what all the fuzz is about. But the second hour is strong and the length of the film is used to expand the relationship between the main characters. It may not be an audiovisual masterpiece but it's professionally crafted, well acted and sporting a refreshingly unique ending that gives the film the extra flair lacking in the first hour. It's a shame Yukisada slipped away from the international scene because his films do deserve a larger audience.

]]>
Mon, 27 Feb 2012 14:25:55 +0100
<![CDATA[monday/hiroyuki tanaka]]>http://www.onderhond.com/blog/personal/monday-review-hiroyuki-tanaka

Hiroyuki Tanaka (Kanikosen) is a very big favorite of mine. Largely unknown in the West (unless you're part of a privileged fest crowd that is), Tanaka is a director with plenty of commercial appeal who failed to ride the (somewhat random) wave of popularity that many other Asian films enjoyed in the early years of the new millennium. If you want a taste of what he is capable of, Monday is probably your best and most entertaining entry point.

screen capture of Monday

There are still plenty of films out there that lack a proper English-friendly release (take Kyoshin, Tenshi no Tamago, Symbol) but in those cases I can at least sympathize with the financial risk of releasing such films over here. Even though Monday isn't without its share of absurdity and typical Japanese content, the film as a whole isn't that hard to stomach for people not completely immersed in Japanese culture.

Monday is the perfect showcase of Tanaka's usual traits. A grand mix of strong storytelling, refreshing comedy, perfect timing, upbeat music and a touch of the absurd. The film consists of only 8 or 9 scenes in total, each of them somehow locked in their own little universe (some could even work as stand-alone short films), tied together by the memories of Takagi. The film begins when the unfortunate man wakes up in an unfamiliar hotel room. Half asleep and still startled by his surroundings he searches his pockets for clues.

He finds a small packet that slowly refreshes his memory and little by little we find out what happened to Takagi. The first half of the film follows Takagi when he pastes together his journey of how he got to the hotel room, the second half of the film sees Takagi trying to escape from the mess he got himself into. Things get quite absurd near the end, but by that time you should be swallowing just about everything Tanaka throws at you.

screen capture of Monday

Visually Tanaka differentiates himself with stylish camera work and very sharp editing skills. The editing in particular is crucial to some of the funnier moments in the film. The scenery can be a bit bland at times and the colors a bit unsexy, but seen as a whole Monday is still a rather attractive film to look at, with Tanaka clearly in control of the visual direction.

Even though the soundtrack is filled with tracks that normally don't really enjoy my appreciation, the way Tanaka applies them is nothing less than sublime. It's hard to keep yourself from tapping along to some of the tunes, the dance scene in particular is a perfect blend of superb sound editing and comedy. The music lends the film a very enjoyable, upbeat atmosphere that actually dictates the flow of several scenes. Just the way I like my soundtracks and another splendid example that you don't necessarily have to like the actual music to appreciate a film's soundtrack.

The acting too is pleasantly strong. Tanaka makes good use of Shin'ichi Tsutsumi's (a Tanaka regular) comedic talent, whose facial expressions and body language are neigh perfect in just about every scene. Tsutsumi is aided by an impressive list of supporting roles too. Nao Omori, Ren Osugi and Susumu Terajima are the most notable additions, the last one in particular is always eager to showcase his strength as a supporting actor. It's a shame Terajima doesn't get more screen time here, then again Tanaka would redeem himself by giving Terajima the lead role in Blessing Bell.

screen capture of Monday

Timing. Monday is all about timing. The jokes themselves may not be all that original or even funny, the timing and editing make it into something truly special (the apple juice joke is a perfect example - also my personal favorite - even though I know it by heart it still gets me every time I watch the film). Monday is without a doubt my number one comedy (that is, excluding the completely absurd - Visitor Q and the juvenile - Dead Leaves for a minute) and a film that doesn't bore even after repeating viewings. On the contrary, it only seems to grow with each consecutive screening.

Monday is entertainment in the purest sense of the word. It exists within a field of perfect feel-good and pleasantly upbeat atmospheres, even the darker ending can't do nothing to take away from that overarching joyous feeling. The film consists of nothing but memorable scenes, contains some genuinely laugh out loud funny moments and slaps on a stylish finish to make the package complete. It's not my favorite Tanaka film (Blessing Bell is), but it's definitely one of Tanaka's brightest gems that deserves a much (much!) broader audience. If you ever get the chance to see this film with English subtitles, don't miss that opportunity as Monday is sure to deliver.

]]>
Fri, 24 Feb 2012 13:51:24 +0100
<![CDATA[tekon kinkurito/michael arias]]>http://www.onderhond.com/blog/personal/tekon-kinkurito-review-michael-arias

Tekon Kinkurito is without a doubt one of the most unlikely Japanese animation projects ever realized. Based on an obscure manga, helmed by an American director, conceived in the bowels of Studio 4° offices, there seemed to be no commercial motivators to get this film off the ground. And yet the result is one of the most sprawling, innovative and impressive animes out there, a definite must see for everyone with a soft spot for animation (and not just the Japanese kind).

screen capture of Tekon Kinkreet

Director Michael Arias (Heaven's Door) fought long and hard to get this film made. He started out by directing a short pilot (as part of a Studio 4° anthology project) that won him a couple of prizes, but the pilot still failed to land him the needed funds to get his full-length feature film made. It would take Arias another 6 years to finish his dream project, in the meantime earning him the (somewhat prestigious) title of first non-Japanese director to ever direct a high-profile anime feature.

Tekon Kinkurito has two different stories to tell. First there is the almost sacred bond between Kuro (Black) and Shiro (White), two young orphans that dwell the streets of Pleasure Town. Then there is the battle for control over Pleasure Town, a profitable part of the city that sees the police, the yakuza and even a mysterious theme park project investor fight for dominance over the area. Pleasure Town is Kuro and Shiro's home turf though, and they don't plan on giving up their territory without a little fight.

While the relationship between Kuro and Shiro forms the emotional core of Tekon Kinkurito, the battle for dominance of Pleasure Town is just as fascinating (if not more) to behold. All parties involved are adequately developed and they all get their moment to shine, really bringing the fight alive. There are few animation films (or, for that matter, films in general) that manage to create such an all-encompassing feel of their fantasy world, but Tekon Kinkurito succeeds wonderfully well.

screen capture of Tekon Kinkreet

Visually Tekon Kinkurito is just drop dead gorgeous. The level of detail that fills frame after frame is almost impossible to take in in one single viewing, each shot is filled to the brim with the strange yet intriguing architecture of the city. The character designs are quite unique too, though they might be more prone to divide audiences (anime adepts can expect character designs that resemble those of Windy Tales). The animation itself is smooth and impressive, the CG well concealed and integrated remarkably well. Add the superb finale and you can only conclude that Studio 4° really is one of the grandest animation houses out there, flaunting a level of originality that no other production house can match.

The soundtrack is pretty cool too. I'm not a big Plaid fan when it comes to their regular albums, but they made a pretty compelling soundtrack that aptly fleshes out the atmosphere of Tekon Kinkurito. This results in a nice, moderately electronic score that goes beyond simple background music and knows to woo when necessary. The voice acting is equally solid, there's none of that high-pitched anime yelling so prevalent in mainstream series, but adequate voice acting that bears plenty of identity.

screen capture of Tekon Kinkreet

Arias thinks big and he is not shy of a few gambles, but every single risk he takes turns out beneficial for the film as a whole. It's really amazing how Arias managed to produce such a complex, accomplished and intricate film, especially if you consider that Tekon Kinkurito is his first directorial effort. Sure enough he had a wonderful team of talents backing him up, but Arias still made it all happen. It's the ultimate testament that dedication (and talent of course) will bring you to the place you deserve to be.

Tekon Kinkurito is a film with a very authentic (Japanese) anime feel, yet it still benefits greatly from Arias' outside influences. It's superbly animated, sports a terrific score and tells a truly intriguing story. There aren't many films out there that feels as "whole" as Tekon Kinkurito does. I really hope Arias will return once more to the world of animation, but for now I'm just very grateful that he persevered so vehemently to get this film made. Tekon Kinkurito is easily one of my favorite animes and deserves all the attention it can get.

]]>
Thu, 16 Feb 2012 14:04:24 +0100
<![CDATA[internet environmentalism/a tribute to the web]]>http://www.onderhond.com/blog/work/internet-environmentalism

Read blogs, twitter like mad, keep up with the latest specs and immerse yourself completely in the weekly front-end soap opera. Before long you'll be completely brainwashed by bleeding edge css specs, revolutionary javascript apis and the ever returning front-end apocalypse. You'll see the web spiraling as it passes you by, sinking deeper and deeper in the distorted belief that this is what web design is all about. Now, take a step back and breathe. Slow down and regain your perspective.

the digital world

Our internet is unique. It's a man-made, cooperative attempt to build an entirely new world, from scratch. Over the years the web has evolved into a vast and almost endless collection of data that can be accessed from nearly everywhere, all day round. This digital world was conceived to be open and accessible by everyone, it was conceived to be robust and reliable. It's a once in a lifetime opportunity that should be cherished with the proper understanding and respect for the task at hand.

If you want to draw an analogy to the real world, the materials and textures of the web are core data. The language to describe this (raw or collected) data is html. The tool to sculpt them is called css and if these materials need complex functionality, we take our javascript machine out. These elements make up the factual reality of the web, but this is not always the way we perceive it. For that we need browsers (our virtual set of eyes), which come with some very peculiar distortions.

The important thing to understand is that a browser is just a single way of looking at the digital reality in front of us. Sure enough it sucks to get a distorted view of reality once in a while, but it's way worse to distort reality in order to counter a browser's visual distortions. Imagine becoming really fat just so you want to look normal in a thin mirror. Silly, right? Just as human eyes distort the real world reality, browsers come with their own unique set of defects. It's crucial to realize that the fault lies with those who perceive, not with what really lies in front of us. Reality is sturdy and consistent, as it should be.

Our digital reality (ie data and html) is the core of the internet and should deserve our utmost attention. In the grand scheme of things, the rest is just visual blah blah blah, semi-intellectualized so-called wisdom that, more often than not, fails on personal taste and preferences. Not to say that there isn't room for great design and ease of use, I'm just warning to get your priorities straight.

the digital world: monetized

When companies found their way onto the web they quickly carried over their real life role. I'm not much of a real world environmentalist and I'm not too naive to understand the value of money when it comes to progress and evolution, but at the same time I'm not blind for the price we pay for this luxury, ruining nature (and even ourselves) in the process. Not to spark a discussion on real world environmentalism, but it's important to understand that companies are influencing the course of the web in a very similar way.

Companies are only out to sell you their goods and services. It's all about image and perception, everything is allowed to convince you to buy their crap. Companies don't care about the web and its ideals, they care about making money. Even big companies like Apple, Google and Microsoft only promote the "open web" and "standards" to maximize their own profits (or in some cases sabotage the profits from the competition). Sadly the web made it even easier for them to cheat the consumer. In the real world a person can judge the quality of a product based on different properties (smell, sound, feel, looks, taste), on the web there is only looks. In the real world you can distinguish a gold-plated watch and a real gold watch based on weight and sturdiness (scratch a gold-plated watch and it loses almost all of its value), on the web one can't make such distinctions.

The same goes for websites. Companies don't care about semantic, flexible and future-proof html, they care about looks and image. It's why we keep asking standard bodies for new css3 properties, futuristic javascript apis and webgl support. Not because it makes the web a better place, but because these things give us a competitive advantage over other, less capable developers. They help us to promote the companies we work for as bleeding edge front-runners while leaving others in the dust. It's why issues like last week's vendor-prefix debacle keep turning up.

And that's fine really, as long as we can maintain a certain balance. I'm no idiot either. I know these companies pay our salaries. They provide my luxuries and hopefully they will (indirectly) provide me with a good pension. Their support even helped the web a great deal forward, no doubt preparing it for an unfathomable future of epic grandness. But at the same times these companies are destroying the web. Rather than cultivating a digital world with quality data, they are in the business of churning out quickly degenerating garbage, hidden behind a sparkling coat of hipster paint.

Which is why we need some internet environmentalists. People in the industry warning others for blatant hypes and blind adoptions of standards no consumer really needs. People who watch the web to make sure our core data remains untainted and sturdy. People who call out the garbage others put on the web, be it for semantic, accessibility or any other valuable reason. People who make sure the digital reality maintains a certain level or real.

conclusion

It would be nice if more people in our business realized that we don't really need 3d transforms, local storage or webgl to create a superior web. Except for a small percentage of people (mostly in-crowd too), people surfing the web don't care for superficial crap like that. They don't go online to be entertained by smart designs and nifty UX frivolities, rather they seek unique functionality and quick access to data. If you provide them with that, don't worry whether you're able to serve them rounded corners instead of regular ones, they'll keep coming back regardless.

Selling sound html code to our clients is difficult as there aren't too many direct advantages for the companies involved, but as web ideologists it's our job to make sure the work we do maintains a standard level of quality, even when the flashy surface is removed.If we can't do that, we'll just repeat the same mistakes over and over again.

]]>
Wed, 15 Feb 2012 13:51:06 +0100
<![CDATA[eternal moment/yibai zhang]]>http://www.onderhond.com/blog/personal/eternal-moment-review-yibai-zhang

Even though Yibai Zhang (Spring Subway, Lost Indulgence) is somewhat of a critics favorite, his films clearly fail to find their way outside the confines of the Chinese borders. Some lukewarm film fest successes and fringe critical acclaim are not enough for a talent like Zhang, especially when you consider he is perfectly capable of making commercially-minded gems. Eternal Moment is Zhang's latest and even though it's a film firmly grounded in Chinese television history, it should be able to amuse an international audience.

screen capture of Eternal Moment

Eternal Moment sees Zhang return to one of his early TV successes, Cherish Our Love Forever (a popular Chinese soap opera). He reunites his former cast and turns the popular TV series into a flashy, deceptively simple sequel that will speak to both arthouse and commercial audiences. The film offers three alternative visions of Wen Hui and Yang Zheng's future, though it must be said none are as romantic as the title/genre might suggest. While still firmly grounded in the roots of commercial cinema, Eternal Moment offers a more mature look on love and relationships, staying clear from fluff and sentimentality.

This structure of the film is probably the only thing that might confuse Western audiences. Eternal Moment basically consists of three different shorts, featuring the same two main characters but clearly following different realities. If you go into the film without prior knowledge of this setup you might be confused when the first short suddenly ends and you might end up looking for clues in the second and third short film to link everything together. The fact that the main characters are always played by the same actors doesn't make it any easier. But once you get the gist of what is happening it's all pretty straight-forward.

screen capture of Eternal Moment

The first short is definitely the most flashy and energetic of the three. Lots of stylized CG animations, fast cutting, visual trickery and hysterical use of color. If you don't feel comfortable around this type of hyper-modern cinema, know that the first short is the shortest of the three and that the other two are more classical in their presentation. The first is easily my favorite short though, a lovely example of how misguided pride can create a schism between two lifetime partners, presented in a very modern and visually pleasing way. This first short is also the most feel-good of the three, mostly due to its uplifting ending.

The second short sees Wen and Yang reunited on a school happening. Wen is divorced, Yang is in de middle of his own divorce. The two, under slight pressure of their former classmates, try to get together again but somehow, something always comes in between them. While this short features a more comical undertone, the bottom line is still quite sad and not exactly what you might expect. The presentation of this second short may not be as flashy as the first, but it's still very stylish and visually enchanting.

screen capture of Eternal Moment

The third and final short finds our couple in France. Wen is married to a big shot (the pleasantly deranged Chapman To), Yang is an old-time friend visiting. What Yang doesn't know is that Wen also invited the mistress of her husband in order to find out more about their affair. Things heat up between the two women and Yang sees his chance to steal Wen away. Again a very stylish short that shines some interesting light on the complexities of love. Not just some mushy romance between two old lovers, but actually a more mature tale of romance.

All in all the three shorts each have something valuable to contribute to the romantic premise of the film. Stylishly visualized, strongly acted and pleasantly diverse, Eternal Moment is another great film in Yibai Zhang's oeuvre. So far Zhang hasn't made a single miss and I hope he can keep up his winning streak. Yibai Zhang is definitely one of the best hidden gems of Chinese cinema, if you can stomach romances you should definitely give his film the benefit of the doubt.

]]>
Tue, 14 Feb 2012 14:13:16 +0100
<![CDATA[the trap of vendor prefixes/webkit, meet ie6]]>http://www.onderhond.com/blog/work/trap-of-vendor-prefixes-webkit-ie6

This week a conversation surfaced that I consider to be one of the most interesting, front-end related pieces I've read in a long, long time. Several browser representatives came together on the csswg list to discuss the implementation of vendor prefixes. The conversation is surprisingly direct and to the point, shedding some light on the internal workings of how the people behind the specs go about their business. That and the actual content of the meeting were enough to spawn a fleshed-out reaction.

microsoft and mozilla

The meeting spanned several different issues, but the most interesting part is where they start talking about vendor prefixes, more in particular the demand of Microsoft and Mozilla to implement support for a selection of -webkit prefixes into their own rendering engines. While this might sound like a crazy suggestion at first, there's actually some pretty solid ground for such demands.

I found on the rough analysis of top 1000 websites, several percent use webkit prefixes without a fallback for others. : Regardless of how we ended up here, if we don't support webkit prefixes, we are locking ourselves out of parts of the mobile web.

Florian

So there we are. Due to its current reign on mobile devices, some authors haven't bothered to support anything else but webkit, breaking support for current IE, Opera and Mozilla mobile initiatives (and all future non-webkit browser to come). Even when similar (or equal) functionalities are available in the non-webkit browsers, these sites will still provide sub-par experiences or even fail to work altogether. A serious problem for Mozilla and Microsoft who are trying to break into the mobile market. For them, simply mapping -webkit properties to their own (or by then standardized) properties sounds logical enough.

Of course this would be setting a horrible example, putting the gates wide open for others to do the same and making the whole vendor-specific properties discussion even messier than it already is. Chances are slim that Microsoft and Mozilla will be allowed to pursue their plan, though you might wonder who'll stop them if they're really losing out on market share this way.

A rather tricky problem that will no doubt spawn many more discussions, but there is more.

... and then it hit me

There's enough legacy content that there are some properties that we can't drop the prefixes.

Tab

Oh my.

You know how everyone these days is quite unanimous in claiming ie6 is a shit browser? A good 5 or 6 years of evangelism lead to the notion that ie6 is simply evil, a morbid plan to break evolution and cripple the web. Of course it's a natural (human) phenomenon, if you want to reach a large audience you need to simplify your message. It led to the slow but sure demise of ie6, but now we're finally being confronted with the backlash of this anti-ie6 war.

People who actually remember the release of ie6 might realize that ie6 was not a bad browser at all. Compared to modern browsers it's a heap of junk, but in its day ie6 was quite the flashy browser. What made ie6 bad was our own industry. We developed web sites that worked only on ie6 and failed (horribly) on other browsers, actively stifling innovation as people (companies) were not willing to upgrade. We made it that ie6 is still alive and we should carry the weight of that responsibility. But rather than face this reality, we just told people ie6 sucked and cleaned ourselves from any guilt.

Web standards activists are teaching people to use -webkit-. People like Lea Verou. Their demos are filled with -webkit-. You will see presentations from all the web standards advocates advocating people to use -webkit- prefixes.

Tantek

And so, 10 years later we find ourselves in a similar situation. Webkit rules the mobile market, so people who develop for mobile use vendor-specific properties and completely ignore emerging standards (sounds familiar by now?). Sites look bad or break in other browsers, but since that's just a minority (or simply a problem invisible for now) they don't care one single bit. Mobile development is bleeding edge, so no time for best practices, right?

Demos are spread with webkit-only properties, evangelists are eagerly and willingly falling in the same traps, having learned little to nothing from past mistakes. Sure we can hide behind the fact that people should not just mindlessly copy demos from the web, but that's just another way of failing to face reality. Our industry, safe all our efforts to change things, still consists mostly of "code-grabbers", who pick demos from the web and go to Experts Exchange if things don't seem to work like they assumed they would. If we feed them the wrong information, we are the ones to blame.

conclusion

Maybe vendor prefixes shouldn't have been allowed in production versions of browsers, maybe vendor prefixes themselves were a dumb idea to begin with, but it's pointless to blame anyone else but ourselves, the web development community. We are the ones creating a situation where browsers can't evolve because they might break the current web if they do. We are the ones writing browser-specific code, effectively halting the future of the web.

What can be done? Very little, except educate wisely and make sure that you build sites with progressive enhancement in mind. Make sure your site works well on basic browsers, innovate for more modern browsers and safely predict future implementations and standards as to make sure others will profit when the time is there. If webkit turns out to be the new ie6, we have only ourselves to thank for it.

]]>
Thu, 09 Feb 2012 12:31:02 +0100
<![CDATA[kikujiro no natsu/takeshi kitano]]>http://www.onderhond.com/blog/personal/kikujiro-no-natsu-review-takeshi-kitano

So far I've been ignoring the work of Takeshi Kitano (Achilles To Kame, Kantoku Banzai), but as I'm slowly revisiting my all-time favorite films there really is no way around Kitano's impressive body of work. So let us start with what is probably Kitano's most accessible film to date, Kikujiro no Natsu. A perfect cure for winter blues and the perfect entry film for people not acquainted with the signature style of Kitano.

screen capture of Kikujiro no Natsu

Kikujiro no Natsu follows all the praise Kitano received for Hana-bi, a film that won him the Golden Lion in Venice (helped by the support of Tsukamoto) and immediately launched his international career. Even though Kitano dabbled in different genres prior to releasing Hana-bi (A Scene At The Sea, Getting Any), to the West he was the director of gritty Yakuza films sporting an off-beat sense of humor. In return, Kitano (never shy to challenge a few misconceptions about his persona) decided to direct Kikujirno no Natsu, a warm and comical road-movie with some smart touches of drama.

The film follows a young boy, Masao, who sets out to find his mom. The boy lives together with his grandmother while his mom is providing for her family elsewhere in Japan. With all his friends leaving town for summer vacation, Masao is left alone and decides he needs a mission to brighten up his holidays. Right before he skips town though, he is spotted by two former neighbors. Unable to let Masao leave by himself on such a long trip, Kikujiro (Kitano) is sent to guide the boy in his quest to find his mom.

Kikujiro is somewhat of a scoundrel though, so the first few days they mostly hang out at the race track, trying to make some money. Slowly the two grow fond of each other and after some false starts they set out to complete Masao's mission. Once the two are finally on their way, the film truly blossoms and Kikujiro no Natsu becomes a relaxing and comical journey through the Japanese countryside.

screen capture of Kikujiro no Natsu

Through the years Kitano has been quite faithful to his visual style. Even though Kikujiro contains more bright colors compared to his earlier work (still miles away from the color explosions in Dolls but those are almost impossible to match), Kitano's style is mostly defined by the peculiar and sharp editing. Kitano loves cause and effect shots and draws much of his humor from them. Don't expect many smooth transitions between scenes, but harsh cuts that create a very interesting way of storytelling.

But Kikujiro no Natsu is not really defined by its visuals, rather by the sublime theme song Joe Hisaishi wrote for this film (Summer). You don't need anything more than the first two notes of the track to recognize the Kikujiro theme and it will instantly bring back all the beautiful memories related to this film. The rest of the soundtrack is great too, but still totally eclipsed by this wonderful returning theme. A true testament to the power and importance of a great soundtrack.

Even though this film follows Masao's trip, it's really Kitano's (Kikujiro's) film. Yusuke Sekiguchi is a cute-looking boy and plays his part well, but he is completely overshadowed by Kikujiro. Kitano is absolutely perfect in his role and plays one of the most enjoyable bay guys that ever graced the cinema screens (though he's not really a bad guy of course). Kikujiro is a forceful brute with his heart in the right place, add to that the characteristic face and walk of Kitano and you have pure chemistry. The rest of the supporting cast is great too, but they're really just there to make Kitano shine even brighter.

screen capture of Kikujiro no Natsu

Even though Kikujiro no Natsu is a beautiful and accomplished film, the first half hour starts off a little slow. Once the two are on their way, traversing the Japanese countryside, things get a lot better and after that the magic never settles. And even though the dramatic climax lies well before the film ends, the final half hour is easily my favorite part of the film, playing like an extended cut of the sea-side scenes in Sonatine. With little story left to tell, Kitano can focus completely on the laid-back atmosphere while his characters are camping out and thinking up silly games. The feel-good factor rises through the roof during these final 30 minutes.

Kitano's humor is simple, somewhat childish and often improvised, but thanks to the typical editing and his superb comical body language it works wonders. The dramatic climax is beautiful, the overarching atmosphere relaxing. And what truly lifts the entire film above itself is Hisaishi's superb soundtrack. Kikujiro no Natsu is a lovely little road movie that I can recommend wholeheartedly to everyone willing to have a try. It's not my favorite Kitano, but that's just because he's made so many good films to choose from.

]]>
Wed, 08 Feb 2012 12:28:35 +0100
<![CDATA[a css3 image gallery/ode to the transform]]>http://www.onderhond.com/blog/work/css3-image-gallery-ode-to-transform

Last week css3 3d-transform finally landed in the latest version of Firefox, almost simultaneously Microsoft announced similar support for IE10. Add existing webkit support and that's about all the cues I needed for some quick css3 3d-transform experimentation. The results were surprisingly positive, and so I whipped up a small demo to illustrate the ease of building a rather over-animated image gallery.

the basics

The idea is to create a ring of thumbnails with an open area in the middle. Click on one thumbnail and the image will expand to the middle of the ring, popping up in full size and leaving a hole where the original thumbnail was. To get a better of idea what I'm talking about:

Is it css3 only? Nopes, we'll be using a little javascript to make up for some bugs (or is it intended behavior after all?) in webkit. Sadly webkit does not register :focus on links. You can counter this by adding a tabindex to the links, but even then none of the animations are initiated. So instead of going the css3-only way, we'll be using a tiny javascript to register the clicks and set/remove a single class where appropriate.

the html

<section class="gallery"> <ul> <li><a href="#"><img src="..." /></a></li> ... </ul> </section>

Nothing fancy going on here, just a simple unordered list, wrapped in a section. Note that I did already add the anchor tags for future support, for now they're pretty much useless. You could add :focus support for FF, but that would make the javascript a bit more complex.

css

.gallery {height:600px; width:800px; position:relative;} .gallery a {height:75px; width:75px; overflow:hidden; position:absolute; display:block} .gallery a.flip {height:322px; width:572px; left:112px !important; top:140px !important;}

The toughest part of the whole concept is positioning the thumbnails. There are a few ways to do this (nth-of-type selector or separate classes for each image), for this little demo I chose to just add the css inline. This has one big drawback though, since we need to override these style I need !important declarations in my css. I definitely wouldn't recommend doing this in a live project, but for demo purposes it's (kinda) okay.

The rest is pretty straight-forward. We give the gallery wrapper a fixed dimension and use absolute positioning to put the thumbnails where they belong. When a thumbnail is clicked we add the .flip class and position the image in the center of the gallery.

the javascript

$(".gallery ul li a").click(function () { $(".gallery ul li a").removeClass("flip"); $(this).toggleClass("flip"); return false; });

A very simple piece of jQuery code adding and removing the flip class when needed. I guess not much additional explanation is needed here.

the magic

.gallery ul li a {perspective:500px; transform-style:preserve-3d; transition:all 0.75s linear;} .gallery ul li a.flip {transform: rotateY(180deg);}

Both perspective and transform-style properties are not necessary if you don't want the 3d-transforms, I've added a 3d-rotation just for fun (and testing purposes). The real magic happens with the transition property though. The transition property will animate all properties when an element changes states (in other words, when the .flip class is added). All the computing from original state to end state is done by css, there is nothing more to worry about, no javascript needed to calculate positions.

The rotateY transform is just a little test and can be removed, but it does show the relative smoothness of the animation, even when more complex content is inside an element (it tested it with video running inside and the animation was still pretty smooth).

Two important things to remember: add vendor prefixes where necessary. So far all browsers need vendor prefixes for this to work, so go crazy with all your -moz and -webkit and -ms prefixes. Secondly, use animation sparingly. Don't just use it because "you can" and you think "it's cool", you'll just come off as tacky (just look at this demo, as a user I'd never want to see this on an actual site).

keyboard access and degradation

With the anchors around the images you're also assured of keyboard access, though you'll need an extra activation (enter) to actually initiate the image switch. If we'd have used the :focus selector we could've just tabbed through the different images, seeing them pop up one by one. Something for the future, I guess, when webkit is getting its shit together.

Browsers that don't support the css3 transforms get a similar experience, only without the animation. Functional support goes all the way back to ie6, so that's pretty cool.

demo conclusion

Whipping up the code for this demo took me about 10 minutes. It's not a very practical example (I wouldn't use this on my own site), but it does illustrate how easy it is to implement certain animations using css3 (and the transform:all property in particular). The future is looking a bit brighter all of a sudden.

]]>
Tue, 07 Feb 2012 13:01:33 +0100
<![CDATA[one day/chi-jan hou]]>http://www.onderhond.com/blog/personal/one-day-review-chi-jan-hou

One Day is continuing my lucky streak of picking quality Taiwanese films (Honey PuPu, Blowfish, Starry, Starry Night and Make Up), making me wonder why so many people are still ignoring (or missing) the obvious (artistic) growth of the Taiwanese cinema industry these past couple of years. One Day is everything a good romantic film should be, with some spicy fantastical overtones thrown in for good measure.

screen capture of One Day

If you've been paying attention to my reviews the name Chi-jan Hou's might ring a little bell. Chi-jan Hou was responsible for the Juliet's Choice segment in Juliets, which I must admit did raise expectations considerably. Though I still prefer his short segment in Juliets Hou definitely delivers with One Day, marking him as one of the current talents of Taiwanese cinema and hopefully one to look out for in the future.

One Day takes a while to settle in. Hou liberally switches between different time lines and jumps rather drastically between scenes, leaving his audience in the dark for the larger part of the first half hour. No need to panic though, as the film goes on all the mysteries will be cleared up. By the time the end credits roll across the screen you'll have a coherent storyline that, even though not quite realistic, is easy enough to understand. The mysterious elements Hou introduces do work in favor of the romance though, granting the film fairytale-like qualities (though with a darker rim than usual).

One Day follows the life of Singing, a young girl working on a local ferry service, earning her some extra money. On one of her trips she bumps into Tsung, a young army boy who seems to know Singing from somewhere. That same night the ferry breaks down and all the passengers on the ferry are suddenly missing, nowhere to be found. Only Tsung, Singing and a recluse Indian man remain on the ship, unaware of their remarkable fate.

screen capture of One Day

Stylistically you should know what to expect by now. Visually speaking One Day is a truly beautiful film, filled to the brim with exceptional camera work and delicate, well-orchestrated shots. A perfect, well-balanced mix of Japanese minimalism and Chinese grandeur. A lovely visual tone of voice that makes romances like these all the more agreeable and keeps them from turning into sentimental monstrosities.

The same goes for the soundtrack. Sure you know what a piano-tune soundtrack sounds like by now, but as long as it's quietly doing its thing in the background, slyly setting out the boundaries for a warm, enveloping atmosphere, there's nothing inherently wrong with it. You might not even notice the soundtrack while watching One Day, but you can be sure it's working its magic in the background.

The romance of One Day is firmly positioned on the shoulders of Bryan Chang and Nikki Hsieh. The supporting cast is decent enough, but their roles are so minimal that they are hardly worth mentioning. Chang and Hsieh make for a great on-screen couple and really pull the focus of the film towards them. Not to spoil too much, but the chemistry between the both of them is essential to the film's finale. Between the both of them, Hsieh (Make Up, Honey PuPu) is clearly the biggest talent though and is practically assured of a great future in acting.

screen capture of One Day

Little by little the mysteries clear up and slowly the inevitable ending reveals itself. It's a worthy finale, excellently executed and highly effective. Seasoned film fans won't be too surprised by it, but as is often the case, execution trumps originality. Even though Hou pretty much unveils all the mysterious threads of One Day, there's still a certain cloak of mystery hanging over the film when the film ends. It keeps the reigning atmosphere of the film alive while still providing a neatly tied up ending.

One Day is above all a stylish romance, with some supernatural touches thrown in for good measure. It's a beautiful film, wonderfully executed and growing more engrossing with each passing minute. The film knows little to no weak point, and if you feel lost during the first half hour just reassure yourself that everything will be made clear by the end. Probably not the best entry film for people interested in the current wave of modern Taiwanese cinema, but a great recommendation for existing fans.

]]>
Mon, 06 Feb 2012 13:08:30 +0100
<![CDATA[visitor q/takashi miike]]>http://www.onderhond.com/blog/personal/visitor-q-review-takashi-miike

Last week I reviewed Takashi Miike (Sun Scarred, Crows Zero, Crows Zero II, Zebraman 2)'s most impressive arthouse venture 46 Okunen no Koi, this week I'll be tackling Miike's biggest anti-arthouse middle finger: Visitor Q. Visitor Q is without a doubt Miike's most infamous film. It's a sick and depraved piece of cinema, but it manages to be pretty hilarious in the process. If you ever wondered where Miike got his reputation from, look no further.

screen capture of Visitor Q

Visitor Q is not just any piece of shock shlock though. Some people consider Visitor Q to be a continuation of Pasolini's Teorema (and while I haven't seen Teorema yet, based on the premise alone it sounds more like the antithesis of that film), others think of it as an Ozu parody (which sounds more likely to me). Whatever the case, Visitor Q conforms to a pretty strong concept where the ties between alienated family members are once again strengthened by the introduction of an outsider.

This is not just any ordinary family though. The father is a failed reporter who sleeps with his own daughter, the son physically abuses his mother and mom prostitutes herself to afford her drug habit. When the son is bullied and the family's home is torn up by fireworks, nobody even reacts, apart from the father who thinks it's prime material for a new reality show. And that's just the first 30 minutes of the film, things are bound to get worse from there.

The introduction of the visitor changes things. Q works his way into the family (though that sounds more sophisticated than the actual plot of the film - in reality he bashes the father's head in with a stone and joins him for dinner afterwards) and slowly starts to affect the people around him. While he does bring the different members of the family back together again, it's somewhat disturbing to call his influence positive. I won't spoil the actual outcome, but it's safe to say Miike even out-freaked his own work here.

screen capture of Visitor Q

By all standards, Visitor Q is an incredibly ugly film. Shot in a mere three days, you can even spot a couple of sound microphones in two or three different shots. Miike went all digital and handy-cam with Visitor Q and although it does fit the film, bringing you closer to all the freak than you'd prefer to be, there's just no denying it all looks pretty rushed. Normally I'd never rate such a film with the highest score, but Visitor Q is just too hilarious for me to care about the visuals.

Can't say much about the soundtrack, as it is largely absent for the larger part of the film. Most scenes just contain the sounds recorded while shooting. There is one single song at the end of the film though, which at the same time is also the most stylized scene of the entire film.

While watching Visitor Q you can't help but wonder how the actors must've experienced this film. Some scenes are so disturbing (and straight to the point) that they either felt incredibly ashamed, or they just had the time of their lives while shooting. All actors put in great performances, but it's Kenichi Endo that really goes all out. His interpretation of the father is beyond awesome and it's hard to fathom a crazier, more disturbed character in any film out there. His continuously excited state during the final 30 minutes is no doubt the best comedic performance I've ever witnessed.

screen capture of Visitor Q

Beware though. I speak from experience when I say there are many people out there that don't quite recognize the comedy in this film. While the first hour could be considered just plain disturbing, the final 30 minutes go way beyond and it's impossible to think of it as anything but a slice of extremely dark comedy. If you're one to be (easily) offended by films, it's safe to say that you better stay clear from this film. Unless you really want to agitate yourself of course.

Visitor Q is a crazy film. It contains some truly disturbing and shocking scenes, but the light tone and underlying concept betray a smarter film. It's not just shock cinema made to repulse. You do have to be open to Miike's disturbed sense of humor, but once that is covered Visitor Q is one of the most hilariously funny films out there. If not, at least the film will leave you with certain scenes and imagery that will stay with you for the rest of your life. It's not a film that I'll actively recommend, I'll just let the film recommend itself.

]]>
Fri, 03 Feb 2012 12:49:41 +0100
<![CDATA[irresponsibly responsive/tower of babel]]>http://www.onderhond.com/blog/work/irresponsibly-responsive

2011 was an exciting year for the web development community. We saw the rise of mobile, coined concepts like mobile-first and responsive and braced ourselves for a future where anything could be seen by anyone, anywhere, on any device. It was a great year for experimentation and mucking about, but now it's time to get serious. The question is, can we still control the beasts that responsive and mobile-first have become?

why no responsive?

Last month I cleaned up the css and html of this site, but as you can see I stayed away from responsive for the time being. Partly because I had enough work with reworking the html and css as it was (I made static html5 templates for all pages, redesigned all components and reworked the entire css to less), but mostly because I'm still not quite sure how (and if) to approach responsive and mobile-first design.

It's not that I don't like the ideals behind responsive and mobile-first (on the contrary, I love them), but after reading one year's worth of blog articles and online discussions I'm still not convinced we're technically ready for the things we are preaching so vehemently. Every solution, every methodology and every best practice just raises more and more questions, making me doubt if we're actually on the right track. To me, it often sounds like we're a one-legged man trying to win the Iron Man competition.

mobile-first, responsive (, progressive enhancement)

Three buzzwords, all somewhat connected but all meaning something different. From what I noticed, most people in the web development industry hardly know the difference between these three concepts. Responsive is quickly becoming the new html5. Still, a select group of people in the know are preaching these concepts to a larger group of professionals who just run with it and produce something that might come back to haunt us three or four years from now (think ie6-tailored websites).

The core of this miscommunication lies in the way these concepts are advertised. Mobile-first and responsive are solutions that don't fix the core problems we are trying to solve in the first place. For now we don't seem to have any better solutions at hand so people just roll with it, but these solutions are nothing more than cheap hacks that sound logical, but fail at their well-meant intents.

The downside of their current popularity may be that when people find out all this extra effort isn't really solving much (or in some cases, actually becomes counterproductive), they might abandon mobile-first and responsive altogether, throwing out the good with the bad.

mobile-first

Mobile-first is nothing more than a practical implementation of an ideal we've been preaching for years now: "focus on your core message and build the rest of your site around it". The reason why this is linked to mobile is because for now (and even that nothing is quickly becoming outdated), mobile equals smaller screen estate. In reality though, the smaller screen estate is just another boundary that forces us to focus on the core content, meaning that there is actually no direct link with mobile at all. We're just dealing with a temporary consequence of "mobile".

Current mobile-first best practices are very much focused on mobile constraints though, which might narrow people's vision. Mobile-first has become the equivalent of designing for screen constraints instead of designing with a focus on the core content. Even though both ideals overlap, they are clearly not the same and screen estate is just one of the many factors influencing core message design.

responsive

While the mobile-first ideal is still workable and useful, responsive design is clearly flawed at its very core. Responsive design is meant to anticipate a certain context people find themselves in, in order to serve a version of the site or app that tries to match this context. Even in an ideal world this would require quite a few assumptions coming from the information architect and designer (but hey, that's their job), but let's face it, we're hardly dealing with an ideal situation here.

Currently a user's context is reduced to device/browser estate. Based on this information me make assumptions on what functionalities can be dropped, what priorities the user might have and what information might be obsolete. Really, it's like trying to predict someone's taste in food based on the size and position of his left ear. There is no way to track someone's connection speed, no way to track device specific functionalities.

What's worse though, we're trying to predict someone's context purely on technical requirements alone. I understand that people surfing the web on phones might require simplified GUIs to quickly accomplish core tasks on a website, but sometimes people are just wasting time on their phones (train rides, waiting rooms, ...) and don't mind a little extra hassle in exchange for extra functionalities. There is a whole range of variables that influence a person's context and thus his needs from your site, but responsive just gives you one: screen estate.

conclusion

Design based on context with focus on your core message is a splendid ideal and should be pursued as much as possible. But mobile-first and responsive design are flawed solutions to overcome this difficult challenge, definitely in their current state. While I believe it's necessary to keep experimenting with these techniques, I fear they'll turn out to be counter-productive in the long run, placing a burden on our jobs a couple of years from now.

So for now you won't be seeing a responsive version of my site. There's pinch-zoom for the visually inclined, there's rss for those who care about readability and the site works perfectly fine on tablets. It will be interesting to see how the responsive and mobile-first concepts will develop themselves in 2012, hopefully they will just prove to be intermediate solutions resulting in more robust methodologies that will truly benefit our core goals.

For now, keep in mind what you're actually trying to accomplish and educate the people around you on what "responsive" and "mobile-first" really mean, rather than selling them a dream that might leave them disappointed and depressed two or three years from now.

]]>
Thu, 02 Feb 2012 12:15:02 +0100
<![CDATA[make up /yi-chi lien]]>http://www.onderhond.com/blog/personal/make-up-review-yi-chi-lien

2011 was a prime year for Taiwanese cinema, with films like Honey PuPu, Blowfish and Starry, Starry Night topping my end of year list, so when I sat down to watch Yi-Chi Lien's first-time effort Make Up my expectations were up. Luckily Lien delivers, though not in the same amounts as his predecessors. Still, Make Up should prove to be a great film for all of you exploring the modern realm of Taiwanese cinema.

screen capture of Make Up

Make Up could've been a regular drama. It has all the elements necessary to serve up 90 minutes of soft-voiced emotional struggles bathing in beautiful filters and aided by a simple yet effective piano score. And it would've been fine like that. But Lien adds an extra storyline that introduces a few thriller elements to flesh things out a little. While it does give the film a more unique feel the mix of both genres isn't quite perfect, making you wonder how the film would've turned out if Lien had just focused on just one of the two genres.

Somewhat unaware of what this film was about, I just assumed the title referred to a broken relationship that was to be mended during the course of the film. You soon find out it's more of a cosmetics thing though, referring to the make up artists who prepare dead people before they are presented to their families. A somewhat morbid profession, but an interesting angle for a film like this. Min-Hsiu is such an expert, who one day finds one of her old teachers (Chen) lying in front of her.

Min-Hsiu is quite shocked to hear Chen committed suicide, but things get really weird when she is approached by a private detective who believes Chen was actually murdered. Unable to let it go, Min-Hsiu uncovers little bits of information that seem to suggest the detective might be correct in his assumptions. Meanwhile Chen's former husband is approaching Min-Hsiu, looking for comfort and some missing pieces of Chen's past in order to understand what drove her to suicide.

screen capture of Make Up

Taiwanese films have a tendency to look beautiful and Make Up is definitely no exception. From start to finish, every frame looks lush, rich and detailed. The use of lighting in particular is spectacular, but the camera angles and use of color too is impeccable. The drama and thriller parts each have their own color palette but Lien switches seamlessly between the two visual style. It makes for a stunning film that carries you through on visuals alone.

As expected, the soundtrack is a bit tamer. Lien opts for a safe set of music tracks, mostly soft piano music that fares quite well in the background. A decent score that does the job, but lacks identity. Props for the discotheque scene though, directors are starting to use some decent dance tracks instead of those awful "movie disco scenes" songs they've been using for the last 10 years (though it must be said, I've noticed it mostly in big budget flicks).

The acting is solid, with Nikki Hsieh and Sonia Sui successfully carrying most of the film. Bryant Chang's performance is noteworthy too as the private detective, he has a nice presence that may land him some international succes. The only weak link is Chen's husband, turning in a somewhat subpar performance compared to the rest of the cast. It doesn't ruin the movie as such, but I'm pretty sure the thriller aspect of the film would've worked a lot better with a different actor.

screen capture of Make Up

The key to unlocking the mystery of Make Up lies in Chen's past, which is revealed slowly through flashbacks of Min-Hsiu. The relationship between Chen and Min-Hsiu is slowly uncovered and causes an interesting shift in connections about halfway through the film. It's not an earth-shattering twist, but if suffices to keep the attention of the audience with the film as they'll go back to reinterpret some of the earlier scenes between Chen and Min-Hsiu.

The ending could've been better and lacks impact though. While not bad or disappointing, it somehow lacks the strength to bring the separate parts of the film to an appropriate conclusion. At the same time, the choice to mix both genres makes the film a tad too long as it needs to take its time to properly explore both sides of the story. Luckily the stunning visuals coupled with the rich atmosphere help out where the story falls short, making sure the film as a whole is still very much worth your time. I'm eagerly looking forward to Lien's next film as there is definitely some potential to grow, which will no doubt lead to even better films. For his first effort though, there is plenty to enjoy, so don't miss out.

]]>
Mon, 30 Jan 2012 12:41:05 +0100
<![CDATA[rogue river/jourdan mcclure]]>http://www.onderhond.com/blog/personal/rogue-river-review-jourdan-mcclure

Jourdan McClure's Rogue River may not be the world's most original, genre-bending or exciting film, but for a simple genre film it has all the perks it needs to make for a convincing 80 minutes of horror entertainment. The film popped up out of nowhere and chances are it will go by completely unnoticed for most of you people, but if you find yourself in a spot where you can get a chance to watch it, make sure you don't miss out on this one.

screen capture of Rogue River

Rogue River ties in with other genre films like Mum And Dad where an unsuspecting stranger is held hostage by a seemingly normal family. Of course things aren't as they appear to be and before you know it you're dealing with a bunch of degenerate weirdos who lost all sense of acceptable social behavior. As with all pure genre films though, it's not so much about the concept or story as it is about the execution. And that's exactly where Rogue River shines.

It's hard to still shock people these days, so McClure tries a more subtle approach here. The events themselves aren't quite as appalling as may be seen in other notable horror films, but the atmosphere of Rogue River is a lot less pushy and more down-to-earth, which increases the impact of certain scenes considerably. There is for example one scene that links back directly to Srpski Film (a popular twist these days) which works a lot better here even if the actual scene is not half as shocking (objectively speaking).

screen capture of Rogue River

Visually McClure holds a tight grip on Rogue River. He shoots with a respectable level of grit and with a great eye for lighting. It gives the film a somewhat barren and cold feel while still allowing for a pleasantly finished look. Add some interesting camera angles and take into account the strong use of color and you have a film that's quite enjoyable to look at, without becoming overly stylistic.

The score is rather typical (indie) horror fare, which soft piano melodies, lingering ambient soundscapes and some unnerving build-ups to increase the tension. It's hardly memorable and it does little beyond what it is intended for: creating a good and tense atmopshere that lays a strong foundation for the rest of the film. But for a film like Rogue River this actually suffices.

The acting is quite alright too, Michelle Page does a commendable job as lead actress and carries her role with ease, but it's Bill Moseley and Lucinda Jenney that really add some shine to their performances. They form an awesome couple and succeed marvelously in portraying their seemingly sweet but ill-minded characters. Part of why the films works so well is because of their effort.

screen capture of Rogue River

Rogue River will offer you very little surprises, the obligatory twists here are practically genre cliché and are handled as such. But the scenes where the sick and twisted mind of the old couple surface really pull this film to another level, harboring some lovingly creepy and genuinely cringe-worthy moments. There are quite a few painful moments worth checking out for the fans and in the end that's what these film are all about. It's not high entertainment but still it manages some impressive emotional responses from its audience.

It's difficult to whole-heartedly recommend this film. As with most pure genre films, the devil is in the details and as far as appreciation goes this is all very personal. If you don't dig the subtle build-ups and the gritty yet believable atmosphere just doesn't quite work for you then this is without a doubt a very tedious, derivative and sub-par experience. Still, Rogue River is definitely worth checking out if you have a taste for the moderately sick and twisted, because all the potential is here.

]]>
Thu, 26 Jan 2012 13:18:09 +0100
<![CDATA[46-okunen no koi/takashi miike]]>http://www.onderhond.com/blog/personal/46-okunen-no-koi-review-takashi-miike

Takashi Miike (Sun Scarred, Crows Zero, Crows Zero II, Zebraman 2) still stands as one of my all-time favorite directors, even though the quality of his recent output has somewhat diminished. It isn't easy to pick one film from his vast oeuvre that stands out as his absolute best, but after some thorough soul-searching 46-Okunen no Koi is the film that survived all scrutiny. It's and arthouse flick, it has dancing, gay prison inmates and space rockets: vintage Miike in other words.

screen capture of 46-Okunen no Koi

Miike never really made a true "classic" arthouse flick, but between this film and Izo there are enough elements that suggest Miike was aiming for a little more than mere entertainment with these films. While at its very core 46-Okunen no Koi is just a simple whodunnit, there is enough artistic value (and artistic weirdness) here, pulling this film purposely away from mere genre film making and creating a hybrid of two incompatible worlds that may be greater than the sum of its parts.

When the first images of 46-Okunen no Koi surfaced some people assumed Miike was stepping into the footsteps of Lars Von Trier's Dogville. And while some sets indeed resembled the idea behind Dogville's minimalism (prison cages marked by lines drawn on the floor), Miike is not one to abide by a strict set of rules. So yeah, there's a bit of Dogville in here, but the resulting film is completely different from anything Von Trier would and could ever direct.

After a short introduction featuring a modern interpretation of an old tribal ritual, we warp to an unnamed prison in an unnamed time, witnessing the murder of Shiro by one of his fellow cell mates, Jun. Jun is quick to confess his crime, but apparently there is more than meets the eye. The film then warps back to the moment Shiro and Jun were admitted to the prison, following their tale of repressed friendship within the prison walls through several flashbacks and changes of perspective, ultimately revealing the true motives behind the murder.

screen capture of 46-Okunen No Koi

Visually speaking 46-Okunen no Koi is a pretty unique film. It may not be as minimal as Dogville but it's definitely way more abstract than most other films out there, removing all unneeded objects and obsolete visual impulses from the settings. The camera work is classy, the use of color very defining for the film's atmosphere (46-Okunen no Koi is very much a yellow film). Some of the CG is still too intruding for my taste, but at least it's functional and it serves a good purpose.

The score may go by somewhat unnoticed at first (it may even come off as a little generic), but upon closer inspection (and multiple viewings) it does prove its value. There is some memorable background music here that sets the right mood and allows you to be pulled in much faster then often the case. While watching this film I'm usually too transfixed by the on-screen events to notice, but the soundtrack is definitely an essential part of the experience here.

As for the acting, Miike was able to assemble a tremendous cast. Masanobu Ando and Ryuhei Matsuda are both excellent as Shiro and Jun (and I wouldn't be surprised if both characters were actually scripted with these two actors in mind), secondary roles are equally impressive with Ryo Ishibashi and Ken'Ichi Endo as most notable examples. Between these four actors you have plenty of talent used to portraying such a set of strange characters while keeping performances straight-faced and believable.

screen capture of 46-Okunen No Koi

Miike has never shied away from some playful experimentation left and right, but he does take it to the next level in 46-Okunen no Koi. He mixes different narratives and time lapses, at times fading characters away from particular scenes or simply adding dialogues without the actual characters present. The result is a world that remains mysterious and exciting, as it does not even seem to conform to any internal rules or limitations. Miike plays with the expectations of his audience (the scene where Endo suddenly steps through a window) and keeps you guessing until the very end.

I must admit that even though I love the poetic nature of this film, I never really made an effort to uncover any hidden layers or tried to explain the symbolism in 46-Okunen no Koi. Others may have their fun figuring out what motivated Miike to make this film the way it is, and I'm sure you could come up with some amazing theories for this film, but that's just not my cup of tea. I keep coming back for the atmosphere and the poetic trip Miike has on offer, which suits me plenty.

If you want to see a more experimental and serious side of Miike, this film is definitely recommended. Sure enough the film has its fair share of weird moments, but all the weirdness does seem to serve a higher, more artistic goal here. So far Miike hasn't been able to match 46-Okunen no Koi and as he slowly shifted towards more commercial cinema I wonder if he will ever be able to top it, but whatever the future brings, Miike clearly demonstrated that he has skills that transcend the realm of obscure genre film making.

]]>
Wed, 25 Jan 2012 12:56:35 +0100
<![CDATA[lover's discourse/kwok cheung tsang, chi-man wan]]>http://www.onderhond.com/blog/personal/lovers-discourse-review-tsang-wan

As if materializing out of thin air, one day I just bumped into Tsang and Wan's first-time, self-directed semi-omnibus film Lover's Discourse. Motivated only by the beautiful poster art and a somewhat vague screenshot, I sat down to ready to be surprised. And surprised I was, as the film turned out to be a charming yet effectively honest tale of romance that transcends the genre's endearing and feel-good image and puts up a worthwhile fight with its final segment.

screen capture of Lover's Discourse

I say semi-omnibus because even though the film is clearly divided into four separate shorts, they do connect to form one overarching storyline. Only the second short seems disconnect from the other three, but I probably just missed a simple connection somewhere. At first I was somewhat disappointed to find out that the film was cut up like this, as it was quite difficult to let go of the characters of the first short, but Tsang and Wan justify their choice with their fourth and final short and afterwards I wouldn't have wanted it any other way.

Lover's Discourse takes a flying start with Hidden Love, where two childhood friends meet up after work for a friendly drink. Both are in a relationship, but not too happy about how things are working out. Karena Lam and Eason Chen have a lot of chemistry going on between them, the tepid pace of the short and the small yet charming details that betray their feelings towards each other are a joy to behold. One thing that's immediately clear is Tsang and Wan's exquisite feel for the visuals, the soundtrack is nice enough though somewhat poppy in places. And even though the short doesn't feature a true happy ending, it does leave you with a warm and contented feeling.

screen capture of Lover's Discourse

Secret Crush is the second short, also the most light-hearted one of the bunch. It follows Gigi, a young girl working at a laundry shop who's rapidly developing a crush for one of her daily customers. She hardly dares to look him in the eye, but rigorously searches his clothes for clues about the boys character. With the little information she has she construct several elaborate, far-out and genuinely funny fantasies. Interesting detail here is that the boy in her fantasies is always portrayed by a puppet, which is somewhat made clear during the final scene as Gigi is clearly more in love with the idea of romance instead of the boy himself.

With One-sided Love the omnibus takes a more dramatic turn. One-sided Love superficially ties in with the fourth short (at that time still unclear) and plays like a memory of Paul's childhood days. When Paul encounters Sam by chance he recalls falling in love with Sam's mother as a young boy. At that time Paul found out that Sam's father was cheating on his mom and Paul saw his opportunity clear to try and separate the two of them. But Paul is clearly unaware of the commitment and love between two people who've been together for almost a lifetime. One-sided Love may be quite bitter and dramatic, it still shows us one or two essential things about love.

screen capture of Lover's Discourse

The final short (Bitter Love) proves to be the key to unlocking the film's true brilliance. One day Paul gets a message from an unknown women (Kay), claiming Paul's girlfriend is cheating him with Kay's boyfriend. Somewhat reluctant Paul decides to find out if there's any truth to this claim. Careful viewers will probably see it coming, but it's not so much the twist that stuns but the way Tsang and Wan allow the viewer to see one event from two different sides without judging any of the parties involved. By detaching both stories from each other the viewer is allowed to feel for both sides, resulting in a much more powerful (and admittedly somewhat confusing) experience. It does leave you a little down, so those of you expecting a feel-good ending should be warned, but the finale really becomes all the more powerful because of it.

Visually Lover's Discourse is a stunning film, the soundtrack is solid but not too spectacular and the acting is all-round impressive. In the end though it's the overarching vision of this film that makes it stand out from its peers, turning it into a beautiful yet somewhat painful romantic story. Unless you're dead set against watching any romantic films, consider this a clear and strong recommendation.

]]>
Mon, 23 Jan 2012 12:23:07 +0100
<![CDATA[kokaku kidotai/mamoru oshii]]>http://www.onderhond.com/blog/personal/kokaku-kidotai-review-mamoru-oshii

Mamoru Oshii (Tachiguishi Retsuden, Sky Crawlers, Ghost In The Shell 2.0, Patlabor 2, Tenshi no Tamago) is without a doubt my favorite director out there, so there's really no way I could ever pass up on reviewing his ultimate classic: the 1995 adaptation of Masamune Shirow's much-lauded Ghost In The Shell manga. Almost 17 years after its original release, the film still houses a truly captivating and mesmerizing power.

screen capture of Kokaku Kidotai

If Eraserhead and Tetsuo are the films that made me become serious about film as a hobby, Oshii's Kokaku Kidotai is the film that actually introduced me to the world of cinema. Sure enough I watched and liked films before this one, but only in a more simple and straight-forward entertainment-based manner. Before this film it was all jokes and gore that made me want to see a film, Kokaku Kidotai was the first film I watched that focused on atmosphere and feeling rather than just wanting to tell its story.

Kokaku Kidotai is also the film I have watched the most. At least once every two years I sit down for another fix of this film's magic. I don't really get why, but somehow it never gets stale or boring, it only takes a minute or five before I'm completely lost in the film's atmosphere, only to resurface a good hour later just as impressed with it as if I watched it for the first time. Sure there is some melancholia involved here, but beyond that I feel that time has been incredibly kind to Oshii's masterpiece.

If you want to know all there is to know about the background story it's probably best to pick up the manga first. Even though Oshii samples directly from Shirow's work, the film is a nifty reconstruction that ignores many side stories and focuses on the themes Oshii wishes to explore. The core story line is still there of course, but some events or scenes might feel a little lost if you're not well aware of the full picture. Then again, these scenes aren't exactly vital to understanding the film.

screen capture of Kokaku Kidotai

Visually Kokaku Kidotai still stands its ground. The coloring and the somewhat basic CG are the only clear giveaways that we're dealing with an older film here, the animation itself remains detailed and abundant. Shirow's character designs were toned down a little (which helps the serious character of the film) but the intricacies of his detailed settings were ported with remarkable respect and clarity. It's still a gorgeous film, even today.

But it's really Kenji Kawai's amazing score that still lends this film its captivating powers. From the unique opening music to the more ambient-inspired tunes and the sublime track featured underneath the battle with the tank (Floating Museum), the Kokaku Kidotai score is a monument amongst film scores in general, one that even managed to reach beyond the boundaries of the film world. It's an essential part of the atmosphere and one of the most impressive collaborations between director and musician I've ever encountered.

As for the voice acting, I really want to stress that the original dub is way better than the English dub, even though I practically grew up with that one. The English dub dumbs things down a bit and adds a level of cheese a film like this does not deserve. These days I even need to watch out which subtitle stream I use, as a direct transcription of the old English dub still brings back memories of the original voices (I really watched it that many times back then). If you want to know witch translation you're watching, check for a scene at the very beginning where Motoko is talking to Batou about static on the line. If Motoko is referring to a lose wire you're watching the old translation, if she refers to having her period you're watching the updated (and more correct) translation.

screen capture of Kokaku Kidotai

The centerpiece scene of Kokaku Kidotai is also right in the middle of the film. Oshii simply stops the story for a good five minutes, he picks one of Kawai's most beautiful tracks and takes the audience on a little trip through the city, slyly hinting at Motoko's identity crisis as she runs into different people "wearing" an identical body. It's something I missed the first few times I watched this film as I was too transfixed by the atmosphere, but it's a very nifty example of combining emotional cinema with storytelling. Apart from the deeper meaning though, it's also just a tremendously impressive scene in its own right.

Not only is Kokaku Kidotai an essential film in the canon of Japanese animation, together with Kubrick's 2001 and Tarkovsky's Solyaris it completes a trio of book adaptations that transcend the popularity of their originals and gave a new meaning to an already popular brand. So much that most people these days will think of Oshii's film first, only a select few will still consider Shirow's manga as the true source of the Kokaku Kidotai universe.

It's not as if Kokaku Kidotai didn't age at all or wasn't surpassed by other films (I actually liked the sequel even better), but Oshii's film remains a monument of film making that still knows to impress and entrance. It's a superb sci-fi film, boasting tons of highly atmospheric scenes and a good story to boot, even though it might require several viewings (or some background checking in the manga) to get a grip on the entire picture. It's a film that's aging gracefully and one I still whole-heartedly recommend to people who haven't seen it yet. It's not my favorite Oshii, but I'm sure it's the one he'll be remembered by.

]]>
Thu, 19 Jan 2012 11:29:52 +0100
<![CDATA[saya-zamurai/hitoshi matsumoto]]>http://www.onderhond.com/blog/personal/saya-zamurai-review-hitoshi-matsumoto

Hitoshi Matsumoto (Symbol, Dai-Nipponjin) is back! The man made only two films prior to Saya-Zamurai, but he gained instant access to my list of favorite Japanese directors thanks to his excessively dry humor and quirky direction. Matsumoto remained behind the camera for his latest film and toned down the weirdness level a little, but if you are comfortable with his sense of humor there's still heaps and heaps to enjoy here.

screen capture of Saya-Zamurai

There's little to none of the weirdness you might have come to expect from Matsumoto's previous films, so people looking for a direct continuation of his earlier work might be somewhat disappointed with this film. Saya-Zamurai draws comparisons to the funnier moments in Kitano's Zatoichi though, while Matsumoto's deadpan humor clearly sets itself apart from Kitano's more juicy approach to comedy.

The film starts off in traditional samurai fashion. A lonely man approaches a bridge, a figure looms on the other side. Slowly they walk towards each other, only to attack once they've passed each other right in the middle of the bridge. But then something weird happens. The samurai who's struck down runs off bleeding and screaming. This is clearly not going to be a typical samurai film after all. The samurai's daughter follows him from a small distance, not hiding the disdain and disappointment she feels about her father's behavior.

Kanjuro is a runaway samurai, after his wife died of the flue so did his vigor and spirit to live. When he is captured for forsaking his duties as a samurai, Kanuro is sentenced to perform a rather peculiar task. He has 30 days to make a young kid laugh, if not he has to perform seppuku. This is easier said than done as the boy seems completely cut off from the world, the fact that Kanjuro isn't feeling too good about himself isn't really helping either. Lucky for him he gets some pointers from his daughter and the two men that guard him.

screen capture of Saya-Zamurai

Since the story of Saya-Zamurai is more down to earth there isn't as much room for crazy CG and random visual weirdness. Matsumoto is an inventive guy though and the beginning has some rather modern visual twists. The remainder of the film is more traditional but stylish and warm. Strong shots and beautiful camera work all over. And there are of course the awesome wooden structures that appear later in the film, also adding a lot to the visual richness of Saya-Zamurai.

The score is pretty traditional, though it does feature some very nice, light and warm touches that lift it above the more generic soundtracks out there. At times it even feels as if Joe Hisaishi had his hand in some of the music, but the credits seem to contradict this. It's a pretty interesting detail though, all the more when you know that Matsumoto and Kitano are two of the most popular comedians in Japan and some kind of rivalry definitely exists between the both of them.

The acting in Saya-Zamurai is top notch. Secondary roles are strong, especially the supporting role of Kanjuro's daughter, but in the end it's Takaaki Nomi in his first ever movie role that impresses the most. He has almost no lines and features only one or two facial expressions, but he does it with so much passion and dedication that his character really grows on you. On top of that, he has the perfect face for taking Matsumoto's deadpan humor to the next level. A remarkable man, though he might suffer the consequences when he tries on a different character, as Takaaki Nomi really becomes Kanjuro in this film.

screen capture of Saya-Zamurai

After a short intro the film quickly settles itself in a very cyclic structure. Kanjuro has 30 days to make the boy smile, so we get 30 sequences of him doing just that. Sometimes there is a short break where the guards and the daughter are coming up with new ideas, but most of the time we see Kanjuro performing a series of very silly tricks and dances. As the film progresses, Kanjuro's performances do become more elaborate and spectacular, but the basics remain the same. Though none of the jokes are very funny by themselves, when put in this dead serious context they manage to become pretty hilarious.

The ending takes a more serious and dramatic twist, though the film as a whole does not lose its light-hearted atmosphere. It's a very fitting and beautiful finale though, one that brings a bit of laughter and comedy to an otherwise sad ending. Not as spectacular as the ending of Symbol, or as zany as the finale of Dai-Nipponjin, but more in line with the rest of Saya-Zamurai.

Matsumoto's new film is a little gem, a film that does not impress in spades but focuses on smaller details. One thing remained though, Matsumoto's deadpan humor is still the star of the film, this time embodied by Takaaki Nomi. The film may be overshadowed by Matsumoto's earlier efforts, but as a stand-alone work it's a highly amusing, entertaining and endearing film that deserves a bit more praise than it has been getting so far.

]]>
Tue, 17 Jan 2012 13:23:25 +0100
<![CDATA[pi/darren aronofsky]]>http://www.onderhond.com/blog/personal/pi-review-darren-aronofsky

Darren Aronofsky's Pi was a film that seemed specifically tailored to my preferences. A rather typical film coming from a first-time director, somewhat experimental in nature, sporting a kick-ass electronic soundtrack and a subject that spoke to me on multiple levels. A film Aronofsky himself would never be able to surpass and still stands as his best work to date, although opinions on this differ. Still, an absolute must-see if you like your films a little different.

screen capture of Pi

Aronofsky hasn't made a bad film (yet), though I fear what will happen when he finally gets a go on one of his solicited superhero flicks. So far none of these rumors have materialized into something real though, so I guess we're still safe to see a couple more Requiem For A Dreams and Black Swans in the future. Aronofsky might even return to his more experimental roots one day, but I wouldn't put my hopes up, after finishing Pi little by little Aronofsky has been edging towards more easy to stomach films.

While Pi rambles on about math, computers and stock markets, the film is not as nerdy or geeky as many claim it to be. You don't need to understand much about math, you didn't even need to like math in school to appreciate this film. Pi is really a film about passion turning into obsession, dragging a man down a dangerous spiral that leads to a rather limited tunnel vision and plenty of mental strain. Fans will no doubt recognize this as a very common theme in Aronofsky's films.

Max is a mathematician, a man looking for patterns in nature, trying to represent these patterns with what he knows best: numbers. As Max considers the stock market to be somewhat of a natural organism, he tries to predict the stock prices using an algorithm he has thought up. This of course is of particular interest to a financial group, but when Max comes into contact with a fraction of religious Jews things start to get really interesting.

screen capture of Pi

Pi hides its low-budget roots behind a cloak of grainy, high-contract black and white images and some very smart editing, though I must say that time is slowly catching up with Pi's visuals. The editing in particular felt a little off at times, then there are some specific shots than just can't hide the plain settings Aronofsky used for his film (for example the hallway of Max' apartment). All in all the film itself still looks great, but not as impressive as I remembered it to be.

But Pi is not so much about the visuals as it is about the music. To my knowledge, this is still the only film out there with a serious, more underground-oriented electronic soundtrack (not counting stuff like Umfeld). With artists like Aphex Twin, Banco de Gaia and Autechre making up a large part of the soundtrack, this is definitely right up my ally. The theme music is written by Clint Mansell and fits in perfectly, sporting some lovely drum 'n bass sounds (Mansell too would never be able to match the work he did for Pi). At times the dialogs might even seem part of the music, while listening to the soundtrack is like reliving the film itself. This is what soundtracks/scores should be like, sadly no other films have tried to follow in Pi's footsteps.

As for the acting, much of the film's dramatic weight lands on the shoulders of Gullette, who does a pretty great job as Max. It's funny though how I usually remember Gullette by his voice rather than by his appearance, I guess this is just more proof of how awesome the music direction is in this film. Mark Margolis play an intriguing secondary role as Max' mentor, the rest of the secondary cast is not as great but suffices.

screen capture of Pi

As Max nears his goal he gets more and more paranoid. Followed by a mad corporation and crazy religious folk, Max is slowly collapsing under the pressure of finding the key unlock the secrets of our universe. The finale is raw yet poetic and strangely fitting, even though very little is actually explained. It's a template for Aronofsky's typical cool-down that is featured in just about all of his other films.

Pi is a nifty little trip down the path of obsession. Some affinity with math in general is a definite plus (if you want to enjoy the poetic beauty of how certain things are connected) but not at all required to get what this film is about. Visually Pi is starting to show its age, but the soundtrack more than makes up for that. Fifteen years down the road this is still an excellent film that should appeal to anyone with a taste for the different.

]]>
Fri, 13 Jan 2012 12:10:26 +0100
<![CDATA[content layout headaches/on headings and images]]>http://www.onderhond.com/blog/work/content-layout-issues-headings-images

So yeah, we've now reached the point where we are worrying about efficiently implementing things like 3d-transforms in css, how cool is that? Exciting times no doubt, but one would assume this means that all the basics of visual layouting would be covered by now. Well ... no, not in the slightest. So let's take a peek at one of the most basic issues that still exists in modern day web development and try and look for some ways to work around it.

who is your king?

Content is king, what lovely a cliché. Even though this is something we preach to everyone entering the wonderful world of web design/web development, the way our profession is evolving is hardly conform with this cornerstone of our believes. When it comes to the core content of a site, we're still letting clients fiddle with rich text editors until every notion of semantic validity and separation of content and style is shred to pieces. It's funny how CMSes have pretty tight control over everything not related to the core content of a page, but fail when it comes to what matters the most.

Not only that, css is still quite under-equipped to deal with very common cases of layouting our core content, at least, if you care about structural validity in html. Most designs are doable if you start playing around with the logical order of elements until you can match the design, but looking at the resulting source code there is often very little left to be proud of. And one of the most irritation-inducing design hurdles plays between the heading and the image of a content unit. Let me explain.

heading-first htmling

To make the core content a bit more attractive we often introduce several, semi-decorative images into our text units. Sure these image are somewhat related to the content, but they also serve a clear decorative function. Some images are floated left, others are floated to the right to create a more exciting layout dynamic. This is all good until we throw some headings into the mix, expecting our headings to flow along with the text.

It might be just me of course, but as a html guy I believe that whatever blurb of content you begin, you always start with the heading. The function of a heading is to introduce the content that follows the heading, so naturally it should be placed first in the content. This is a major problem for the css, because in order to make use of floats as they were intended, the floated element should appear first in the source. Say we want a floated image with the heading and text appearing beside it, we have to put the image first in the source. Ugh.

One other popular example (mostly related to content types - check out the product blocks on amazon.com) is to visually put the image above the heading. Luckily this poses less of a problem as these instances of images are (almost) always equal height, so some position absolute magic does the trick here. Clearly amazon.com doe