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[no-do (the haunting)/elio quiroga]]>http://www.onderhond.com/blog/personal/no-do-review-elio-quiroga

While most European horrors are battling each other for shock value, the Spanish still seem more intrigued by the more classical horror themes. And with success as they've proven numerous times before. After [Rec] and El Orphanato more of the good stuff is coming our way. Quiroga is releasing No-Do (retitled The Haunting) upon us, turning what should have been a rather tedious ghost flick into one lovely chiller of a film.

screen capture of The Haunting (No-Do)

If the name Elio Quiroga doesn't ring a bell it's not because he's a novice but because his films can't seem to land a decent audience (at least outside of Spain). This is about to change as the Frightfest people picked up No-Do and decided it worthy for distribution. No doubt a great chance for someone like Quiroga to gather himself an international audience and to harvest some praise for his hard work.

No-Do is essentially just another haunted house flick. Even through it's been properly dressed up with some interesting side bits, the core of the film revolves around a family buying a new house and bumping into some ghosts running rampant. Of course they seek the help of a priest who seems to know a little bit more about what's going on in this particular house. It's all familiar stuff for people with even the slightest interest in the horror genre.

To spice it all up a little Quiroga added another angle, namely that of a Spanish TV-production company (No-Do). Apart from shooting regular news broadcasts the company was also appointed to document the findings of the church when examining listings of supernatural events. These films were locked away in a hidden film archive which plays a pretty important part in uncovering the truth about the history of the house.

screen capture of The Haunting (No-Do)

If all of that still sounds a little stale, not to worry. Quiroga opens a can of visual splendor that easily carries the film all by itself. First of all thumbs up for the filters applied throughout the film. There are a couple of scenes that morph from normal footage to old worn-down footage in mere seconds, but with such detail and with such great results that it's hard to believe most of the hard work was done in post production. Very nifty effects there.

On top of that, the ghostly apparitions are really top notch and slightly resemble the effect used in Toy Reanimotor. Maybe not as explicit but the result is absolutely stunning, turning the ghosts from B-grade horror fodder into A-class extras. It's this kind of attention to detail that makes all the difference in these somewhat generic horror films.

The soundtrack is appropriate but not very remarkable, the same can be said about the acting. Nothing to fault, but the film isn't going to win any prizes in either category. More than sufficient for this type of film though and a lot better than the run of the mill American straight-to-DVD releases, but that's still not saying much.

screen capture of The Haunting (No-Do)

The film does have one big flaw though. Throughout the film some very strange cuts and awkward filler shots appear seemingly random, as if the film was shot with commercial breaks in mind. Some little digging reveals that the original version of the film was clocking in around two hours, on release it was brought back to a mere 95 minutes. This 25-minute cut is sadly tangible and does mess up the movie in several places. Of course I can't vouch for the missing pieces, but I wouldn't be surprised if they made the film feel more like a whole.

That said, there is still plenty to enjoy. The film is blessed with a creepy atmosphere, luscious visuals and some pretty interesting twists. The ending is decent enough and makes for a worthy finale. It's a shame the whole was cut apart on the editing floor, but I guess pacing was deemed more important than atmosphere. Despite this annoying quirk, No-Do still stands proud amongst it peers. 4.0*/5.0*

Check out the trailer to warm you up.

]]>
Thu, 02 Sep 2010 13:22:38 +0200
<![CDATA[life and stuff/we're back]]>http://www.onderhond.com/blog/onderhond/blog-resurrection-2010

Like a raging, flesh-eating zombie this blog is about to rejoin the world of the living. After a two week lapse gears are squirting back into motion, ready for a fresh delivery of tasty updates. Unlike past years I didn't post a little reminder before I closed the doors, read on if you want to know why. For those who can't be bothered, just know that business will resume as usual from this point on, so take leave your squishy brain muscle at the door and trust me to handle it with care.

we wii

For those who didn't get the irony of the picture above, there wasn't much time for leisure or sweet vacation pics this year. The past two weeks were primarily dedicated to moving our butts (and everything else we own) from point A to B. After a year and a half long wait we were finally able to move to our very own apartment. Sadly there was still plenty of work to be done before we could actually move.

To soften the blow a little we bought a Wii, so if you were wondering why I didn't even post any film reviews during my vacation, there's your answer. Most of our free time was spent on stripping down everything there is to find in Mario Galaxy 2, which proved to be the perfect distraction from all the hard work in between.

We did watch some films though (and a couple of good ones too) so be prepared for reviews of No-Do and Harry Brown in the very near future.

we moved

It took us six days of painting, three days of flooring and one full day of moving all our garbage. Add to that the time spent of administration crap, picking out new furniture and making sure we would make it by the end of our vacation, and you might understand why I didn't really find the time for a little blog notice this year.

With a little help (hah, understatement!) we made it, though we didn't have much slack. We moved this past Saturday, needed all Sunday to get at least the most obvious things back in order and got back to work the day after that. Needless to say, the next vacation is already planned.

Pictures of the new Onderhond dome will follow a little later when everything is back in order (that will hopefully be by the end of this month). I can say one thing though, the view from our apartment is quite simply amazing.

we are back

With all of that behind us, blog activity will resume as usual. First work update will probably be for next week, expect the personal blog to kick-start a little earlier than that. Cheers for sticking around and stay tuned!

]]>
Wed, 01 Sep 2010 12:59:23 +0200
<![CDATA[yoshino's barber shop/naoko ogigami]]>http://www.onderhond.com/blog/personal/yoshinos-barber-shop-review-naoko-ogigam

Not too long ago I watched Kamome Diner, a pleasant little film made by female director Naoko Ogigami. I was pretty taken with that film and it sparked enough interest to seek out more of her work. First in line was her feature length debut, Yoshino's Barber Shop, a sweet-looking comedy featuring the down-tempo atmosphere of the Japanese countryside. Lucky for me it proved to be every bit as good as expected.

screen capture of Yoshino's Barber Shop

Some directors are able dazzle you with their talent and completely screw up the next film, others produce a constant stream of quality work without ever blowing any fuses. Even though it's a little early to make a definite judgment, Ogigami seems to fall into the latter category. She doesn't really give me the impression that she can create a true masterpiece, on the other hand I won't expect to see anything less than great coming from her.

Yoshino's Barber Shop is a splendid little film. While superficially very simple and basic, it houses some interesting themes which are adequately integrated into the whole experience. The themes and moral never feel forced, nor do they ever detract from the quirky little storyline. And yet, the delivery is pretty straight and the extra layers are undeniably there. The ease with which it is all presented is quite remarkable.

The film tells about a small town hidden away in the Japanese countryside, far away from the bustling cities. A pretty regular town apart from the fact that all young boys seem to be wearing the same haircut. Apparently tradition forces them to keep a Yoshino cut until they become adults and as they don't know any better, they all comply without causing much of a fuzz. All goes well until a fresh Tokyo boy interrupts the little town's peace and starts wooing all the girls with his fancy hairdo.

screen capture of Yoshino's Barber Shop

On a visual level Ogigami doesn't really surprise. It's a pleasant film to look at with some nice country views and lots of green to fill the frame, but if you've seen a couple of Japanese countryside dramas like these before you'll know what to expect. It's pretty likable, but if you want something extra you won't find it here.

Even though the soundtrack is a little bolder (which some strange choices in classical music) it doesn't have a lasting appeal. It goes rather well with the visuals and creates a few funny moments, but it's not really all that unique or strong enough to really stick out. Still quite enjoyable though.

Acting on the other hand is rock solid. The gang of five does a pretty commendable job, but it's Masako Motai that truly coins her character, playing the stern and somewhat grumpy-looking mother with such a sense of humor that she quite easily carries the film all by herself, stealing every frame she's in. Extra credit for the appearance of Yoshiyuki Morishita, better known in the West under his unlucky but appropriate moniker of "Ugly Guy". Great guy, funny character.

screen capture of Yoshino's Barber Shop

Giving Yoshino's Barber Shop some extra stretch is a lovely though somewhat quirky sense of humor running throughout the entire film. There are a couple of strange little interludes and some genuinely funny scenes without actual jokes or direct comedy being inserted. It surely adds to the easygoing atmosphere so present in Ogigami's work.

Yoshino's Barber Shop is essentially a film about traditions, rebellion and the gap between generations. The new blood opens up the eyes of the local boys, making them question the purpose of certain traditions while at the same time Ogigami edges a little closer to the more humane aspects of traditions and customs. In particular the personal benefits that are linked to some of them, lovingly disclosing the ulterior motives of the cast.

And while all of that might sound pretty serious and even heavy-handed, it's amazing how light and flirtatious Ogigami manages to keep her debut film. Not at any point does it feel like she urges her audience to consider the deeper layers in her film, she simply puts them there in plain view, glaringly present but not at all intruding. Definitely recommended and I can't wait to see the rest of her oeuvre. 4.0*/5.0*

Not convinced, try the unsubbed trailer.

]]>
Fri, 13 Aug 2010 11:04:02 +0200
<![CDATA[to page or not to page/based on predictability]]>http://www.onderhond.com/blog/work/pagination-vs-automatic-content-load

Last week I wrote a little introduction to web design patterns. Apart from introducing the benefits to front-end development I simply hoped to give the whole concept a little extra attention with all the html5, css3, ... hyping going on. New patterns are slowly emerging from this period of experimentation and like everything else in this world, new doesn't necessarily equal better. As a starter I'd like to take a closer look at the increasingly popular pagination alternative.

A couple of days ago James Mansfield asked himself if pagination is dead. His article is a good introduction to the popular alternative but his conclusion is a little hasty, maybe even a bit sloppy. While in many cases oldskool pagination is far from the ideal option, in many others it is still the best alternative available.

hi, I'm a pager

A pattern is always a solution to a specific problem. In the case of pagination the problem is excessive amounts of content appearing on one single page. This could be in the form of an overly long article, a product result list or any other situation where the content of one single page cannot be logically transformed or spread across multiple pages. Usually the content follows a certain order and can't be categorized under different sets of themes. If that is the case it might be better to look at a tabpane.

Pagination exists in many different forms, but the core of the pattern is a numbered list of links pointing to each separate page. You can include extra navigation (first, previous, next, last), a result indicator, an instances/page indicator and even a little sort form can be present, all depending on the data inside the pagination pattern. They are all aids to improve navigating the separate pages, making it easier to find what you were looking for. In some very specific cases it might even be possible to remove the numeric pager and only keep the next/prev links.

When it was first introduced pagination caused some confusion among web developers as it blurred the concept of a "webpage". Is each link in the pagination referring to a different page or is it all the same page with a pagination component showing different states? That question became easier to answer when AJAX took off and many pagers where converted, eliminating the need for a page refresh just to reload the content of the pagination component. The links would just refresh the content part making it faster though often a little less accessible to screenreader users.

new horizons

This last year some popular services (like Facebook, Twitter and Bing Images) have been using alternative patterns nullifying the need for a pager. Recently Google Images jumped on the bandwagon, truly launching this new pattern into the mainstream. The idea is that when a user reaches the end of the paginated content, the pagination component will load the "following" page. This can be done automatically, sometimes an extra action is needed to trigger the content load.

For some applications (like the image search) this works wonderfully well. No more going back and forth between pages trying to remember where this one particular image was located, you simply scroll up and down to find what you need. Getting more images is done by scrolling down, the gallery will then load new images all by itself without any extra action from the user.

why it won't kill pagination

While this pattern is becoming more and more popular and has many advantages over oldskool pagination, there are some limits to its use. The most important one is that you can't skip to a particular page anymore. You have to go through all the content in sequence to reach a specific part of your information. For content that isn't predictable (the Bing and Google image search) this is no big deal, but Facebook and Twitter are balancing on a tightrope.

A numeric pager gives you an indication of how much content there is. Based on that information you can decide which page you want to go to. If one page of Facebook updates equals a day and you want to travel back a week in time, you can jump to page 7 or 8. It's never exact, but you don't need to cycle through all the other pages first. With the new pattern in place this is not an option anymore.

That's exactly the reason why I haven't implemented the automatic content load yet on my blog. I could very well remove the pagination on the archive page but from personal experience I know that I don't always go through the list in sequence. In the end, this should be the main reason for deciding whether to use the new automated pattern or to use the oldskool pagination pattern (or maybe a smart combination of the two wouldn't be all that bad either).

conclusion

Common sense is a good start to determine what pattern is your best option. If that isn't enough, some statistics might be useful. If you notice that people use the pagination in sequence (they start on page 1, then 2, then 3, ...) if might be good to switch to automatic content load, but if you notice that people are skipping through your content it's probably best to leave the old pager intact.

So while I applaud new ideas and patterns, it's always good to take a few minutes and to consider in what circumstances a particular pattern would benefit your needs. It's not because it's popular that it's any good (just see what happened to the tag cloud). That said, I love the automatic content load as it makes navigation a lot easier if a numeric pager isn't needed. I just fear that it might be used in places where it isn't needed.

]]>
Wed, 04 Aug 2010 14:27:52 +0200
<![CDATA[the clone returns home/kanji nakajima]]>http://www.onderhond.com/blog/personal/clone-returns-home-review-kanji-nakajima

What are film genres but mere indications of a film's content. They might tell you what a film is about but they won't say anything about style, atmosphere or execution. The Clone Return Home is classified as sci-fi and that's okay, but those expecting a bustling space adventure, alien warfare or high-tech gadgetry can stop reading right now. This is something very different. And better.

screen capture of The Clone Returns Home

The film industry would have you believe that films are best seen on the big screen, in theatres and festivals. While this is definitely true for a certain line of movies there is no place like home to watch The Clone Returns Home. Far away from potential shuffling, babbling, ring tones, crunching, yawning or people with busy festival schedules. This films deserves to be seen as far away as possible from all those distractions. It's much better to enjoy its subtleties in a comfortable couch where one can peacefully dose of, rewind a little and fall back into that trance without bothering or being bothered.

While the premise of the film is all about cloning and accidents in space, it's just a cover for a smaller and more subtle family drama. After the short introduction where Kohei is nudged into signing a cloning agreement, the film warps back in time to show us Kohei and his little twin brother. After a seemingly harmless fishing trip things run out of hand and Kohei's brother drowns, leaving his remaining family drowning themselves in a pool full of guilt.

The "clones" in this film are more than simple seconds, they act as actual save-states. They aren't new human beings built from an identical set of genes, but true copies of a person at one point in time. When Kohei dies in space his special life insurance (as the cloning business is cleverly called) kicks in, opening a doorway to a metaphysical journey layered with soft philosophical meanderings.

screen capture of The Clone Returns Home

Japanese cinema as a whole has been edging closer to the mainstream, Nakajima doesn't seem to care. The slow pacing here is crucial to the atmosphere in his film. Scenes are allowed to last, which isn't really all that bad as they are lusciously shot. The visuals are striking and impressive. Each shot is meticulously planned, often showcasing stark contrasts and toned-down color hues. The result is bleak but powerful and gripping, without losing any impact throughout the film.

The soundtrack is just as impressive. Very subtle, somewhat brooding and only occasionally expressive, perfectly blending with the images to create a entrancing atmosphere. Still, it's at its most impressive when Nakajima completely drops all sound during one of the more dramatic scenes. Pure silence spreads itself through the room when the on-screen characters are completely falling apart. Very reminiscent of a particular scene in Dolls, just as overpowering. That's how you do drama.

The film relies on only a handful of actors but they all put in a tremendous effort. Mitsuhiro Oikawa, taking up a pretty demanding and difficult lead, is particularly strong as Kohei. When the dialogue and plot dies out in the second half of the film he has to carry both characters on his frail shoulders, but does so with impressive ease.

screen capture of The Clone Returns Home

Some people will tell you that a certain state of mind or mood set is required to watch The Clone Returns Home, I believe the film is strong enough to evoke this mood all by itself. Still, it might not be a good idea to watch this when craving a fast-paced action flick, I'm sure you'll be dreaming or dozing off in no time.

The first part of the film is still somewhat plot-driven but once past the halfway point it leaves most dialogue and plot behind to find its own way. We follow the clones of Kohei on their own path, struggling with their own being, looking for their mutual past. Things get a little vague from here on, but this vagueness adds a mysterious layer only making it a more powerful and lasting experience.

The Clone Returns Home is one of the most impressive dramatic films I've seen in a long time. It lingers, it surprises, it impresses and it leaves you in a daze. If you're looking for clear-cut answers or simple plot progression this is not a film for you. If you're looking for action or sentimental drama, stay clear. But if you're in for another prime example of Japanese drama set to a sci-fi background you're in for a real big treat. Absolutely stunning stuff, definitely recommended. 4.5*/5.0*

Check the unsubbed trailer, I'm sure you won't miss the translation.

]]>
Mon, 02 Aug 2010 12:13:00 +0200
<![CDATA[kick-ass/matthew vaughn]]>http://www.onderhond.com/blog/personal/kick-ass-review-matthew-vaughn

Comic books, superheros in silly suits, victorious nerds and spiffy oneliners. On paper, Kick-Ass wasn't going to be my kind of movie and so I kindly waited for the hype to blow over. I ignored all reviews and comments as to enter the film without too much prejudice. Turns out all the bad stuff is nothing a touch of sprawling directorial efforts couldn't fix. Welcome back Matthew Vaughn, I missed you!

screen capture of Kick-Ass

After producing the early Guy Ritchie hits, Matthew Vaughn stormed the scene with his own Brit-crime comedy Layer Cake. A pretty cool flick sporting a somewhat surprising reference to Avalon (earning it a special place in my list of favorites). Vaughn took a wrong turn with Stardust (although that film did give us Robert deNiro in a pink tutu - classic!), with Kick-Ass he returns to the craft of high-quality, stylized and brainless fun-cinema.

Judd Apatow, Michael Cera and to a lesser extent Jesse Eisenberg, they all played their part in reviving the victorious film nerd. In Kick-Ass Aaron Johnson continues this fine tradition. The first hour sees Johnson parading around as a loser in a green wet suit, posing as a superhero. Without wanting to spoil too much, you can pretty much guess how it goes from there. Not that I have anything against film nerds, but the formula is getting a little stale by now.

Luckily there is more. Upgrading the film are Nicholas Cage and the Hit Girl character. With their introduction comes a fair amount of dry comedy and flashy action. It makes for a nice diversion, completely revitalizing the film after the halfway point. Vaughn handles himself pretty well in the action scenes, taking it nicely over-the-top. And even though a lot of the action was cut on the editing floor, he manages to keep the flow of the fights intact. A rarity in Hollywood.

screen capture of Kick-Ass

The story is simple enough. Nerd is into comic books, buys a wet suit, gets his ass kicked but comes out of the accident with dulled nerve endings. Add a crime organization and a little side story involving the background of Hit Girl and Big Daddy and you have enough material to fill 120 minutes of film. Finish off with a touch of self-aware humor and you're good to go.

Visually there is plenty to enjoy here. Vaughn demonstrates his talent for style, relying mostly on strong camera work rather than flashy visual effects. Some scenes even seem to suggest the budget was not as big as the hype would have you believe, maybe that's exactly why it turned out so well. Good use of color, snappy yet controlled editing and a pleasant visual pace. The soundtrack mostly consists of existing tracks, but used with a fair share of winking and nudging. It adds to the light atmosphere running throughout the film.

Performances are pretty good overall too. Johnson is pleasantly non-irritating as Kick-ass, his friends a pretty funny bunch of sidekicks. Cage is perfect as Big Daddy though he doesn't need to do much besides rehashing his old routine. There's only one big problem here which is Chloe Moretz as Hit Girl. Granted, it's a difficult role for a young girl to play, but she completely fucks up her oneliners and she's simply too uncontrolled during the action sequences.

screen capture of Kick-Ass

It's a shame Vaughn couldn't land a better actress for his Hit Girl. A splendid character which brings the film alive as she cuts, hacks and shoots her way through her adversaries. All that cool is countered by the lacking performance though. What remains is still good fun, but there's a big wide black hole of missed potential gaping whenever she surfaces. Still, I'm sure she is the reason Kick-Ass will be remembered over time.

Kick-Ass is damn good fun. Nothing more, as it loses itself in its comic book world of comedy, action and self-awareness. It's a comic-like look at one of the biggest comic book genres out there. In that it differs from Hancock or other superhero parodies, while still keeping very close in atmosphere to these films . Biggest star of the film remains Vaughn though. It's his efforts that make the film worthwhile, creeping away from the Hollywood aesthetics and inserting it with some good old-fashioned British spark.

Even if you don't like superheros, even if you don't like the nerdy overtones, hell, even if you don't give a damn about the whole setup, Kick-Ass is still a pretty cool film. As long as you don't mind a little over-the-top action and a good dose of style over substance there is plenty to enjoy here. One of the best films to come out of Hollywood in a long time. 4.0*/5.0*

Chances are you've seen it before, but just to be sure here's the trailer.

]]>
Fri, 30 Jul 2010 15:01:17 +0200
<![CDATA[web design patterns/the road to component-based development]]>http://www.onderhond.com/blog/work/web-design-patterns-for-front-end

Patterns are big business in IT. You can't get far in OO programming before hitting a book about design patterns, stressing the need for standardized solutions to particular problems. When it comes to web development though, design patterns never really hit off. Maybe because of the chaotic nature of the so-called web standards, maybe because we as an industry are just not ready for them yet. That's no reason to ignore their potential though. I say: screw the industry.

define: design pattern

A design pattern is a standardized and well-defined solution to a recurring problem.

The word "problem" in this context is quite loosely defined. For example, navigation is a solution for getting from one page to another, a breadcrumb is a solution for lack of orientation within a site, a sitemap is a solution for getting a grip on the site's complete structure, and so on ... Once we're talking about a recurring problem, we can look for a standardized solution and turn that into a "design pattern". Before it becomes a real pattern though, it's key to look at it from as many angles as possible, defining the pattern as extensively as possible.

To give you a good idea of what kind of angles we're talking about here it's probably best to use a real-life example making the article a little less abstract. One such simple and easy to understand web pattern is without a doubt the confirmation message. A simple message that appears every time a user completes an action successfully. So let's go from there and see how such a trivial element can be defined.

how to look at patterns

It's best to keep a broad view when defining a design pattern, considering all aspects and all situations where such a pattern might be used. Following are some common angles that keep popping up when examining a pattern from up close:

  • functional angle: where should the message appear (close to the action element or on top of the page), should it be shown on a new page or through an AJAX call on the same page, how long should it remain visible when implemented with an AJAX call?
  • graphical angle: red is probably not the best color to use, green the most obvious one, could other colors be used, should we add an icon and if so, what icons are best?
  • copy angle: does the message need a title, should we address the user personally?
  • front-end angle: can we write a standardized html structure, can it be visualized using a whitelabel css, are there accessibility concerns?

All these questions need to be answered in order to define the boundaries of this pattern. Then it's interesting to see if the pattern is not part of a broader whole. A confirmation is just a variation on a generic feedback message. There are errors, alerts, help messages and you can probably come up with a few others. So grouping patterns according to type might be a good idea, often leading to new insights.

so what, I'm a developer

Remember how I always go on about structure and components? Well, design patterns are the perfect way to start building towards standardized code. Once a pattern is defined it's pretty easy to write a fixed html structure that can handle all requirements made for that particular pattern. And if you have the time and/or means, why not add a whitelabel design. You can have a live prototype up and running in a mere day.

As a front-ender it's not only important to know about html, css and javascript. It's also important to know a little thing about design, wireframing and copy. Not so you can do it all yourself, but to interpret the work others have done for you and to make the most of it when turning it into a web page. Consistency, standardization and a common language between all people involved in a project are all aspects of a solid design pattern library that can only increase the quality of the product you are developing.

The only thing to note is that while a design pattern library gives you easy access to a set of standardized solutions and a wealth of knowledge, the web is ever changing and if you have defined a pattern one or two years ago certain things might have changed. A few years ago the tag cloud was the biggest hype, now almost nobody uses it anymore. So make sure you keep questioning the patterns you are using while at the same time enjoying the benefit of all the work you (and others) have done in the past.

conclusion

While at first this topic might seem a little out of place on this blog, I figured a little introduction to web design patterns would still be useful. They are absolutely crucial in changing the way you think of html. Because html isn't a mere means to apply semantics to a single element or to structure a single page, it's a means to define components and to reuse these components throughout a whole site, even multiple sites.

If you want a good starting point, you can check the Yahoo library or Welie library. Both are pretty extensive and free to roam around in. These libraries don't feature html examples or css snippets, but once you have the functional (and sometimes graphical) requirements, writing up some structurally solid html for each pattern shouldn't be too hard.

]]>
Wed, 28 Jul 2010 12:56:34 +0200
<![CDATA[love in a puff/ho-cheung pang]]>http://www.onderhond.com/blog/personal/love-in-a-puff-review-ho-cheung-pang

Ho-Cheung Pang, the man that introduced me to another side of HK cinema. Not hindered by the limitations of genre cinema or the pretensions of arthouse, his films are quirky and lovable author pieces. Love In A Puff is no different. A fun, little romantic comedy set in the hidden back alleys where smokers gather to share a cigarette, possibly even more.

cover of Love In A Puff

Love In A Puff feels like a continuation of Pang's previous film, Trivial Matters. A semi-realistic snippet of modern day society. Still very stylized and cinematic, but not as staged or acted as his previous work (Isabella or Exodus). Those not too taken with this new style need not fear, Pang will return with the crafty-looking horror flick Dream Home later this year.

In 2007 Hong Kong followed many other countries by prohibiting smoking on the work floor. This led to the birth of the smoke date, a new social phenomenon where people sneak out together for a quick puff. Short 5-minute breaks that replace the coffee machine talks and are ideal for some good gossiping away from prying eyes and ears. Such is the setting of Pang's latest film.

It's essentially the story of Jimmy and Cherie. The two meet during one of the smoke breaks and start a somewhat unusual affair. Jimmy has just dumped his former girlfriend, Cherie is stuck in a five year old relationship void of any passion. They get along pretty well but interaction is mostly limited to short SMS texts and fleeting conversations during smoke breaks. Then things get serious and the usual male knee-jerking ensues.

cover of Love In A Puff

Love In A puff feels a little hazy and light-footed, something which is strongly reflected in and enhanced by its visual style. A very mobile camera staying close to the actors and energetic editing add a lot to this feeling. That doesn't mean there is nothing to look at though. Pang has a keen eye for details. Be it finding abstraction in settings or simply catching the smoke in the sunlight, there are always some lush details to marvel at.

A bit more peculiar is the soundtrack which really shakes up the film's atmosphere. It's hard to compare the effect to any other film out there, but I guess Johnnie To's Sparrow comes pretty close. Quite cool and absolutely defining for the overall feel of the film, it seems To's choice for atypical scores is catching on in Hong Kong.

The acting is pretty solid. Yeung turns into a rather nice performance as Cherie, but it's Shawn Yue that sets another step in becoming one of the brightest HK talents out there at the moment. He's been turning up into a lot of good films these last ten years and never fails to add something to his character. He more than confirms his status once again in this film.

cover of Love In A Puff

While fellow Twitch writer and Hong Kong resident James Marsh confirms the realistic setting of Love In A Puff, the atmosphere in the film reminded me a lot more of European cinema. No doubt due to the peculiar score and talkative nature, I believe that simply changing the actors would be more than enough to turn this into a prime example of French cinema. And maybe that's not even all too surprising, considering Pang's references to Melville's Le Samourai in You Shoot, I Shoot.

Love In A Puff doesn't really feel like a full-blown masterpiece but there is definitely more than meets the eye. On the surface a simple romantic comedy, the film itself is grounded in a more realistic setting and allows a good look into the lives of contemporary HK citizens. It doesn't shy away from modern social phenomena like the smoke breaks or even Facebook, allowing Pang to keep his odd one out status very much alive.

For a quick diversion, Love In A Puff is a pretty accomplished film carrying a very enjoyable atmosphere, working both on a comedic and dramatic level, sporting good performances of the whole cast and delivering some astounding visual touches. The perfect way to spend some time reconnecting with Ho-Cheung Pang until Dream Home arrives. Recommended stuff. 4.0*/5.0*

Don't forget to check out the trailer.

]]>
Mon, 26 Jul 2010 12:26:50 +0200
<![CDATA[panique au village/aubier and patar]]>http://www.onderhond.com/blog/personal/a-town-called-panic-review-aubier-patar

Belgium has a rich background in comic books, but when it comes to animation there's not too much happening here. Sure, we have Picha (Blanche Neige: La Suite), most other attempts at producing something worthwhile usually amount to very little. But there is hope. Aubier and Patar turned their much-lauded short series into a feature-length film, throwing their hyperactive Cowboy and Indian couple into their biggest adventure yet.

screen cap of A Town Called Panic

Panique au Village was first released as a 20-episode short series made for Canal+, sadly I never got to see those episodes. The first time I saw Horse, Cowboy and Indian in action was when they appeared in an intro for Cineart (a Belgian cinema distribution company). I didn't make much of it at the time but when I watched the trailer for the feature-length film I recognized them immediately. Not entirely convinced yet, I sat down hoping the directors duo would do something to turn that feeling around. And they certainly did.

Panique au Village is a hyperactive stop-motion animation film, built around a strange little trio of characters. Cowboy and Indian are two friends living together, assisted by a talking horse. There are some secondary characters, most of them added just for laughs or plot progression. It doesn't take long before thing go wrong and the three of them end up in an earth-shattering adventure. Don't expect a decent plot, there simply isn't any. It is sacrificed completely for laughs, fun and insane situations.

The film starts with the birthday of Horse. Cowboy and Indian plan on building him a barbecue but when they order the bricks online they end up with 50 million bricks rather than 50. This kick-starts their adventure leading them to the center of the Earth, the icy plains of the North Pole, a mechanical penguin and finally ending up right below their own house once again. That's a lot of adventure for a mere 70 minutes of film.

screen cap of A Town Called Panic

The animation is pretty crude. Stop-motion asks a lot of time and effort to produce, and while you can see a lot of effort went into creating this film it doesn't show in the way of fluid animation. The settings are cool though, with lots of small details bringing broad smiles to my face. For people not familiar with the series (like myself) it might take a few moments to get used to the particular style, but five minutes into the film I stopped noticing the crude animation and actually enjoyed the hyper-active motion of the characters.

Whatever soundtrack there is, it is used for comedic effect. It's fun though not all that special. More important is the incredible voice acting, taking the film to a whole new level. I can't stretch enough that this films needs to be seen with the French voice actors doing their thing. The Dutch audio track is horrible and I can't see an English track adding anything good to the film. The rough and snappy French accents are a real hoot and really help to bring the (purposefully) simplistic dialogs to life. As a little extra, fans of cult cinema might recognize the voice of Benoit Poelvoorde (Man Bites Dog) as one of the secondary characters.

screen cap of A Town Called Panic

Like most series that are being adapted into a feature-length film, it proves difficult to completely step away from the series format. Panique au Village can feel a little episodic at times, introducing new settings and characters every ten minutes, then completely abandoning them a little time after. It's not necessarily a bad thing, just don't go expecting a tightly plotted film where everything gets nicely tied up in the end. It's not that kind of film anyway.

What makes this film is its crude exterior (animation and voice acting) coupled with the strange and somewhat random sense of humor. Once it hits, the magic remains alive throughout the whole film and there's a lot of grinning and laughing to be done. It's a short film but with all the madness going on that's probably for the best. There's a lot of adrenaline running through the film making it a pretty exhausting affair, even when you're just watching from your lazy couch.

If you have a soft spot for claymation or you're just looking for a zany comedy, Panique au Village will not disappoint. It's not as accomplished as Mary And Max or Coraline, but it charms with its straightforward appearance, absurd humor and chaotic fun. 4.0*/5.0*

Check the trailer with some comfortable English subtitles.

]]>
Thu, 22 Jul 2010 12:15:03 +0200
<![CDATA[the graduates/yuki iwata]]>http://www.onderhond.com/blog/personal/the-graduates-review-yuki-iwata

If you take out all the school stuff, (high)school life was great. Old enough to do stuff, young enough to not face big responsibilities. Of course it was also filled with boring lessons and subjects that would never prove their value, but those are easily forgotten. Looking back at our school lives can be comforting, even when it's through the distorted vision of an unfamiliar society. Enter The Graduates.

cover of The Graduates

Even though high school films never succeed in depicting a realistic vision of high school life, they do hint at big cultural differences. The subject of these films may be the same, American high school films are in no way the same as their Japanese counterparts. While American directors often focus on minority groups, sexual frustration and comedy, the Japanese are more concerned with blossoming young love, planning out your life and puberty drama. That said, coming from Belgium both systems feel pretty alien to me.

The Graduates is very much a Japanese high school film. There are equal doses of young love, uncertainty of future careers and people moving away to pursue their own lives. The film is covered with dramatic and romantic overtones, comedy is only a distant third. And no, seeing these adolescents struggle with their pre-career life doesn't really remind me of myself a good ten years ago, but the easy, melancholic vibe coming from this film sure does.

Central to the story are two young couples. Both deal with blossoming feelings of love, both relationships have little chance of succeeding. Kayako and Tomizo are fighting the battle of pursuing different colleges in different cities, Kei and Kazuya battle the fine line between friendship and love. It's a pretty simple setup, but crazy or long-winding plot developments are not what these kind of films are about.

cover of The Graduates

Style-wise, The Graduates is a another perfect example of stilted Japanese drama. There isn't much camera movement and when there is it is usually slow, dreamy and deliberate. Shots are meticulously planned with a couple of glamour shots once in a while to make the film more attractive. It's delightful to watch though experience tells me most people find it rather boring.

As usual this goes hand in hand with a timid and subdued piano score, highlighting a couple of dramatic scenes but never really intruding. It's a crucial aspect in reaching that typical dreamy, laid-back atmosphere so often present in these type of dramas. No points for originally, but it works out well enough.

Acting is pretty strong but once again typically Japanese. Actors don't throw their emotions at the screen, most of the emotional impact is playing behind stone-cold faces. As always, body language plays a pretty big part in the acting here. From time to time the actors erupt, only for very short bursts of time, only to retreat back behind their emotional wall second later.

cover of The Graduates

Emotional doesn't mean sentimental, which is proven more than once in this film. The climax of the young love between Kayako and Tomizo is a scene where he asks her if she'll let him touch her hair. No wild kisses or morning afters here. And a goodbye scene doesn't coincide with dramatically running after the train shouting and waving but includes a static shot from the rear window as the trains bends a curve. It's simple, it's subtle and it's all the better for it.

The Graduates doesn't bring much new to fans of the genre, but what it does it does extremely well. It's a film that allows you to sit back and enjoy the view. Enjoy the free-wheeling students as they linger on the roof of the school or when they are out playing sports. That's what this film is all about, that's where it excels.

It's a pretty good film for newcomers and hardened fans alike. The film is accessible, has enough drama for those not quite used to the slow pacing and leaves enough room for meandering thoughts. Sadly Iwata hasn't made anything since this film. There's been a serious decline in quality output in this particular genre. All the more reason to give this film a lovingly warm nudge in the back. 4.0*/5.0*

No trailer this time, but I can share a music video from the film.

]]>
Wed, 21 Jul 2010 13:07:15 +0200
<![CDATA[nymphomation/jeff noon]]>http://www.onderhond.com/blog/personal/nymphomation-review-jeff-noon

You don't see me writing much about books on my blog. The reason for that is quite simple: I just don't read as much as I used to. Back in the days I tore through pages and paragraphs, reading whatever I could get my hands on. But over time the books were replaced by games, films and music. And with all the blogging work there's hardly any spare time left to take a book and sit down comfortably. That doesn't mean my interest in books has completely faded away though.

cover of Nymphomation

I used to love horror novels. Everything from Clive Barker to James (not Frank) Herbert was a sure win. Later I discovered the comedy of Pratchett and the urban fantasy of Neil Gaiman, but right before I quit the reading business I stumbled upon a certain writer that changed a lot for me. One with the ability to degrade everything that came before to mere pulp (most probably one of the reasons I lost my interest in books).

The man I'm talking about is Jeff Noon. A Brit with a remarkable talent when it comes to literature. He dabbles mostly in a pool of urban fantasy and sci-fi, set in an alternate Manchester reality which feels both familiar and alien at the same time. His first book (Vurt) introduced his readers to this strange little world, he's been building on it ever since.

Nymphomation is his third novel set in this world and serves as a loose prequel to his first book. Several familiar concepts are conceived in this book (like the Vurt feathers), though it stands on its own two feet well enough. Nymphomation is the tale of domino games, fractals and mathematical mazes. A true hype overshadowing Manchester, gluing people to their television sets and filling their minds with only one thing. Winning the lucky domino, even killing for a chance of victory if needed.

Noon's characters are a little bland at times, even bordering on simple stereotypes. And if you want a highly original storyline you're probably at the wrong address too. Even though Noon's setting and writing style is extremely creative, the plot hidden underneath it is quite standard indeed. Not that it degrades the experience, but it might guide you to start the book with the right expectations.

Noon's undeniable strength lies with his choice of words. Each book has a set of themes, themes that evoke certain words which are then royally applied throughout the whole book. Adjectives and nouns that have no sensible relation whatsoever are thrown together in favor of a running vibe throughout his story. And if Noon can't express himself with the existing English vocabulary he isn't afraid to make up some of his own. But always recognizable, never hard to understand and ever so in line with the themes of the book. It's this particular trait that makes his style so recognizable (and lovable).

Nymphomation takes a little time to get up to steam. If you're a Noon noob it's probably better to start with Vurt (his introduction to that strange little world living in his mind), but if you've tasted his work before and you're hungering for more, Nymphomation is a safe bet. Not his best, but still strikingly spectacular. 4.5*/5.0*

]]>
Mon, 19 Jul 2010 13:20:53 +0200
<![CDATA[guest article 04/and a little extra]]>http://www.onderhond.com/blog/work/semantic-consistency-smashing-magazine

The onderhond blog has been running for a good 2.5 years now. There's been ups, downs and many in-betweens. I've learned a lot from the time spent on writing the near-400 articles already present on this blog, but with all the time going into fine-tuning these articles you start to demand something in return. Now, before you think this is my goodbye note, no need to worry. There's only happy stuff in here.

Blogging for fame is a pretty horrible starting point, that said it certainly helps if what you write has a certain impact on the people you write for. You can't write 2 years straight without getting any feedback or without straying outside of the boundaries of your own blog. Going places gives a serious boost to your motivation so it's good to stay on the lookout for opportunities. On a personal level I achieved that by joining the Twitch team, on a professional level I seek for guest posts once in a while.

hunted

First things first though. Looking for guest post opportunities is one thing, people picking up and publishing your stuff is even more fun. That way you don't have to do anything and you still get to reach new audiences. When I checked my site stats last month I noticed a serious bump in Japanese traffic coming to my site. On further exploration it turned out the article on 1px rounded corners made it in the June issue of Web Designing a Japanese (printed) magazine.

They were nice enough to send me a couple of issues. Not that I understood any of it, but how cool is that, holding a Japanese magazine with a reference to one of your own articles. From what I could read it did look pretty informative though. Shame they don't have an English translation out.

Want proof? Check the scan.

serious stuff

Sometimes it takes a little more effort, which isn't all that bad as long as you have something to show for it. A good two months ago I solicited to write a guest article for Smashing Magazine, one of the leading web design blogs out there. It ended up as one mean beast of an article, but the result is something I'm quite proud of.

The article is about semantic consistency and the lack thereof in most sites. Not only big corporate sites that have other things to worry about, but also blogs from the leading web design bloggers seem to suffer from semantic inconsistency. Quite strange, as it's not all that difficult to implement. The article gives you a little sample of content type implementation around the web and some pointers on how to make your own code more consistent.

Find it here: When One Word Is More Meaningful Than A Thousand.

predictions for the future

Well, that's a simple one. I just take what comes along. Whenever I feel the need to write something I believe deserves a bigger audience than my little blog can guarantee I'm sure I'll be able to land the article some place or another. And when that happens, you'll read about it here.

]]>
Fri, 16 Jul 2010 12:56:57 +0200
<![CDATA[nasu: suitcase no wataridori/kitaro kosaka]]>http://www.onderhond.com/blog/personal/nasu-suitcase-no-wataridori-review

Every year at the start of the summer vacation the biggest cycling circus of the world opens its doors for three weeks of almost inhuman labor. The Tour de France is without a doubt the biggest cycling event of the year, and to celebrate that with a film there's really only one serious option available. Add some blistering hot weather and it can only mean one thing: it's time for my Nasu fix.

screen cap of Nasu: Suitcase no Wataridori

When talking about sports anime people will automatically feel that 80s vibe. Soccer and basketball were hot in anime land, but once the 90s came around the genre pretty much dried up. Sporadically a new series surfaced (Prince of Tennis), but nothing that would revive the golden days of outrageously spinning balls and net-splitting attacks.

An interesting detail about these anime series is that they mostly feature sports with balls. I guess these kind of sports are a little easier to animate than say ... a cycling race. The focus of the animation often lies on the ball, not on the players. Animating people who are running or walking is hard enough as it is, but transferring the emotions of grinding away on that bike is near impossible. And yet Kosaka does a tremendous job. No doubt he is a true cycling fan at heart.

After the first Nasu (which played during the Vuelta), our Belgian team (to be honest though, there's nothing Belgian about it) travels to Japan for some serious training in the Japan Cup. Even though there's some little background drama with references to the death of Marco Pantani, Kosaka keeps most of his attention on the race at hand, only using the drama to enhance the emotions of the race.

screen cap of Nasu: Suitcase no Wataridori

Visually this sequel has improved a little over the first Nasu. Not dramatically and not all changes are actual improvements, but overall there's a bit more to look at here. There's a significant rise in CG (often used to great effect) though during the descents in particular the movement of the bikers is a little too slick for its own good. I'm pretty confident that hand-drawn animation would've worked better in this case.

Kosaka's Ghibli roots are still very much apparent in this Nasu episode. Character and background design are heavily influenced by the Ghibli signature, though Kosaka's style shows a bit more detail here. Especially the characters are richer in detail compared to the previous film.

Voice acting is solid as you'd expect from a film like this. No overly active Japanese squeaking, but subtle and strong voice work. The music is on a similar level. Nothing extraordinary, but effective in its use. It could've used a few more memorable tracks, but as it is it works fine.

screen cap of Nasu: Suitcase no Wataridori

The strength of Nasu is crystal clear. There is no sports anime that ever came this close in mimicking the race dynamics of a particular sport. It's insane how the film knows to capture the excitement and drama of a cycling match in such a short span of time. But it does, and it's superb to behold. By the end you're cheering and hollering at the screen (or at least mentally), hoping Pepe is going to win.

There is no one point where Nasu excels, it's a combination of realistic animation, understanding of the race mechanics and a little dramatical tension inserted at just the right time. It raises the bar for sports anime to almost mythical heights, deserving a golden medal of its own.

An interest in the cycling sport comes in handy. You'll notice many familiar situations and even recognize some funny little parallels with the real world. It's very economic running time (just over 50 minutes) makes it an ideal film to take a little breather from the Tour itself and sink back into your couch to tap into Kosaka's near-instant cycling fix. 4.0*/5.0*

Check the unsubbed trailer (just don't mind the music).

]]>
Wed, 14 Jul 2010 13:43:18 +0200
<![CDATA[equal height search form/form chaos]]>http://www.onderhond.com/blog/work/equal-height-search-form

The world of css knows many grey zones. Areas where a healthy css developer would rather not tread if they had anything to say about it, but can be conquered with a serious dose of willpower. There is worse though. The black holes of css make us cringe only be thinking of them. That exact same cringe you might notice when a designer starts talking about pixel differences in forms. Oh, the horror!

defining our goal

There are countless articles written on how input elements differ across browsers and operating systems, even OS themes. The conclusion of these articles is always the same. Don't mess with them. And usually I agree. In a normal form there are limits to styling form elements, if only to safeguard our own sanity. Small differences in size, spacing and appearance between input elements is something inherent to the web. In other cases though, I can understand the designer's frustration.

One of those cases is the small search form often found in the header of a site. A prominent element within a site usually consisting of a text input and a submit button. The design is normally tightly integrated into the whole header so any pixel differences there can result in a sloppy overall feel really fast. One long-running frustration is that the height of both text input and submit is hard to match cross-platform, cross-browser. But there are ways. We're talking css after all.

The goal here will be to create a consistent setup for a text input and submit button so they can easily be given a fixed and equal height, rendering the same cross-browser. It will get hacky and you will need to get your hands dirty, but in the end it might actually we worth the trouble, especially when used sparingly.

defining the problem

input[type="text"], input[type="submit"] {height:2em;}

In short, the code above illustrates what I am hoping to do. Add an equal height to the text input and submit button and hope they are rendered with the same height by all browsers. Of course, it won't be as simple as that. The first problem is easy to fix though. Both element appear to have a different base font-size in certain browsers, so adding a font-size:100% to both elements helps us forward a little.

The biggest problem lies with the borders though. The border-width on the submit button is included into the height, the border-width on the text input has no impact on the height of the element. In other words, the border on the text input is drawn on the outside while the border on the submit button is drawn on the inside. Some quick experiments with the -vendor-box-sizing css property didn't result in much (unless you don't need to worry about ie6 and ie7), so let's try the hard way.

input[type="text"], input[type="submit"]{height:2em; font-size:100%; border-width:0;}

The only smart thing to do is to disable the borders on both text input and submit button and to provide some generic wrappers to take over the styling. By doing that you avoid differences in rendering height between the two input elements. I know it's not very clean but at least it works.

the html code

<div class="search"> <form id="searchForm" action="#" method="post"> <div class="inputWrap"><input type="text" /></div> <div class="submitWrap"><input type="submit" /></div> </form> </div>

This is the final html code we will be using for our search form. Not complete rubbish, only the .inputWrap and .submitWrap elements are obsolete from a structural point of view. We will use these two elements for faking the borders around the input elements, on top of that we'll need to float both wrappers. Note that adding a display:inline-block (rather than floating) is also on option, but applying the floats gives us a little more control over the spacing between the two, which I prefer.

In Opera, Chrome and Safari there will still be a slight difference in height between the elements. This is caused by a padding on the text input which can be removed quite easily. And by adding a line-height the same as the element height we'll have better alignment of the submit button text (Chrome) and text input text (IE). All of this results in the following code:

.inputWrap, .submitWrap {float:left; border:1px solid #000;} input[type="text"], input[type="submit"]{height:2em; line-height:2em; font-size:100%; border-width:0; padding:0;}

This will yield perfect results in Safari, Chrome, Firefox and Opera on both Windows and Mac, sadly IE still experiences some of problems (but what else is new, right). There will be strange spaces popping up which shouldn't be there, but nothing a couple of floats (and display:inline fixes) won't solve. Here's the ie7- css code.

/* ie7- specific css*/ .search {zoom:1;} .search .textfield {float:left; display:inline;}

putting it all together

.inputWrap, .submitWrap {float:left; border:1px solid #000;} input[type="text"], input[type="submit"] {height:2em; line-height:2em; font-size:100%; border-width:0; padding:0;} /* ie7- specific css*/ .search .textfield {float:left; display:inline;}

That's "all" you need to have a search form show up consistently in a range of browsers and OSes. If you want some live example code you can check the test page:

Note that a similar problem exists with input elements widths, in that case though the -vendor-box-sizing property (border-box) proves a lot more useful. Sadly ie6 and ie7 don't seem to like it that much when it comes to defining heights.

I wouldn't recommend using this for every form and every input element, but when two inputs need to align pixel perfect, ensuring design consistency, it's a very useful option. If anything, it's a good trick to win points with your designers.

]]>
Wed, 07 Jul 2010 16:41:04 +0200
<![CDATA[love exposure/sion sono]]>http://www.onderhond.com/blog/personal/love-exposure-review-sion-sono

No doubt that Love Exposure will become Sion Sono's ultimate masterpiece. The movie every film critic will refer to when his name is mentioned. And even though Love Exposure is not my favorite Sono film, it's not difficult to see why so many people are championing this film as his best. It's a true epic 4 hour long journey through a world that simply breathes Sono's unique style.

screen cap of Love Exposure

Holy fuck ... never before have there been two small words so aptly describing a film. 'Holy' because Sono's films are always rampant with religious themes, though nowhere as deep-running as here. 'Fuck' because there is a lot of sexual content, though never explicit. And 'Holy fuck' because in these 4 hours Sono inserts so much material working together that it defies every law of cinema. Love Exposure is such a mess that by all means it shouldn't be allowed work as a film. But it the end it simply does.

Sion Sono (Suicide Circle, Strange Circus, Noriko's Dinner Table, Ekusute) is building himself quite a reputation. His films are often a mix of religious themes (sects mostly), in-your-face extremities and absurd humor. The combination of these element can be a little uneven but the final result is always interesting and unique. Love Exposure sees Sono taking it one step further, cramming everything he's got into an epic 240 minute film. I guess he just needed to get something off his chest.

Capturing the storyline in one measly paragraph is near impossible so I won't even bother, but at the core of this film lies a very simple love triangle. Yu is a young boy oppressed by his father turned priest, Koike is the leader of a Zero Church fraction looking for new recruits and Yoko is a young girl with a big aversion of men (caused by traumatizing events in the past). The three of them meet up and get entangled in a seriously twisted tale of trust and love.

screen cap of Love Exposure

240 minutes is a lot of film to fill, especially when you're not willing to spent a couple of years slaving away to get it all perfect. Sono's choice for DV is a logical one and although it results in some lesser-quality images the agile camera work and versatile shot angles make up for that. Overall the film has a pleasant enough look and the editing ensures decent pacing. Some scenes are a little drawn out but only when they are supposed carry the dramatic impact of the film.

The soundtrack is pretty cool, resembling Battle Royale in the sense that Sono uses popular classical tunes in a modern, atypical setting to create an unsettling effect. It works well and lends an extra comedic effect to certain scenes while at the same time enhancing the dramatic effect in others. Some people might be put off by this use of classical tunes (see Battle Royale again) but I must say that I quite liked Sono's choice of music.

The acting is overall strong, though some of the young leads do fall through in certain scenes. Nishijima and Mitsushima have some trouble with the more comedic parts, Ando is the only one to deliver a strong performance all the way through. What's more important is that all actors are able to convince in the dramatic scenes, ensuring that whatever punch is dealt hits the mark.

screen cap of Love Exposure

Even though Love Exposure is an extremely long film the pacing is surprisingly fast. Because of that, some parts still manage to come off as a little underdeveloped, especially for a film of this magnitude. While Sono does his best to fit all the elements within the timespan of his film he can't help but wander a little in some parts. This results in a couple of superb scenes (like the camera training) that keep the film going but fail to bring any relevance to the core story. A decision I actually support as it makes the film a whole lot more accessible though I'm sure not everyone will agree.

Love Exposure is a film that has almost everything. There's cult, comedy, romance, drama and even a dash of horror. The third hour is a little slower compared to rest of the film because that's where the dramatic angle starts to take form. The first two hours are mostly dominated by a comedic undercurrent keeping the film light and playful, while the final hour deals most of the punches and creates a great payoff for the drama build-up during the third hour. It leaves its audience a little dazzled, somehow unsure of what they have just witnessed.

One small thing though. If you read all the rave reviews, know that people are prone to rate longer films a little higher just because they manage to keep them entertained for such a long time. It is indeed a feat if you can keep people interested for 4 hours in a row, but I myself prefer shorter films that pack more punch in a shorter timespan. There's no doubt that Love Exposure is a superb film with plenty to offer. Absurd comedy mixed with tense drama give this film a nice edge, but even though I was never bored, even for a second, and always eager to keep on watching Sono's film lacks a finishing touch to make it truly great.

Don't let that hold you back though. Love Exposure is a great experience, offering lots of weirdness, fun and shock while never boring its audience. It's a true author's film, perfectly illustrating the different styles and themes so prevalent in Sono's cinema. The fact that it works as a film is a small miracle, that it knows to immerse you for a full 4 hours is almost insane. That said, I've seen better films that packed more punch in only a quarter of the running time. With that said, it still comes highly recommended. 4.0*/5.0*

Here's an unsubbed trailer revealing a little of the madness found inside.

]]>
Tue, 06 Jul 2010 13:28:45 +0200
<![CDATA[blood of rebirth/toshiaki toyoda]]>http://www.onderhond.com/blog/personal/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 cap of Blood of Rebirth

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 cap of Blood of Rebirth

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.

screen cap of Blood of Rebirth

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.

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. 4.0*/5.0*

There's an unsubbed trailer for the impatient.

]]>
Mon, 05 Jul 2010 14:18:39 +0200
<![CDATA[necromentia/pearry reginald teo]]>http://www.onderhond.com/blog/personal/necropentia-review-pearry-teo

There are easier tasks than adapting Clive Barker's writing to the big screen. Many have tried, many have failed. And even the films that turned out okay never really managed to capture his twisted visions of horror. And so it came as quite a surprise that Teo succeeded with relative easy in doing exactly that. But most peculiar of all, Clive Barker wasn't in any way involved with this project.

screen cap of Necromentia

Only five minutes into the film my girlfriend and I were absolutely certain this was an adaptation of Barker's work. Everything here just oozes his style. From the dark netherworld, the malformed mutants and the fetish-inspired environments to the twisted interludes, this is what a Barker book feels like when reading. Imagine our surprise when it turns out this is in fact the work of Teo (who, it must be said, royally admits to the influences of Clive Barker).

Necromentia is another tale of demons luring humans into their netherworld. Through some occult scribbles on someone's back (Book of Blood, anyone?) one is sent to the world of the demons, a rather unpleasant place for the human race to reside in. The demons themselves resemble the Xenobytes from Hellraiser, their world an endless concrete hallway filled with industrial pipes. Teo has been paying attention.

The story starts at the end, following a guy trying to bring his deceased wife back from the dead. What he doesn't know is that he is tracked down by a victim of our illustrious demon. The film works backwards from there, revealing more and more about the story which each jump. By the time the film reaches its finale you'll have witnessed a couple of twists and turns, all in all unravelling a pretty decent story underneath. Not a given in modern horror films.

screen cap of Necromentia

Visually Necromentia is pretty accomplished. There's a low-budget vibe running through the film, but Teo manages to hide it very well. Snappy editing tricks, ominous and dark lighting and some nifty gore effect make his film rise above many of its peers. The Xenobyte-like monster kicks ass, the other demons are not as stylized but still pretty cool. This dark, snappy vibe running through the film earns it many extra points.

The soundtrack too is pretty good. Some crunchy industrial tracks liven things up and add some extra depth to the atmosphere. Voice manipulation is a little cheesy at times but that's easy to forgive considering the rest. Acting is decent too. Nothing too great but definitely better than average comparing it to other low-budget affairs. None of the actors falls short, which is more than I expected when I started this film.

screen cap of Necromentia

Not since the first Hellraiser has there been a film that captures the likes of Barker on screen this well. And let's be honest, Hellraiser is starting to show its age. With a bigger budget (or with a little more genius) Necromentia could've been a true horror masterpiece, now it lacks that tiny bit of fine-tuning to make it rise as one of the best horror flicks ever.

That said, it's nice to see horror return to the world of retracted skin and metal bolts sticking out of body parts. I won't mind one bit if the minds of Giger and Barker are once again revived to bring us hordes of creatures from hell, replacing all the (somewhat boring) zombies and vampires so rampant in modern-day horror. A creative creature designer is one of the biggest assets any horror film can have.

Necromentia belongs to the best Barker adaptations not written by Barker himself. If you like Barker's visions of demons and netherworlds, there's a big chance you'll love Teo's Necromentia. Reception for this film has been rather tame, which is completely unjustified. It's no doubt one of the better American horror films of the last couple of years. 4.0*/5.0*

Check out the trailer, ignore the voice over.

]]>
Sat, 03 Jul 2010 08:51:56 +0200
<![CDATA[dontyoujusthatelongwords?/breaking the apart]]>http://www.onderhond.com/blog/work/breaking-long-words-with-css

Content is king. Design is queen. And we all know about the pitfalls of marriage. The balance between the two can be somewhat vague at times and is often directly influenced by project parameters (bad timing, missed deadlines, ...). If you like reading design blogs you'll know that a design should guide and enhance the content, and while that is most definitely a valid statement reality often decides otherwise.

Before I go on, let me make it clear that I'm talking about the actual content itself here. The information architecture process usually comes quite early in a project, but it is often based on global notions of what content should appear on the site and focuses on how that content should be structured and unlocked, not on actual ready-to-publish texts.

reality check

Most designs are made using "lorem ipsum" content. We all know that this is not the right way to tackle a design but more often than not a project doesn't leave us with many other options. And so we proceed with our work, realizing the actual content might not fit well into the design that's being made. To make it worse, bad (or complete lack of) copywriting can mess it up even more. You might have designed a horizontal navigation, but when it turns out the text for each link is half a sentence long rather than a clear and concise label you're in for some serious trouble.

As for today's topic, let's take a closer look at how long words (without spaces or split characters) can mess up your layout and how it can be fixed using some simple css.

the old days

If a single word is too long to fit into a designated space your options are limited by default, but back in the old days you were really screwed. You could only do one of the following things:

  • Do nothing and let the content spill out the designated space, possible overlapping other elements. Ugly as hell, but at least the whole word was readable.
  • Apply an overflow:hidden to the parent and hide the content that spills outside the designated space. Add fixes for IE and hope you're not hiding something crucial.
  • Change the content to fit the design, either doing a little copy work or manually insert split characters (fe '-') inside the problematic words.

All of these options suck, but it was all we could do back then ...

modern times

Luckily css3 is catching up with our styling needs and we've been given a new option to toy around with. Still not perfect, but a whole lot better than the previous three: check out the word-wrap css property. Surprisingly enough, a property long ago introduced by Microsoft. Go figure.

selector {word-wrap:break-word;}

When set to break-word this property will break off a word when it doesn't fit on a single line. Note that it will not break off every word when it reaches the end of a line, just the words that won't fit as a whole. It's still not ideal as there is no indication whatsoever that a words is cut off, but at least it gives us another good option to consider, one that's quite useful in most situations.

And best of all ... it works in all modern browsers + the ie6+ range. What more could you ask for.

conclusion

It's little additions like these that make a big difference when you are near deadline and it turns out the given content won't fit into your design. Rather than start redesigning certain parts with the chance of breaking other stuff in a series of browsers, you can simply apply the break-word to cut off problematic words into separate pieces without losing any of the content.

]]>
Thu, 01 Jul 2010 13:16:28 +0200
<![CDATA[white panic/shugo fujii]]>http://www.onderhond.com/blog/personal/white-panic-review-shugo-fujii

Some films are low on budget yet high on concept. They don't need fancy special effects, wealthy actors or an elaborate crew to translate their vision onto the silver screen. All they need is a few good ideas and a creative team to work around all the limitations they will be facing. White Panic is a good example of such a film and even though it doesn't compete with the best, it's a damn fun ride nonetheless.

screen cap of White Panic

Science-fiction is a welcome genre for directors wanting to show off their skills with a very limited amount of money. Working in small spaces with shots from specific angles, the right lighting and just the right amount of tech and steam is often more effective than filling the screen with full-blown CG galaxies and spaceships. It's exactly the reason why sci-fi can sometimes feel more claustrophobic than spatial, but the result is usually more than satisfying.

White Panic's premise isn't too original, basically joining the list of films borrowing their setup from Cube and drawing some extra parallels with the Saw series. Four people waking up in a room with no recollection of how they got there, who the others are or why they were put there in the first place, that's all there is to it. It's a little cheap but effective enough. From there on, the film takes a predictable path laying much of its trust in the ending of the film.

After a somewhat disturbing intro we are introduced to the characters. Waking up in a strange room is one thing, but being covered in a weird white powder really puts them on edge. It only becomes worse when people charge in to feed them an unidentifiable liquid. The four don't seem to get along all that well and when the opportunity of escape presents itself they don't exactly proceed as a team.

screen cap of White Panic

Visually there's some good stuff here. The DV look can be quite harsh at times producing sharp contrast edges and heavy whites, but overall the look of the film is nice enough. Some clever play with black-light lighting helps to make it a bit more attractive, the editing is nifty and essential in hiding some of the rougher parts. The low-budget look is ever present but used to good effect.

The soundtrack gives the film a slight cyberpunk edge. Rough industrial sounds and soundscapes make up most of the soundtrack, lending the film a pleasantly dark atmosphere where needed. It's not as defining as it could have been but it works alright and shows more individuality than found in most other films. Acting is rather flat as most of the film is carried by its style. The actors aren't truly horrible but I'm quite sure they're not going to win any prizes anytime soon. It's all kept very functional and pretty dry.

screen cap of White Panic

The first half of the film is rather predictable. You've seen these films before so you know that after the initial introduction the middle part will see our main cast trying to escape from their prison. The ending always plays an important role in these films as it gives a sense of meaning and purpose to the whole setup, making it more than just a simple mind fuck. And it must be said, this is where White Panic truly shines.

Not that the ending is in some way deep or inexplicably brilliant, but it's sure to surprise most of you. It's not an impossible twist to predict but rather an option you would have discarded the second you thought it up. It's a Japanese film though and nothing is too silly for the Japanese. It's one of those few select endings that really make a film better, even if it doesn't make a whole lot of sense.

All in all White Panic is a great calling card for director Shugo Fujii (who you might already know from Living Hell). He confirms once again that he can make something good out of a tried and tested premise with a tight budget and delivers a film that packs enough punch and is blessed with a great ending. If you can look past some of the typical low-budget quirks, you're in for a fun ride with a pleasantly weird ending. 4.0*/5.0*

Check the trailer if you want.

]]>
Tue, 29 Jun 2010 14:23:37 +0200
<![CDATA[cow/hu guan]]>http://www.onderhond.com/blog/personal/cow-review-hu-guan

If there is one genre that lacks critical acclaim it's without a doubt the animal/buddy genre. Usually aimed at small children and/or pet lovers, most of these films only aim for "awww, cute" value and have little else to offer the viewer. Leave it to the Chinese to come up with something that resembles actual quality film making. And if you think that's a stretch already, you'll be baffled to hear they used a cow(!) to pull it off.

screen cap of Cow

Dogs and kittens are usually the favored animals for these kind of films. They are naturally cute and need little extra attention to extract emotional responses from their audience. Japan in particular has been making quite a few cat/dog movies these last couple of years, but none of them very good (although they can be adorable at times). The funky poster artwork and an attractive trailer convinced me to give this genre one more chance though, and I'm glad I did.

Cow is a rather unconventional mix of genres and themes. Central to the film is the titular cow, a huge prize beast (apparently with Dutch roots) close to becoming a god in a small Chinese mountain village. Sadly, the little village is overrun by the Japanese which marks the start of an epic journey for the imported animal, although for most of the time it seems largely unaware of all the commotion happening around it. If not for Black Sheep, it could've won the Oscar for most apathetic film character ever.

The film follows Niu Er, a somewhat silly farmer who earns the task to take care of this cow. Before he knows it the whole village is slaughtered by the Japanese and he is left to take care of the animal all by himself. From there on, things get gradually worse, though without ever turning into full-blown black comedy. There's a strange balance of genres at play, floating somewhere between comedy, drama and war, never really settling down on either side.

screen cap of Cow

Visually Cow is a very accomplished film. The gray/blue filter used throughout the film gives it a grim and harsh look, often in sharp contrast with the funkier and even flashy camera work used in certain scenes. Extreme close-ups or wide-lens frog perspectives underline its less than serious overtones. The camera work is overall impressive, very precise and even when a little quirky, it's always functional.

The soundtrack is subtle and very atmopsheric. At times it's almost inaudible (a bit like the remake of Springtime in a Small Town, which sometimes only seems to suggest sound rather than actually using sound), but it fits wonderfully well and creates a welcome feeling of ease in between the more action-oriented scenes. Especially during the more epic scenes the subtlety pays off pretty well.

Acting is superb too, with Bo Huang doing most of the hard work. He carries the film almost entirely by himself as most secondary characters only appear for short stretches of time. The cow itself doesn't win much points for cute factor and is more a bother than a real help to Niu Er. On the other hand, its comedic potential seems endless and director Guan makes good use of it. The only other remarkable character is Ni Yan who plays the romantic (if you can call it that) interest of Niu Er and is important for the deeper layers residing underneath the film.

screen cap of Cow

Cow is a pretty difficult film to get a firm grip on, even when it is well past its halfway point. The structure of the film is a little confusing at times as it continuously jumps back and forth, but the weird genre mix threw me off the most. Even though there's a pretty light atmosphere running through the film, the drama is pretty tense and the journey of man and cow reaches epic proportions.

For this reason alone Cow is worth checking out. It lives in a plain of existence exclusive to itself, making a captivating and fun film out of a completely implausible setup. Near the end it becomes a little bit too repetitive as yet another setback is thrown at Niu Er, but overall his journey is one that will stick with me for some time to come and the repetitiveness is easy enough to forgive.

Even though the film feels very "Chinese", the combination of rural life and extremely stylized visuals is quite novel. The symbolism are dramatic backgrounds are explored sufficiently, but in the end they are overshadowed by the remarkable trip of one farmer and his huge cow. My advice: just watch it and marvel at this unlikely piece of genre mash-ups. 4.0*/5.0*

Check out the trailer for some genuine cow action.

]]>
Mon, 28 Jun 2010 12:44:28 +0200
<![CDATA[womb ghost/dennis law]]>http://www.onderhond.com/blog/personal/womb-ghost-review-dennis-law

There are many ways to achieve greatness in film. Novel premises or interesting spins on old ones, new tech or old tech used in innovative ways. Crossing the current boundaries of decency is another good one. As long as you have a selling point, your film will get the attention it deserves. But sometimes it suffices to just take what's already there and do it well. Nothing fancy, nothing special, just plain old solid. And that is exactly what Womb Ghost is.

screen cap of Womb Ghost

My first acquaintance with Dennis Law was Bad Blood, a somewhat cheap and cheesy crime flick showing plenty of promise but never able to cash in on it. For some reason it made me believe Womb Ghost wouldn't be much different, cataloging it as a film that would sit well with the oeuvre of Herman Yau, glorying Hong Kong trash cinema. So imagine my surprise when Womb Ghost turned out to be a surprisingly well-made Asian suspense flick.

The genre has been bleeding to death for some time now and overall that's a good thing. Like all hypes the bubble has to burst some time and when it does it creates room for people with a real interest in working with the genre. Law does so with great conviction and delivers a film that stands proud among its peers. It can be best described as a cross between Ringu and Dumplings, taking the best of both worlds. People wanting something fresh and exciting can drop all their expectations right now, fans craving for another solid genre film rejoice!

Womb Ghosts's storyline is typical genre fare. Take adultery, a jealous lover and a miscarriage, put it in a blender and finish off with fetuses and a long-haired ghost. You can rest assured that the ending will do all the explaining for you so all you need to do is sit back and enjoy the ride. The story pretty much suffices for what the film sets out to do, just don't expect anything smashing. There isn't even a real twist at the end, just an explanation of what it was all about.

screen cap of Womb Ghost

Visually there is plenty to like here. Law uses strong, vibrant reds in contrast with grey and bleak-looking filters to create a visual tension that almost literally blows of the screen. The editing is tight, camera work precise and controlled. The shadow effect applied to the edges of the screen can be a bit much but apart from that it's a beautifully shot film drawing lots of atmosphere from its visuals. Very important for a horror film shunning any form of realism.

The soundtrack is decent enough but never ventures outside regular horror territory. It's pretty functional, adding a tense layer to the film, though it mostly goes by unnoticed. Which is, considering the nature of this film, probably not even a bad thing. It works, beyond that it can be neglected. Acting is on a same level. Always nice to see Suet Lam showing up in a film, the rest of the cast is decent enough but none of them is going to win any prices with their performances here.

screen cap of Womb Ghost

If Womb Ghost succeeds at anything, it's bringing some punch back to the scares. Can't say I was actually digging a hole in my couch but as far as Asian suspense goes the ghost bits are creepy and effective and the gore is sufficient. Nothing compared to the bloody mess of Thai horror films but still quite revolting at times. It's hard to pinpoint where exactly Law exceeds the competition and no doubt it's in the smallest of details, but his film somehow revived my faith in the genre.

I'm pretty sure others will simply see this as another boring Asian ghost flick and it's difficult to contradict them. Even though the film is visually attractive, boasts a solid soundtrack and some decent acting, it's really not all that different from its peers. Depending on the context and how you pick up on specific details you will either love this film or be bored to death by it. It's a tough call to make up front, so the only real way to find out is just watch it I guess.

Even though I've had my fill of Asian ghosts, Womb Ghost manages to do so many things right that I was actually able to enjoy the thrills of the genre once again. I can only complement Law for that. Don't go in expecting the next best thing since Ringu or you'll surely be disappointed. Just expect a very solid genre entry, showcasing a thorough understanding of the genre mechanics and what makes a film like this tick. 4.0*/5.0*

You can check the trailer, though it doesn't do the movie justice.

]]>
Tue, 22 Jun 2010 12:10:31 +0200
<![CDATA[air doll/hirokazu koreeda]]>http://www.onderhond.com/blog/personal/air-doll-review-hirokazu-koreeda

When I first heard Koreeda was going to do Air Doll I was extremely pleased to see him return to what he does best: magical realism a la Japonais. Even though most Koreeda fans seemed a little weary of his latest experiment it turned into one of those projects just destined to be awesome. Air Doll sees Koreeda return to optima forma, giving the somewhat slacking Japanese drama genre a welcome kick in the butt.

screen cap of Air Doll

Ever since I watched After Life (Asian film releases are completely random over here) I've been a big fan of his work. His other films didn't manage to evoke quite the same emotions for me, but if anything Koreeda consistently delivers quality work. His films radiate a level of humanity that is quite unique but when coupled with a fantastical premise his work really starts to flourish. Hence my excitement when I heard he was going to adapt Air Doll (originally a manga).

The premise of Air Doll is not that wild as some would like you to believe. A doll coming to life is hardly revolutionary, especially if you're somewhat familiar with Japanese fixations. Be it dolls or robots, the birth of non-human life is a recurring theme in fictional Japanese tales. From the childish wanderings of Astro Boy to the philosophical meanderings in Ghost In The Shell:Innocence, the search for souls in inanimate objects is a beloved and often explored subject.

Air Doll plays like a mix of Video Girl Ai and Lars And The Real Girl. One fine day Nozomi, a sex doll, wakes up from her rubbery existence and finds herself with a heart. While her master is out working she starts to explore the human world and ends up spending her days in a local movie rental shop. Life as a human turns out to be a little harder than expected though, especially when running into more complex emotions like love.

screen cap of Air Doll

I don't think I've ever seen Koreeda's dreamy visual style executed this wonderfully. The camera work is perfect, floating through typically Japanese settings at a leisurely pace, mostly observing, sometimes even wandering a little. The visuals emit a certain quiet and peaceful atmosphere almost unique to Japanese dramas, though not often executed as well as here.

The soundtrack is handled by World End's Girlfriend, no stranger to fans of the more alternative music circuit. It flows very well with the atmosphere but it's hardly subtle and can be a little present at times. This is not a problem if you like the outcome, but I imagine the score could become a bit tedious for people with less appreciation for WEG's work. At least Koreeda deviates from the normal piano-infused soundtracks usually present in Japanese dramas, which is a definite plus for me.

Acting is strong though that shouldn't come as a surprise. Koreeda is always capable of drawing great performances from his actors, Air Doll is no exception. Bae in particular does is perfect job of playing the come-to-life doll, her scenes together with Arata are without a doubt the high point of the film. A few welcome cameos (Terajima! and Odagiri) are the icing on the cake.

screen cap of Air Doll

Koreeda manages to keep a light atmosphere throughout the film though the core of Air Doll is not all that happy or positive. Obvious parallels between the emptiness of the doll and human beings can't be avoided, but Koreeda's observations go beyond that. His message could've been handled with a little more care and subtlety as Koreeda is quite direct in what he wants to say, though most of that is countered the lighter atmosphere and it never becomes bothersome.

Story progression is pretty predictable and obviously not a big priority. You can pretty much see from the start where it is going to lead you, still the ending awes and left me in a trance, not ready yet to leave the characters and the film behind. It's a beautiful finish even though it could've been integrated a little better with the rest of the film.

It's a tough choice deciding whether it's Air Doll or After Life that ranks as my favorite Koreeda film, but I'm glad he finally cashed in on the potential he showed in After Life. Most people will prefer his more down-to-earth dramatic work and that's fine. I'm glad he's going in a more fantastical direction as he can create a lovely niche of his own there. And I'll be there to support his work no doubt. 4.5*/5.0*

Check the unsubbed trailer, but only if you're prepared to be spoiled.

]]>
Mon, 21 Jun 2010 12:27:27 +0200
<![CDATA[common css mistakes/putting a stop to them]]>http://www.onderhond.com/blog/work/common-css-mistakes

In the margins of the html5 and css3 rise one can find a whole lot of unpleasantness. Take your eyes away from the dazzling new features for just a couple of seconds and you'll be overwhelmed by a penetrating stench coming from underneath your browser's canvas. But that's not even the worst of it, take some time to look around and notice how badly written css is still very prevalent on the web. Time to get rid of that ugliness first.

It's obvious there still isn't a very good base for css best practices. Newcomers to css continue to make the same mistakes we made 10 years ago and with people flocking to html5 and css3 this group is growing fast. It's a sad state of affairs that needs dealing with, so even though I'm not much of a fan of haphazardly thrown together lists here's my top list of css ugliness I never want to see again.

1. stop unnecessary floating

.selector {float:left; width:100%;}

The code above is something you find quite often. A simple block level element that is floated with a width of 100% to make it span the complete width of its parent. In most cases, removing the float and width will result in exactly the same rendering, only with more flexible use of margins and paddings. So what gives?

What usually happens is people fail to understand the workings of collapsing margins. Floating the element triggers a more understandable use case where margins are not collapsing with margins of surrounding elements. This is okay until you need to add paddings, margins or extra positioning rules. Furthermore, this code isn't very browser-proof and you'll often end up with nasty ie6 troubles.

There are better ways to work with (or around) collapsing margins and besides, floats are never a good way to fix things. Using floats to fake a block level element is completely useless and will definitely result in trouble later on. So no more.

2. margins and paddings

.parent {margin:1em 0.5em 0em 0.5em; padding:0em 0.5em 1em 0.5em;}

Margins and paddings should never be used together to create one single space. Both properties can be placed on leafs (an html element with no children) in certain circumstances, but apart from this use case it's better to stick with either one of the two to define all spacing around an element.

Usually statements like these come forth of laziness or bad planning. They are the result of last minute changes or unfocused code weaving. All understandable excuses, but if you claim to have a professional attitude you just can't leave them in your code.

I don't really care whether you prefer, paddings or margins, but combining them to create one single space is never a good idea. So no more.

3. width abuse

.parent {width:50em;} .parent .child {width:49em;}

Use widths only when really necessary. People tend to go all math on their css while css is (somewhat) equipped to do most of the work for you. In the example above, the width declaration on the .child is completely unnecessary. It would be much better to simply add a right margin on the .child element (unless you'd really want the child to be 49em wide independent of the width of its parent). Using paddings or margins instead will ensure decent rendering even when the parent would change widths.

I've had several projects where the goal was to widen a site. It's true bliss if you can do this by adapting just a couple of values in the css without worrying to much about browser inconsistencies. A project like that turns into hell on earth when each component has a specific width defined, especially when these components just take up the available width anyway. It really makes the difference between an hour work or two days of hard labor.

For positioning an element relative to its parent, use margins or paddings. Only use widths when an element should explicitly have a fixed dimension (not saying it should always be in px though, it could be ems just as well). Widths are for reserving space, not for spacing. So no more.

4. mending and fixing

.selector {margin-left:-6px;}

There aren't too many things the web design community as a whole agrees on, but when it comes to ie6 most (if not all) people agree that it is an outdated, hard to code for piece of software junk. And while I won't contest that statement, it must be said that most of ie6's problems can be fixed quite consistently. Whether you use inline hacks or conditional comments doesn't even matter, how you actually go about fixing these issues is more important.

Many of ie6's bugs exist of (little) misplacements of elements. Most people try to fix these issues by re-aligning them specifically for ie6. For example, if an extra 6px space is added to the left you can counter it by defining a negative margin of the same size. This is crap coding though, as you're only just mending the problem rather than really fixing it. ie6 might be a true bitch, but most of its bugs can be countered as to make it behave like other browsers.

This is pretty important as these fixes will continue to work when the original css is adapted. Rather than defining a negative margin, make sure ie6 renders the item as it should, so future adaptations won't need extra fixing. Making ie6 behave is not easy, but far from impossible. So no more.

5. reset without rereset

* {margin:0; padding:0;}

I have nothing against reset css, be it coming from a standard script of coming from custom coding. As long as you make sure to set the general styles back, I'm fine with it. I do get furious when encountering a css where simple text paragraphs don't even have a margin (or padding) defined on them. This is simply not done and extremely sloppy coding.

So use these reset css styles as much as you like, just make sure to set the basic styles again. Make sure your paragraphs look like paragraphs and lists feature some kind of list element indications. These quick resets eliminate styles that are important for displaying general data, not setting them back to a good standard is pure amateurism.

conclusion

Basic as these five remarks might be, you'd be surprised how many front-end developers still make mistakes like these. There are many reasons that seem to fuel this state of affairs, like lack of proper schooling or a good fall-back place for css best practices to go to when starting out with css. Most people learn from scattered blogs and snippets found in articles, which is probably not the best way to get to the bottom of what we do. This makes finding a good solution a pretty tough task though.

The list above is more than just my top 5 of commonly seen css ugliness, it's hopefully a wake-up call to whoever feels the passion and energy to create some kind of starter's platform for css best practices. Through all the bling and sex of css3 these issues are once again eclipsed, but they might be even more relevant than two years ago with a whole new group of people starting to learn the tricks and trades of html and css.

So no more, it's time to take css to its next level. And no, I'm not talking modular css or advanced animation, just a good set of best practices and a well considered starters platform for people to get started.

]]>
Thu, 17 Jun 2010 12:53:22 +0200
<![CDATA[hollywood hong kong/fruit chan]]>http://www.onderhond.com/blog/personal/hollywood-hong-kong-review-fruit-chan

When hitting a Fruit Chan film I'm usually in doubt. The man is obviously talented but he doesn't always seem very aware of his own talents. Hollywood Hong Kong did look very promising though and so it didn't take me too long to convince myself giving Chan another spin. Good thing I did as it turned out the best film I've seen by him so far.

screen cap of Hollywood Hong Kong

Finding arthouse directors with international appeal in Hong Kong isn't always easy. It's a paradise for fans of genre cinema, but those looking for a more unique movie experience need to embark on epic journeys to find the hidden gems. Fruit Chan is a welcome exception. He might not be truly famous in the West (though most people know about Dumplings) but at least you can buy some his films in regular stores. I haven't seen much of his work, but from the little I've seen it's obvious his films can go both ways. Either they are imaginative and fun or they miss the mark completely.

Hollywood Hong Kong is a pretty clear tale of rich versus poor. The titular Hollywood refers to an apartment complex for the wealthy while Hong Kong refers to the slums the Hollywood residents look down upon. It's an interesting contrast which Chan explores well throughout his film, though he never allows Hollywood Hong Kong to slip into mere social commentary. Above all, the film a somewhat magical (but still dark/black) comedy layered with some drama.

Central to the story is Tong Tong, a mainland girl coming to seek fortune in Hong Kong. She ends up in the slums amongst pimps and butchers, though she doesn't really seem to be bothered by them. The slums light up when she arrives and for a while everything is fine. Around halfway her true intentions are revealed and from there on the film turns into a pretty unpredictable ride.

screen cap of Hollywood Hong Kong

After a good 30 minutes into the film I was damn sure I was watching a film shot by Christopher Doyle. From the magically colorful setting to the agile camera work, this film breaths Doyle. It's a good thing I took the time to verify my hasty assumptions as it turns out Doyle had nothing to do with Hollywood Hong Kong after all.

Cinematography is handled by Sing-Pui O, and what a tremendous job he did. His visualization of the slums is magnificent, turning them into a maze of colorful lit pathways and dirty houses. Red and green dominate the slums, enriched by the pink of pigs and fleshy inhabitants. In contrast, the Hollywood complex looks dull, lifeless and boring.

The soundtrack too is pretty special. A more modern rework of traditional Chinese music, it melts together with the images to create a couple of very memorable, fantastical scenes. I'm pretty sure it won't be to everyone's liking but it really struck a cord with me. Acting is equally strong, with Zhou in another powerful lead, supported by a range of very convincing secondary characters. The pig butcher's family in particular is a real treat.

screen cap of Hollywood Hong Kong

Hollywood Hong Kong more than once reminded me of the darker streaks of Jeunet. Its colorful and playful portrayal of the slums coupled with a darker sense of humor and some general weirdness really put it in the same league as Delicatessen. Still, Fruit Chan's work is hardly a copy and it succeeds in displaying a very unique style of its own. It's only when taking a step back that similarities start to emerge.

Hollywood Hong Kong is a film for fans of the mildly strange. Not strange as in Miike over-the-top strange, but in a more subtle, fantastical and stylish way. I've looked really hard but couldn't find anything wrong with this film. Even better, it excels in just about every department. The film is visually impressive, boasts a distinctive and attractive soundtrack, features an interesting and cool story and is supported by a cast of strong actors.

If anything, this film renewed my interest in the work of Fruit Chan. I know they won't all be as good as this one, but I would be surprised if he hasn't got a few more tricks up his sleeve. It's a definite recommendation to all looking for something a little magical and a little weird, especially when looking within the realms of Hong Kong cinema. 4.5*/5.0*

Still not convinced? Check the trailer.

]]>
Mon, 14 Jun 2010 11:50:41 +0200
<![CDATA[rampage/uwe boll]]>http://www.onderhond.com/blog/personal/rampage-review-uwe-boll

Ever since I watched Uwe Boll's Postal I've been keeping an eye on his work. Mind you, from afar, but still close enough to spot any interesting works. It sure paid off as Uwe is back, presenting a film with the power to silence even the harshest of naysayers. You might not appreciate Rampage, but it's difficult to miss the talent he puts on display here.

screen cap of Rampage

Don't call me a fan of his work though. The man obviously has the talent to make a good/fun film, but in between those gems there's a large pool of considerable crap. Some of it intentional no doubt, but crap nonetheless. There's a strange gap in quality that exists in Boll's work, reminding me a little of Miike's oeuvre. Sadly, the overall balance in Boll's body of work in a little off, making most of his films a serious gamble.

Rampage is a film that settles itself between the gritty portrayal of Kiss Kiss, Bang Bang (not the Robert Downey Jr. film), the nihilism of Nakajima's This World Of Ours and the stylistic realism of Van Sant's Elephant, zooming in on a young guy mad at the world in general. Boll's portrayal is far from subtle or nuanced, but because of that it has to potential to appeal to a crowd with a soft spot for rebellion. It's a film that feels as if it was directed by its main character, which is always a big plus in my book.

The story is centered around Bill, a 23-year old boy who doesn't have a bad life per se, he just has very little to look forward to. Comfortably dulled down by his somewhat unruly parents he wanders through life without much sense of direction. That is, until one day he feels the need to break his boring life with a gun slinging rampage. Using the internet for supplies, he sets out to make the world take notice.

screen cap of Rampage

Rampage has a gritty look, reinforced by the shaky hand-held camera work. It works well for most of the film, though from time to time Boll seems to be shaking his camera around a little too much just for the sake of fake-realism. These moments are rare but do detract a little from what's happening on screen. Apart from that it might not be a particularly beautiful film but the visuals are extremely functional and work remarkably well.

The soundtrack is a another real asset to the film. Dark and uncomfortable, atmospheric and grim. Boll's choice of music is spot on as it really makes the atmosphere more tangible, only improved by further tweaking of background noises. The mix of atmospheric sound manipulations and a solid soundtrack really reinforce the gritty, uneasy vibe coming from Rampage.

Performances of the actors are not as solid though, with the welcome exception of the main character. Brendan Fletcher does an awesome job with Bill, combining his smarts and likeable sides with a mean and dark undercurrent. He's actually quite scary and believable even though the film isn't always dead serious. Other actors are less talented, especially Bill's parents never manage to convince. It would've been nicer to get some better actors in those secondary roles, though it never really hurts the film as a whole.

screen cap of Rampage

People expecting an action film might be a bit disappointed. There's plenty of shooting and killing going on, but it's never presented as cool or exciting. Boll's vision is mean and bitter, always cold and heartless. People die without a second thought or a dash of compassion, such are the motives of the main character. It means no cheering for the good guys in this film.

Those expecting a true character piece will be equally disappointed. There's much rampaging in the film and apart from the start and finish there's very little character development. There are even a few absurd scenes tucked away in there, granting the film a dark comedic rim, though Uwe makes sure these scenes never intrude on the general bitter atmosphere.

The middle part is a little repetitive, but things pick up again when the climax is nearing. There's a big turning point where the film could've gone both ways, luckily Boll is man enough to pick the only right ending for his story leaving his audience a little dazed and overwhelmed when the end credits start rolling across the screen. If it had gone the other way, I probably wouldn't be writing this review right now.

Rampage is a pretty relentless film, but considering its concept and themes the execution is pretty spot on. No politically correct endings, no censorship, no concessions. It's a very simple and straight-forward film, yet very pure and honest at the same time. But above all, Rampage is quite simply a solid film which hits all the right spots. Kudos to Mr Boll. I'm still not convinced I should check out everything he makes, but I'll be sure to keep an eye out for further gems. 4.0*/5.0*

I know some of you still distrust Uwe Boll, so check out the trailer.

]]>
Fri, 11 Jun 2010 11:19:25 +0200
<![CDATA[dl-dd-dt/sounds like stammering to me]]>http://www.onderhond.com/blog/work/dl-dd-dt

Today, let's talk unsexy html5. One of the more commendable things the html5 group is doing right now is updating definitions of elements that caused confusion in the past. Rather than deprecating all these elements and introducing newer ones these elements have been given proper semantic meaning, clearing up most of the confusion surrounding them. At least, in theory.

Every language has its flaws. Yeah ... even html. I've blogged about the address element before, but other elements like <b> and <i> also experienced their fair share of controversy back in the days. Redefining these elements is fine, even at the cost of temporarily introducing unwanted or ambiguous semantic value (older code could never have been written with the newer definitions in mind). In some cases though, I strongly believe it would be better to simply rethink an element from scratch.

dl: definition list or description list?

The definition list (<dl>) was without a doubt one of the most confusing html elements out there. Though actually quite properly defined, its practical value was very limited. Unhappy with this situation many people kept coming back to it, trying to find proper uses for the element. The definition of "definition" became an almost theological debate, leading the definition list to be used as mark-up for forms and other strange, completely unrelated structures.

It's time to let go of all of that. The definition list is no more, long live the description list. While its name could still cause some confusion, the definition to go along with the element leaves little to the imagination. Here's what the w3c has to say about it:

The dl element represents an association list consisting of zero or more name-value groups (a description list).

w3c site

Important here is the use of "name-value" in the definition, broadening the use of the element significantly and making it a very suitable element for what I call the caption-detail structure. A very typical structure often seen in meta data and profile data.

If you'd like more practical information on the dl revamping, you can check the html5 doctor article.

why dl sucked in the first place

Thing is though, the biggest problem with the dl elements was never its poor practical use or strict definition, but its poor structure. It was originally devised as a list of definitions, a case where the list structure actually made sense. But even then, the fact that a unique couple of terms and definitions could only be determined based on order (since they lack a unique containing element) made it into a structural mess. Contrary to other html lists, there is no <li>-like element to speak of.

This structural weakness carries over to styling, something most people who've tried to properly style a dl should have experienced already. It's doable as long as the couples are displayed as a typical list, but try anything fancier and you're dead out of luck.

The new definition of the element further underlines its structural weakness. Should you use the dl for meta data, there is no proper way to add extra semantic value (classes like .author, .publishdate, .lastchanged, ...). Of course you could always add the class to the term and make it a rule that the following dds are included in the data, but that would go against 20 years of proper html and microformats structuring.

what it should be like

With the new description element, there's really no good reason to stick with the whole "list" concept. The dl element could function as a container for each couple, uniquely identifying one name-value group. The context of the element could (and should) determine whether the dl is part of a list or appears as a standalone element. Code speaks louder than words, so below a couple of examples of what I'm talking about.

Author metadata:

/* name-value as meta data */ <dl class="author"> <dt>author:</dt> <dd>Niels Matthijs</dd> </dl>

Full name data field in a profile:

/* name-value as profile data */ <dl class="fullname"> <dt>name:</dt> <dd>Niels Matthijs</dd> </dl>

Full name input field in a form:

/* name-value as input/form data */ <dl class="input fullname"> <dt>name:</dt> <dd><input type="text" /></dd> </dl>

conclusion

The name-value pair (dt-dd) of the dl element is one of the only html elements out there which is not defined by a unique parent. Even worse, it's current structure is effectively making it impossible to do just that. This is a big structural flaw with noticeable effects on styling and javascript. The new definition of the dl element is a lot better, but without structural change the element will remain a pain in the ass for years to come. Even worse, because the new definition is actually forcing us to use the element in more places. Let's hope the nice people of the w3c will take the time to fix that.

]]>
Tue, 08 Jun 2010 12:28:46 +0200
<![CDATA[fire of conscience/dante lam]]>http://www.onderhond.com/blog/personal/fire-of-conscience-review-dante-lam

Even though I'm a big fan of Hong Kong action cinema, for some reason most Hong Kong police thrillers don't really have what it takes to make me sit up and take notice. Up until now Johnnie To's work has been the only positive exception to the rule, but Dante Lam is sure to give him a little extra competition. And looking at Fire Of Conscience, his latest film to date, he's doing a pretty good job at that.

screen cap of Fire Of Conscience

Dante Lam has been playing the field for some time now. I've been following his work from a distance and even though he never really impressed me before, he's made some good, solid stuff over a wide range of genres, building himself a respectable oeuvre. When in need of simple but enjoyable filler, Lam is always a good bet. The only thing missing was that one film that would take him to the next level. Fire Of Conscience could very well be that film.

The film plays as a mix of Johnnie To's stylish crime cinema with Wai-keung Lau's slicker pieces. The blend delivers a film that has plenty of commercial appeal without becoming too cheap or plain boring. It's a tricky balance but Lam knows to walk that line like no other it seems. The result is a stylish action film that keeps a solid balance between fast pacing, style and macho gunfights.

The story itself is not all that interesting though. Take a worn down cop beaten by the death of his wife and a big case with quite a few parties involved, add a mole, mix it all up and you have the tale of a million other police thrillers already out there. But like most genre cinema, it's not so much the setup that matters, but how well it is all executed.

screen cap of Fire Of Conscience

Lam's visual intentions are clear from the start. The first scene is a perfect mixture of dreamy, floating To-like camera work in a bullet-time setup. It sets the tone for the rest of the film, where good action cinematography is mixed with more stylish visual tricks. Lam's visual style is clearly not as dark as To's but he still manages to keep a level of grit in there. Settings are gorgeous, as is the use of color throughout the film. And Lam makes sure the visuals remain challenging throughout while ensuring visual consistency, which will surely please more conservative audiences.

The soundtrack is less in your face, but fits the bill. It's a pretty simple score that works when it has to but mostly remains lingering in the background. Acting on the other hand is strong an vibrant, with Leon Lai getting all needed space to display his talents. Supporting roles filled by Richie Ren and Kai Chi Liu add good extra value. Especially the latter does a surprisingly good job with the somewhat over the top character he needs to portray.

screen cap of Fire Of Conscience

Fire Of Conscience is a police action/thriller done right. The action scenes are impressive and snappy, the character drama is solid and it's a visual treat from start to finish. Believability is sometimes sacrificed to make the whole mix a bit spicier but that's hardly a negative point. If you're watching this film to get a realistic view of police work you haven't been paying attention to all the promotional efforts surrounding this film and you'd do best to let go of those hopes.

Dante Lam finally delivers a film that mixes enjoyable, adrenaline-inducing action coupled with a more stylish and classy exterior. Add solid performances from the whole cast and you've got a winner. I can only hope Lam continues on this path, though I won't mind if he keeps jumping genres from time to time. The police thriller genre isn't actually my favorite terrain, but when done this well I won't mind sampling some extras once in a while. 4.0*/5.0*

Check the trailer for a preview of the action.

]]>
Mon, 07 Jun 2010 13:13:15 +0200
<![CDATA[on css triangles/and no, it ain't good news]]>http://www.onderhond.com/blog/work/css-triangles-issues

Sometimes you come across a technique which sounds a little icky but holds a lot of potential nonetheless. Usually I file these methods in the back of my head, until I come across a project where they present the most valid option. The css triangle technique is a good example of what I am talking about here. A pretty refreshing idea, but only really practical in very specific circumstances.

finding a use for triangles

Usually background images suffice when visualizing triangles. I actually prefer using an extra wrapper with a background image over some empty elements with a lot of crazy css applied to them, just to create a triangle. In this particular case though, the size of the triangle wasn't fixed and could change depending on the design.

The effect I needed to create was an angular bottom side on several boxes throughout a site. These boxes could vary in width so I needed a flexible solution to create my triangles. I've tried using the image technique before (creating one over-sized image and actually computing the height needed for the opposite side to make the hypotenuse - the side not containing a 90° corner - fit correctly) but that didn't work out too well. Too many rounding errors there, which led to sloppy results.

So I looked around a little and hit Jon Rohan's article on css triangles. A good summary of the technique with all the needed fixes for it to work in all necessary browsers (including ie6!). I tested it myself (better be safe than sorry) and actually got good results in all needed browsers, though the ie6/chroma filter fix needed an extra budge using zoom:1 to kick in.

My idea was to insert html elements into the boxes (using jQuery or whatever), turn them into triangles and position them absolute at the bottom of the containing box, mimicking the effect of an angular bottom side. At first I had some trouble making sure the triangle was as wide as the containing element (border widths can't be 100% apparently) but with a little javascript help all worked out fine. The results in Firefox were actually quite perfect. Up until then, everything was going smoothly, but you know what's coming next, right?

a line isn't just a line

It's a funny thing how running into an issue makes you notice certain things. Firefox rendered the triangles flawlessly, but when checking other browsers it turned out they had way more problems rendering the triangles.

If you look around for articles on the web, you'll notice that almost all examples use triangles with a 90°/45°/45° setup, meaning the width defined on both borders is equal. This ensure that the resulting hypotenuse is drawn under a 45° angle. More specifically, a line drawn like this needs no anti-aliasing to render properly since each next pixel is drawn at +1px/+1px from the previous pixel.

If the hypotenuse is drawn under a different angle, the line will start to look extremely jaggy if no anti-aliasing is applied. When used on top of images or other high contrasting backgrounds, the result is ugly as hell. Seems that apart from Firefox (and apparently Chrome for Windows), no other browsers apply anti-aliasing on the resulting lines between different borders. You can see the final results below:

who's to blame then

In this case it's difficult to actually blame browser vendors. The triangle method is one of those typical examples of creative thinking sprouting from the web community. The triangle effect is really a side effect from wide borders colliding, which hasn't seen much use in the past. Firefox' rendering is of course preferred, should you want to use fat, differently colored borders on a single element in your design. If not done like this, the separation line between both borders will look pretty crappy, but a high priority issue this is not.

So, even though the technique works alright, the application of it is still pretty limited due to rendering issues. Use it in situations where you have a 45° angle or when the background color doesn't differ much from the color of the triangle. Otherwise, you'll have to live with jaggy edges.

conclusion

For those interested to know how we fixed it: we used the html5 canvas and drew some triangles of our own. This was actually easier said than done, but for larger triangles it worked out okay. For smaller triangles though the drawing algorithm we used simply wasn't accurate enough, still resulting in ugly triangles. For those elements we still use background images.

In short, just another day at the office. I'll just repeat myself here and declare this another typical case of standard css development: read about it and be happy, try it and be disappointed.

]]>
Wed, 02 Jun 2010 13:16:41 +0200
<![CDATA[nightmare detective 2/shinya tsukamoto]]>http://www.onderhond.com/blog/personal/nightmare-detective-2-review-tsukamoto

Tsukamoto's first Nightmare Detective film marked an important turn in his career. For the first time he made a film of his own (which excludes Hiroku) that had the potential of appealing to a broader audience, without actually forsaking his trademark style. And now, for the second time in his career, he created a sequel to one of his own film. The result is Nightmare Detective 2.

screen cap of Nightmare Detective 2

Tsukamoto is without a doubt one of my all-time faves. Movies like Tetsuo are truly my kind of cinema, though I also love his more delicate side (as can be seen in Vital or Gemini). Like no other he combines raw energy with visual brilliance, setting a new standard in experimental film when he first burst onto the scene. His later work is a bit more subdued, but without ever losing eye for his defining elements. With Nightmare Detective he takes another step closer to mainstream cinema, though people fearing he might be going soft will be glad to hear his current project sees the resurrection of the Tetsuo saga.

Even though Nightmare Detective is obviously a sequel, the tone and structure of the film are quite different from the first one. With Matsuda's character established, Tsukamoto takes the time to explore his protagonist a little more rather than simply serving him a new case. Never does the film feel like a cheap sequel or easy cash-in, in every way it's still a full-fletched Tsukamoto film.

Nightmare Detective 2 sees Matsuda return to his childhood, edging in on the troubles with his parents, more in particular the increasingly severe panic attacke of his late mother. When he encounters a similar case he is drawn into a downwards spiral, shedding light on his particular powers and making the saga behind his personality a little fleshier and more concrete.

screen cap of Nightmare Detective 2

Ever since Tsukamoto started going digital the visual side of his films have suffered a little, especially the 'regular' scene. Still, with each new film he seems to be improving himself. The start of Nightmare Detective 2 is still a little unpolished, but during the final 30 minutes you'll hardly know where to rest your eyes first. The editing is as strong as ever and the camera work is pretty much perfect too, but what else would you expect.

The soundtrack has always been an important asset for Tsukamoto, which he underlines once again in this film. Moody pieces, maybe not as outspoken as in his early days (ie, no pumping industrial) but very atmospheric and absolutely crucial for accomplishing the right moods. Acting is strong too, combining young talent with the mastery of Matsuda.

screen cap of Nightmare Detective 2

While the first half of the film starts of a little tame for Tsukamoto standards, he lays a solid base for what is to come. A mix of drama, mystery and a dash of horror form an interesting setting for our nightmare detective, once he gets in deep Tsukamoto's experimental side resurfaces and everything falls into place.

The final 30 minutes are truly impressive, dipping the viewer into a pretty surreal world of stunning imagery and slightly offsetting events, only to end with a scene that could normally only be featured in the best of Japanese drama cinema. It completely justifies the slow (but still quality) start of the film and left me completely satisfied.

Nightmare Detective 2 might be his most commercial work to date, there is still plenty here to scare away the regular movie fan. Tsukamoto seems to have found a good balance between two worlds, though I am looking forward to see him go mental once again. For now though, I'll gladly settle for a film like this. Far from his best work, but still very powerful and gripping. 4.0*/5.0*

Check the trailer, though I'm sure true Tsuka fans won't need it.

]]>
Mon, 31 May 2010 12:30:41 +0200
<![CDATA[unsexy css3 and html5/it's everywhere!]]>http://www.onderhond.com/blog/work/unsexy-css3-and-html5

I don't remember the early days of the web, I simply wasn't around back then. But I do remember the days of geocities, the period of irresponsible javascript use and horrible animated gifs. And of course the Flash days, spawning inexplicably crappy websites like crazy. Looking at the way we are going now, I'm getting a pretty big deja vu. Say hi to html5 and css3.

what standards?

Since a couple of months there's been a real explosion of html5 and css3 talk. Several big web issues (like online video) have helped in gaining great support for these new standards, but like all things web, abuse is always just around the corner.

One thing web standards don't include is standard of quality. The past has learned us that with each new big technology introduced on the web, quality standards are the first to go. Maybe it's because the web is governed by techies who mainly care about technical achievements, but it's a given that when a new technology is launched on the web it gets fucked over for a couple of years before its actual benefits come to the surface.

you say sexy, i say ugly

Bloggers need attention. Fact. With all the css3 demos, techniques and experimentations going on grabbing the reader's attention is getting more and more difficult with each passing day. Hence all the posts with titles including words like 'sexy', 'cool', 'amazing', 'fresh' and other positive buzz words floating around the web, just to pull readers in. Checking them out usually amounts to watching demos of sluggish animations, graphically poor visuals and often completely unusable, even inappropriate techniques.

Web standards have fought for years to give semantics and accessibility a place on the web, all that is thrown overboard in the blink of an eye just to create a couple of ugly animations which serve little to no goal at all. People are trying to mimic the capabilities of Flash and failing horrible in the process, but it doesn't seem to be a big issue since they are at least using the latest technologies. That's the current state of the web, and the community of web developers are actively encouraging it.

Animation on the web has always been poor. Javascript isn't really suitable, Flash only to some extent (when it fits the typical Flash style). With css3 we seem to have hit a new low. A couple of rotations in sequence with some transformations are being sold as actual animations, ruining 80 years of professionalism in that particular field. If that's sexy, I'm just not interested in sexy anymore.

html5 is not css3

Another hot topic is whether hmtl5 is going to replace Flash. Most people don't even realize it's not so much html5 but the canvas element in html5 that's the real threat to Flash. Most people won't realize that animation comes from css3, which is no no way related to html5. And an even smaller group asks itself whether css is actually the right technology to define these animations.

The function of css has always been styling. Animation can be used form styling purposes, but much of it is treading on behavioral grounds. Just think of collapse and expand structures or other animations revealing hidden information. If your browser doesn't support the animation, more often than not you won't get to the content (unless you disable css). And it's not just the little ones doing it. You can find examples on the Apple site if you wander around a little.

And yeah, I'm quite confident this is only a temporary phase. In two years time we'll start questioning the purpose of all these horrid effects and animations, weeding out all the garbage and learning from our mistakes, but it would be frustrating to wait for another two years to see this process kick in. The web is slow enough as it is.

my redesign

Looking at my redesign, you might be wondering why I'm complaining so much about css3. The new design clearly includes overuse of css3 properties, which is true enough. Part of that is because I set out to use my blog as an experimentation platform for testing css3. It's fun to test and play around with css3 but in due time the unnecessary bells and whistles will be taken off again.

In addition I've compiled a little list of bugs, shortcomings and mis-renderings I've seen on my blog so far, just to indicate how buggy and/or incomplete most css3 implementations still are:

  • Safari and Chrome: no support for inset on box-shadow
  • Chrome: anti-aliasing on rounded corners sub-par
  • Chrome: fuzzy box-shadow rendering
  • All: multiple rounded corners stacked on top of each other result in rendering issues (check articles on homepage)
  • Opera: box-shadow is clipped on tab navigation (homepage). Reappears when hovering certain elements
  • Safari and Chrome: can't get rgba colors to work in gradients
  • Safari and Chrome: crappy gradient control (no px allowed for stop points)
  • Firefox: radial gradients are ugly as hell. Looks more like concentric circles than an actual gradient. Linear gradient not perfect either.
  • Firefox: hover with text-shadow or box-shadow is extremely laggy
  • All: no gradients possible (X)px from the end. Very typical css shortcoming.

Sure, not every browser should be pixel-perfect in its design rendering, but the list above gives a good indication of just how sub-par most css3 implementations are at the moment.

conclusion

It's not that I don't welcome html5 and css3. Far from it actually. But for now, people seem more interested in abusing these technologies rather than giving it some good thought first. And I really do understand the need to experiment, trying to find novel and breakthrough uses for these new technologies, but without a word of warning and with a big bold 'sexy' in the topic title these techniques will find their way to the live web, greatly diminishing the web experience for many out there.

Think wisely when coming up with css3 and html5 articles. Warn against the pitfalls and don't advertise everything as sexy or cool just because it is html5 and css3. Think of what web design stands for, not about how cool you look using one or other new, flashy and hip technology. Just my two cents and sorry if this rant spoiled your fun working with these new technologies.

]]>
Thu, 27 May 2010 13:38:54 +0200
<![CDATA[basic love/oxide pang chun]]>http://www.onderhond.com/blog/personal/basic-love-review-oxide-pang-chun

When Oxide Pang makes a new film, I'm there. I don't need a synopsis, trailer, poster or whatever to get me interested. When Basic Love was first announced I was a little surprised though, as it marks a pretty serious shift in territory for Oxide. No more horror, fantasy or other manly genre film making, but a full-blown drama in true Pang style.

screen cap of Basic Love

If the name Oxide Pang (The Storm Warriors, The Detective, Som And Bank) doesn't ring a bell, it means you haven't been paying attention to my reviews here. Oxide Pang is without a doubt one of my favorite directors, though more because of his constant quality output rather than any true masterpieces amongst his body of work.

Even though Basic Love is a serious departure from familiar territory, from the very first shots it feels like a true Pang film. There's this thing in his visual style that's immediately recognizable and makes it something he can call his own. Apart from that Basic Love feels much like a Japanese drama, though a bit more polished and maybe not as subtle. Luckily there is plenty of good stuff here to compensate for that.

The titular 'basic' refers to the simple love triangle setup. Things get a bit more complicated when one of the main characters turns out to be deadly ill, disrupting the romantic affairs of the threesome and upsetting the lives of the three protagonists. What follows is an endearing story about loving and living in the moment, set to a tenderly handled coming of age background.

screen cap of Basic Love

If there is one thing Oxide Pang never fails at, it's delivering some awe-inspiring visuals. Not always consistently throughout a whole film, but the man knows how to play around with cameras and color. Basic Love is no different. The usual Pang touches are here, though used in a more gentle, loving way. Nothing big or extreme, but all the same beautiful to behold.

The soundtrack is a little trickier, though Oxide manages to keep it within the confines of good taste. It seems he has learned from earlier films, and even though the music can be a tad too soft/piano-based for its own good, for the remainder of the film it actually works in creating the needed atmosphere. Acting is surprisingly good too. A couple of young talents that have no trouble working their way through the harder scenes in the film.

screen cap of Basic Love

Basic Love is not a very big or difficult film. It's a modest tale about three kids, young love and fear of communication with a touch of drama running underneath it all. It's not as bare-bones or realistic as regular Japanese dramas, but it still fits right in with the rest of them. It's a little surprising seeing a film like this coming from Oxide, but he seems to pull it off without a problem.

A pretty low profile film that is sure not to reach the West any time soon, but fans of the Pang brothers should do well to seek it out anyway. Especially those of you that can't get enough of their trademark style. Just don't expect anything like their regular output. Basic Love is not an overpowering film, but slowly grows on you and ends up as most other Pang films: a solid, enjoyable and stylistically pleasant endeavour. 4.0*/5.0*

Overly long and spoiler-heavy trailer, don't watch it unless you need to.

]]>
Mon, 24 May 2010 13:25:08 +0200
<![CDATA[reykjavik whale watching massacre/julius kemp]]>http://www.onderhond.com/blog/personal/reykjavik-whale-watching-massacre

Oddities, I like 'em. If you're telling there's an Icelandic horror flick set on a whale watching boat coming along then my interest is sparked. Often films like these won't meet my expectations but once in a while a film comes along that dares to take it even one step further. Enter Kemp's weird little horror flick.

screen cap of Reykjavik Whale Watching Massacre

My knowledge of Icelandic films is almost non-existent. I've seen the modern classics like 101 Reykjavik and Noi Albínoi, but that's about it. What those films left me though is a clear sense of their somewhat strange, dry and morbid sense of humor. In combination with the awesome title and some great promotional artwork it sure got me excited.

Now I don't mind a good genre film as much as the next guy, but I was a little worried it would be dragged down by usual horror conventions. And to some extent, it is. Apart from the original setting and strange ensemble cast the film is a pretty straight-forward, playing like a streamlined mix of straight American slasher horror and morbid European weirdness. Think Severance and The Cottage meeting TCM on a boat in Iceland.

As for the story, a pretty strange mix of characters (quite a few nationalities present) come together for a little trip of whale watching. They all end up on a boat of former whale hunters who aren't too happy with this lovey-dovey industry prohibiting them from doing their job. I guess you can imagine what happens after that.

screen cap of Reykjavik Whale Watching Massacre

Visually RWWM is a pretty good film though nothing out of the ordinary. Kemp's movie features a pretty grim and washed out look with some nice lighting and coloring work, apart from that most of the camera work is purely functional. It's stylish and atmospheric, just not very noteworthy or having any lasting effect.

The soundtrack is a bit more in your face, especially during one of the key scenes where the main character starts singing Bjork's It's Oh So Quiet. From there on the film start to take bolder steps away from typical genre film making. It's also fun to see a reprise of that song during the end credits, mixed with some pretty harsh metal music.

One nifty side effect of having all these nationalities on board is that you get a pretty broad range of accents. It can make it a little hard to understand what everyone's saying, but I have a soft spot for that. Acting is pretty decent too, no annoying youngsters for a change, so that's all good. Hansen's (the original Leatherface) role might be a little small, but I guess he's just there as a tribute to Kemp's influences.

screen cap of Reykjavik Whale Watching Massacre

The cool thing about our whale watching cast is that none of them are actually good guys. Just about everyone's an asshole and it's not simply good vs bad, especially when the watchers start turning on the crew, and themselves. This makes it a lot more entertaining to watch and a lot harder to predict who's going to die next.

One more word of advise though. The comedic nature of the film might be hard to discard, but the jokes can be a little tough to spot at times and don't really fall in the category of 'politically correct'. If you don't appreciate the poetic justice of a fat Japanese guy harpooned down while swimming in the sea, this film might not be entirely for you.

Kemp's film starts off pretty typical, but with each scene things get stranger and more awkward. There are some awesome twists, some true expectation killers and just as many elements to break through the typical cliches. RWWM doesn't go completely overboard, but its little edge gives the film such a spin that it is convincing enough to put it way above most other genre outings. Recommended stuff. 4.0*/5.0*

Watch the trailer, but only if you must. It's a little spoiler-heavy.

]]>
Sat, 22 May 2010 11:05:20 +0200
<![CDATA[nesting links/how to make your browser vomit]]>http://www.onderhond.com/blog/work/nesting-links-how-to-make-your-browser-v

One of the few workable updates html5 has to offer right now are block level links. In short, when using html5 just about every element can be nested inside a link tag, solving the problem of linking bigger areas constructed from divs, headings and/or other block level elements. A cool new feature that is supposed to make linking a whole lot easier. At least, that's the theory.

Like all things html and css related: read about it and be happy, try it and be disappointed. While the block level link does work in simple cases, it completely screws up when things get a bit more complex. For the current redesign of my blog I had hoped to put each shortlist article inside a block level link but after the first preliminary experiments I quickly put that idea behind me. Here's why.

web design and analogies: vomit bugs

Not too long ago I stumbled upon an article describing the vomit bug, a family of bugs causing the dom to scatter in all different directions, except the one you laid out initially. From what I have read so far it's related to the packet boundary bug (nesting of block elements inside inline elements I believe?) and occurs when nesting html5 elements inside a link. Looking at the resulting doms, the name is quite aptly chosen.

The problem that I'm experiencing occurs when nesting links inside other links. This used to be somewhat pointless, but now that we have block level links there are cases where this is actually quite natural. If you take the example of my shortlist articles you'll see I have a direct link to the comments section of the article, apart from that it could be that links are present in the intro text of the article itself. I assumed that these nested links would simply work as expected, as they lie on a "higher plane". The rest of the article element should react as being the block level link.

The resuls ... dom vomit, and not only in Firefox 3.6.

doms say more than a thousand words

Rather than describe the problem, why not show it to you? The following html code was used to generate dom structures in a range of modern browsers:

<div class="page"> <a href="#block" class="block"> <div class="test"> <div class="date">2010</div> <div class="vote">5.0*/5.0*</div> <div class="link"><a href="#test">test</a></div> </div> </a> </div>

As you can see, a very simple setup with a block level link containing several other block element and one nested link. Remove the nested link and everything is fine, but leave it there and all hell breaks loose. What follows is a screenshot of doms taken with dom inspectors in Opera 10.5 (1), IE8 (2), Safari 4 (3) and Firefox 3.6 (4):

The only one showing the dom correctly is Opera 10.5, though it must be noted that when giving a background color to the block level link Opera's rendering is off. Surprisingly, the only one rendering the block level link correctly is IE6 (seriously!), though the click area still doesn't correspond with the whole block level link. In short, block level links with other links nested inside are not working yet.

Those of you who've been following my blog a little longer will know this article fits right in with my articles on inner link spacing and cross browser underlining. All of these display wildly different behavior/interpretations of simple concepts across multiple browsers.

more about read more

Apart from this nasty bug, there is one other thing that caught my eye. When using block level links it's probably best to add a title to the link describing its function, as the content is not simple text but could be a whole content type. At the same time, block level links take away the need for multiple links leading to the same page, meaning that the omni-present read more link could finally be rendered obsolete.

When I tried to remove it though, I found that you lose a lot of visible, immediately recognizable feedback on the element telling you there is actually more to read. So while the read more link isn't exactly needed anymore, a "read more" indication could still be useful after all. Maybe just on hover with a little css3 animation, but definitely something to look into.

conclusion

My conclusion isn't any different from most conclusions found in articles about new html and css techniques. Cool stuff, but it's just not working yet. For simple wrappings without html5 elements and links block level links seem to work, but when you nest another link inside it breaks down completely. Which is a shame really and I just hope it gets fixed soon. Up until that time you'll still need to use the links on the title and "read more" text or remove all links inside a block level link.

]]>
Tue, 18 May 2010 13:36:45 +0200
<![CDATA[symbol/hitoshi matsumoto]]>http://www.onderhond.com/blog/personal/symbol-review-hitoshi-matsumoto

Talk to anyone who's already had the pleasure of seeing Symbol and they will warn you it is best to go in knowing as little as possible. Which, by the way, might actually explain the lacking amount of reviews for this film, even on the web. And truth be told, reviewing Symbol really isn't a very easy task, yet Matsumoto's film deserves all the attention it can get, so here goes.

screen cap of Symbol

Matsumoto is the mastermind behind Dai-Nippinjin (Big Man Japan), a small film that made a bunch of avid fans amongst a tiny group of die-hard film lovers. It turned out to be a slap in the face for many who believed they liked their humor served dry, as Matsumoto took the concept a couple steps further and out-freaked a big portion of his target audience. With Symbol he is back to tease his fans, but does so in a more accessible way, making sure this film is less certain to alienate its audience.

Symbol is a little difficult to describe. As for name dropping, think Gen Sekiguchi (of Survive Style 5+ fame) redoing Kubrick's 2001: A Space Odyssey. If your mind can't quite handle that, no worries, Symbol is a film that simply needs to be experienced. There's a fair amount of dry humor in the form of a seemingly unrelated tale of Mexican wrestlers, but the main portion of the film is way more direct and in your face, even slapstick at times.

Matsumoto plays an unnamed character waking up in a white room. Completely empty, void of any presence whatsoever, except his own. But when taking a closer look, Matsumoto finds a little switch sticking from one of the walls. In no time there are popping up switches everywhere, each of them opening hatches and dropping seemingly random stuff inside the room. Completely baffled (can you blame the guy?), he starts to find his way out of the room.

screen cap of Symbol

Visually Symbol is striking. The scenes in Mexico are warm and gritty, greatly contrasting the extremely clean and controlled sensation coming from the white room. There's a fair share of CG which is either very functional or simply neat, always making sure it never intrudes or detracts. Matsumoto also smuggles in a couple of comic scenes and a truly explosive ending, all contributing to making this film pure visual bliss.

The soundtrack is great too, very supportive of the scenes and often quite funny in its own right. From the silly Mexican song at the start of the film to the angelic "Ah"s coming from the switches, there's always something happening to amuse the audience. Add to that the awesome track featured during the climax and some great tunes during the comic scenes, and you won't hear me complain any more about the relative bore most Japanese soundtracks are nowadays.

As for the performances, the Mexican part is acted nicely enough, but the main attraction is of course Matsumoto himself. He takes up the lead role again and does so with style. He has a range of superb expressions and great comedic timing, making sure that no gags stretch out too long and no pun is left hanging without a good visual punchline.

screen cap of Symbol

Matsumoto could be considered a self-indulgent, even narcissistic man. He plays the main role in both of his films and considering the nature of his role in Symbol you might believe he likes himself just a little too much. Which could just as well be the case, but similarly to Kitano the man knows to bring it in such a way that audiences just aren't bothered with it. He's just that good.

Even though there are plenty of solid gags tucked away, it's not so much the puns and jokes that make Symbol such a funny film, but the setting cooked up by Matsumoto. When the two story lines finally collide the pay-off is magnificent, but it's still small fry compared to the immensely impressive climax. Typically Japanese, think Otomo's Akira, but not as vague as some people have suggested. A perfect ending shedding a pleasantly different light on all that came before.

Symbol is a rare film. Ultimately creative, laugh out loud funny and leaving you in a slightly bedazzled trance. Matsumoto's sophomore film is even better than Dai-Nipponjin, ranking it safely among my all-time favorites. And that's all I'm going to say about it. If you're into strange Japanese comedies, put this on your number 1 spot. If you're not all that familiar with them, make sure you don't miss the chance to see this one if it happens to come your way. Absolutely recommended. 5.0*/5.0*

If you still feel the need to spoil yourself, check the trailer.

]]>
Mon, 17 May 2010 11:16:57 +0200
<![CDATA[blood/ten shimoyama]]>http://www.onderhond.com/blog/personal/blood-review-ten-shimoyama

Vampires are the new zombies, even in Japan. And so we're starting to see a surge of Japanese live action vampire flicks. The latest to join the hype is Ten Shimoyama. His films often go by largely unnoticed, but when I stumbled upon the trailer of Blood by accident I was immediately hooked. The final result turned out to be just as pleasing.

screen cap of Blood

I could say I'm a fan of Shimoyama's films, but the truth is that even though I appreciate his work a great deal, his name fails to stick in my consciousness. Shinobi, St. John's Wort and his segment in the anthology film About Love are all good stuff, so maybe it's time to finally pay some extra attention when I see his name fly by.

Even though Shimoyama's move to the Vampire genre isn't very original, Blood isn't exactly what you'd call a typical vampire film. It takes some elements from the popular myth but goes its own way to construct a new story from the various bits and pieces. Of course there's blood sucking and slavery involved, yet the center of the film harbors a twisted story of love and romance far removed from the typical vampire setting.

Things get rolling when Hoshino is sent to investigate an unsolved murder before the case is shelved for good. He stumbles upon a lady vampire and gets hopelessly entangled in a feud between her and her former slave/lover. Things go from bad to worse before revealing the twisted nature of the whole setup. And while the story isn't much by itself, it presents a nice twist on the whole vampire sub genre.

screen cap of Blood

Visually there is plenty to be happy about. Shimoyama is superb when it comes to color manipulation, which he immediately shows off in the first couple of scenes. The camera work is well guided and controlled, the action sequences impressive and well-directed. Though having watched a lot of Hong-Kong work recently, it can't hold up to what they are producing over there nowadays.

The score is nice enough and holds a good atmosphere, but again it fails to be truly special or engaging. Pretty standard horror fair compared to some of the better offerings in the genre. The performances are pretty divided too. The male cast is decent enough, but Aya Sugimoto does ruin it a little for the others. Her presence is a little annoying and her acting too theatrical.

screen cap of Blood

The only real downside is Shimoyama's somewhat implausible attempts to sneak some soft erotica in there. These few scenes feel completely out of place and detract from the rest of the film, almost giving it a somewhat unnecessary sleazy after-taste.

Blood is a pretty interesting snack, coming from a director who's building an impressive resume for himself. Maybe he needs a real killer to grab everyone's attention, but if he continues to make films like these, I'll be happy to keep track of him.

Visually luscious, a cool take on the vampire genre and some nifty set pieces are more than enough for Blood to fly through its economic running time. The film is not without faults, but Shimoyama knows to cover them up pretty well. 4.0*/5.0*

Located the unsubbed trailer, take the bait.

]]>
Fri, 14 May 2010 19:51:10 +0200
<![CDATA[redesign 2010/like watching grass grow]]>http://www.onderhond.com/blog/onderhond/redesign-2010

I've been running this blog for a good 2.5 years now. It served me well and I love it to bits, but in all honesty it could us a fresh lick of paint. So a couple weeks ago I started to experiment, trying to come up with a design that would still feel very much like Onderhond, but at the same time could manage to break free of the style I've been using ever since I started this blog. Here's what I've come up with.

welcome css3

I'm not a designer, by far. Give me a white PhotoShop sheet and rushes of cold sweat are inevitable. The original design was created by a friend of mine but I felt it was time to try and stand on my own two feet. Rather than start up my graphical software, I turned to css3. Something I can at least understand.

At the same time, it proved a good exercise to get to know the flaws and limitations of css3. The (somewhat final) result is a design that's maybe a bit heavy on typical css3 graphical features, but still came out pretty much okay for a non-designer blogging for a more technical-oriented audience. Truth be told, I also got some professional advise and feedback along the way which was extremely helpful.

time-lapse iterative redesign!

Along the way I was pointed to one of the articles I wrote some time ago on iterative design. It gave me an opening to make the whole redesign process a little easier to handle. The idea is to take a month or two for implementing the redesign. Live. On the blog. No test development server needed.

The design will be implemented little by little, one component at a time. I'm sure at some point this will clash with the current design I have, but that's not too big a deal. The orange warning message you see on top will cover that and will lead people to this article if they want to know more about the strange things they might be seeing. At the same time, I like the transparency of the redesign process it creates and it gives me immediate results rather than working against deadlines I'm not going to make anyway.

exciting times

So I hope you guys bear with me for a while. I'll try not to screw things up (too badly) while doing my redesign work and I'll try to keep the overall design at least decent, even when the visual design of components might clash from time to time. I also hope to rework some things under the hood (read: get some more html5 in there), which should be mostly invisible to you all.

The first updates should hopefully be visible later this week.

]]>
Mon, 10 May 2010 13:35:04 +0200
<![CDATA[steve, get out of my browser/ex if!]]>http://www.onderhond.com/blog/work/image-orientation-on-iphone-os

Standards. The past 10 years on the web have been dictated by standards. Mark-up, styling, javascript, accessibility, ... they all evolved from loosely governed languages and rule sets to strictly monitored constructions. A good thing, don't get me wrong. But what to do when standards start contradicting each other. When one standard tells you to do one thing and another standard tells you to do the exact opposite? Take out your iPhones and iPads and follow me for a little ride.

45 seconds of iPad pleasure

A few weeks ago I had the pleasure of toying around with the iPad. I let the iPhone pass by because phones and teeny tiny screens really aren't my kind of thing, but I was rather curious to see the iPad work its magic. When checking my site everything looked okay-ish (save some graphical glitches in the main menu and some other minor quirks), but when I arrived on my gallery section I ran into some less pleasant surprises.

Apparently some of the pictures in my gallery were shown in landscape mode rather than the expected portrait mode and visa versa. A very strange effect that didn't seem to have any immediate html/css cause. I took it as an exciting (yet annoying) mystery that demanded an explanation and set out to solve it. Time for some serious digging.

onderhond holmes and the mystery of exif data

Looking at the affected images (a clear minority) it started to dawn on me that these were all images I edited in my photo editing program of choice (Paint.Net - free and loads quickly). The images affected were all photos that had been rotated in some way or another, either because my camera had failed to give them the correct orientation or because I simply thought they looked better this way.

It took me a couple of search queries and some live human consultancy before the magic word dropped. EXIF. A photo standard that stores a series of properties related to the photo, ranging from size to focal length and camera model. Apparently, one of the properties it stores is orientation. When a photo is rotated manually this property should be adapted by the software that is used to rotate it, but not all software is properly equipped to do this.

steve says exif owns browsers

The orientation property is extremely useful, especially when considering the tilting/spinning behavior of the iPhone and iPad. Using the orientation data, the OS can easily determine how to show a picture. The question is, how far are you willing to take this OS intervention.

Looking at my gallery, browser and EXIF are contradicting each other. As a web developer I'm assuming that the browser's rendering engine will place my image according to its dimensions, but the iPhone/iPad OS intervenes and decides to rotate the photos according to the EXIF specs, effectively ruining my design and blocking some part of the content on the page.

i say: get out of my browser steve

While I understand the process behind the bug, I'm not at all content with the OS deciding to rotate an image I've placed in my html. I'm sure it's handy when viewing photos in the OS itself, but I don't see any benefit tweaking people's websites with the danger of ruining the layout. It's not because the standardized data is available that you should immediately act on it in all possible circumstances.

I could start looking for a different image editor or start adapting the EXIF data manually, but that sounds like complete overkill for a decision that should've turned out the other way in the first place. So please Apple, keep your hands off my images when I place them in my html. I'm a web developer, I know best. I rule my html, my css and my design. Please don't intervene please and leave things as I intended them.

]]>
Wed, 05 May 2010 16:44:34 +0200
<![CDATA[kanikosen/hiroyuki tanaka]]>http://www.onderhond.com/blog/personal/kanikosen-review-hiroyuki-tanaka

A new Hiroyuki Tanaka film, rejoice! He used to operate on a pretty regular schedule, sadly his last film dates almost 5 years back. By the time I'd finally caught up with his films, it seemed he quit making them. Kanikosen is a welcome come-back for Tanaka and even though it's a little different from his other output, it turned out to be a very enjoyable film indeed.

screen cap of Kanikosen

Tanaka (better known as Sabu) is without a doubt one of my favorite directors. I consider The Blessing Bell a true masterpiece, with Monday and Postman Blues only further proof of his enormous talent. His films are notoriously hard to find on DVD (English subbed that is, they seem to appreciate Tanaka in Germany a great deal more), which is quite strange considering how well-received his films are on festivals.

With Kanikosen (or The Crab Cannery Ship), Tanaka reunites his love for transportation (a boat this time around) with a fresh angle. The film is based on an old activist novel which gained renewed fame in Japan after a 100 year sleep. Tanaka's adaptation was preceded by Takiji Kobayashi who made his version a good 50 years ago, sadly I have neither read or seen any of the original works, so if you want comparisons between those and Tanaka's version I'll gladly redirect you to the Midnight Eye review. They do a much better job at those kind of things than I could ever do anyway.

It's activist background makes that Kanikosen is a film suited for big essays and deep-digging reviews. The revolution of the working class (almost slaves) against the rich exploiters is nothing new though and doesn't deserve all that much attention as the setup would make you believe. The story of slave workers rebelling against their employers is hardly new, the critique on the slavish Japanese mindset a popular theme for Japanese directors to work with.

screen cap of Kanikosen

From the first scene, it's obvious that Tanaka has made a couple of visual strides forward. Where his films used to rely on nifty editing, long shots and strong camera shots, it's the first time I see it combined with excellent use of color and setting. Almost every frame is visually impressive, which is quite a feat considering the minimal settings and tiny sets he had to work with. I think his choice to put a lot of money into a limited amount of things paid off in the end though. The film's a true bliss to behold.

The soundtrack is atmospheric but somewhat basic. Something which seems prominent in modern Japanese cinema. The music is often complementary and well-used, but hardly ever stands on its own to feet or knows to add some extra layers. It would be nice to see Japanese directors take some chances again. Acting on the other hand is universally excellent.

The whole crew does a great job, though it's Ryuhei Matsuda that deserves the most credit as head rebel of the workers. With the sudden disappearance of Tadanobu Asano and the all-over-the-place resume of Joe Odagiri, Matsuda is Japan's greatest in-house talent to roam Japanese cinema. His choice of films is almost infallible, his performances always strong and gripping.

screen cap of Kanikosen

Even though the drama in the film is pretty overpowering, Tanaka leaves enough room for comedy. From the morbid mass suicide attempt in the beginning to the silly poverty dream sequences and the crazy Russian party, there are plenty of moments to let all the seriousness slip away. Tanake does make sure though that these comedic interludes never harm the core believes of his film.

The only thing I'm missing from his latest output is his ability to let his films run its own course. Kanikosen is driven by its storyline which makes it impossible to let the film drift away on minor details and side stories. I always appreciate it when a film doesn't hold to closely to the point its trying to make, but rather takes a natural course with whatever it finds on its way. Films like Drive and Monday are perfect examples of this way of film making. On the other hand, Kanikosen really isn't suited for this style anyway and it would've felt wrong to force it into this particular frame.

Kanikosen is a solid come-back for Tanaka. Visually impressive, boasting a superb setting and a strong cast. Thematically it's a little past its expiration date maybe, but Tanaka makes sure there's plenty of bits left to enjoy next to all the moral meanderings. I can only hope he has recaptured his strength to make another couple of films as I always enjoy looking forward to his films. 4.0*/5.0*

Interested? See the unsubbed trailer.

]]>
Mon, 03 May 2010 13:30:25 +0200
<![CDATA[the battling angel/ryo nishimura]]>http://www.onderhond.com/blog/personal/the-battling-angel-review-ryo-nishimura

Hello there, little unknown gem of a movie. Where you came from, I don't know. Why nobody has ever noticed you, no idea. But you were a very pleasant surprise indeed, so please invite some of your friend next time you come around. Nishimura's Battling Angel seems to be largely ignored by the world, time to change that.

screen cap of The Battling Angel

The Battling Angel is Nishimura's first film. He directed one more film (Waters) after this and has some special effects credits to his name, but that's about it. Information on him is scarce, any info on his films even more difficult to find. After watching Battling Angel I can understand why he lacks a vast audience, but his work is perfect genre fan material that simply deserves a wider audience.

The film is based on a novel but looks as if it originated from a manga. Especially from a storyline point of view Nishimura has some tough hurdles to take. In essence a police techno-thriller, the film makes a couple of strange jumps to keep its story going. If you want a streamlined and well-considered plot this might not be your thing, but luckily the film has plenty of alternative appeal.

The story is based around a young female cop and her partner. The two form a pretty good team and even engage romantically, but before it becomes anything more a rather serious case drifts the two apart. Up until that point it's a pretty basic police affair film, but then brains gets swapped, mysteries are revealed, past are brought back and twists follow each other in rapid succession. Not the most subtle film, but still pretty interesting if you dare to take it at face value.

screen cap of The Battling Angel

The story might not be perfect but the film has enough expertise to survive on visual flair alone. Every frame is shot with precision, color handling is extremely pleasant and very atmospheric. From time to time the film even manages to rise above itself and displays some pure visual mastery. There's no fall-back, no weak moments, just 'impressive' and 'even more impressive'.

The soundtrack operates on a similar level but stays a bit more in the background. It's atmospheric, well-timed and never too intruding, adding to the general darkness of the film. Acting could've been better but it suffices. While both leads (Osawa and Sada) do a pretty good job, the secondary characters don't always manage to act on the same level. It's nothing too serious, though I'm some scenes would've turned out just a little better if Nishimura would've had better actors to work with.

screen cap of The Battling Angel

As the film progresses the credibility keeps dropping little by little. If you can't appreciate its style, you'll probably start to hate it with a vengeance. Its two hour running time isn't exactly helping either, especially since the last 30 minutes consist of a simple succession of plot twists. I didn't mind much, the source material is cool/nerdy enough to warrant the extra minutes, the visual style more than pleasing enough to sooth the nerves.

The Battling Angel is a movie with obvious shortcomings, but offers plenty in return to direct your mind away from them. Whether you can solely depends on what you expect from it. For me, it's a neat little rush, oozing style and delivering all that it needs to. Others will loath the film, but that's not bad either. It's always better than seeing it die a lonely death, so go out and try it for yourselves. 4.0*/5.0*

Beware spoilers, if you don't mind check out the unsubbed trailer.

]]>
Thu, 29 Apr 2010 13:31:35 +0200
<![CDATA[why css3 is worse than ie6 debugging/headaches (again)]]>http://www.onderhond.com/blog/work/why-css3-is-worse-than-ie6-debugging

I remember them. The days when css2.1 was pretty much all there was to css. css3 was a faraway dream, a promised land full of easy coding and free afternoons and IE6 was the devil, making our job a living hell with all its buggy quirks and lack of standards. How naive we all were back then huh.

code explosion

css3 was never really made for shortening our css code, but rather with the idea that it would deliver a more flexible experience. A background color gradient used to be only achievable through the use of a background image, meaning that if the gradient needed tweaking you had to keep recutting the image over and over again. By moving this graphical effect to css it would be possible to simply define the needed colors and let the browser do all the drawing. Sounds good, right?

Now I know we are into some kind of intermediary phase, but ever since both webkit and Firefox started proprietary support for the gradient property it has made my css life completely miserable. As a front-end developer with a passion for getting to know latest techniques and methodologies I'm eager to start using the css3 way (you know, live and learn), but it's damn time and byte consuming to get things working across a range of browser. For a pretty simple fade I had to create yesterday, I came up with the following piece of code:

/* how it used to be */ background:url("...") left top repeat-y; /* using automated gradients */ background:#FEF3D1; background:-moz-linear-gradient(top, #FFF1CC, #FDF5D5); background:-webkit-gradient(linear,0 0,100% 0,from(#FFF1CC),to(#FDF5D5)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFF1CC, endColorstr=#FDF5D5)"; filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFF1CC, endColorstr=#FDF5D5);

This makes the fade available in FF 3.6+, Safari/Chrome and IE5.5+. Opera users and IE users without filter support simply see the fall-back color. In contrast, using an image makes it available in every single browser version out there without any issues.

The problem is not so much that the css3 syntax is a little longer but that it looks like a block of css which could style half a site. And that only for one fade.

support doesn't equal quality

An image is an image. Apart from some color profile nonsense, it shows up the way it was made, consistently across all browsers. This is not true for css3 effects. It's not because a browser supports a certain css3 property that it knows how to render it properly. Firefox gradients are of sufficiently lower quality than those in other browsers. Especially light fades over large areas are known to create ugly stripes.

These artifacts are dependent on the conditions when viewing the gradient (screen settings and such), but on my home screen the difference between Safari and Firefox gradients is really striking. And this is just one example of course, I'm sure differences in rendering quality will keep popping up in the future. Gaps in quality you won't have when working with images.

One other area where css3 is seriously failing is animation. While it's neat that you can define (non-functional) animations in css, I still haven't seen one implementation that runs smoothly. And I mean smooth, not hey, for a browser this is kinda okayish. Replacing Flash with open standards is fine by me, but as long as the same level of quality can't be guaranteed I'd rather watch Flash animations to be honest. css3 animation is definitely nerdy cool, but quality-wise it's utter crap.

support doesn't mean full support

Still, all the above didn't put me off enough to stop css3 gradient experimentation. I started a new project today and pretty much the first thing I had to do was define a background gradient for my site. Not a full gradient mind, a pretty big harsh fade 3px high, which led to a slight fade of about 500px high.

It took me less than a minute to work it out in Firefox and about an hour to find out there was no (easy ?) way to accomplish it with the -webkit syntax. Apparently you can set stop-points, but only in relative measures. Why, I don't know (documentation is rather lacking on the webkit site), but the outcome is pretty obvious. No css3 gradients for me. Sigh.

conclusion

The bottom line is simple. The theory behind css3 is awesome, but practical use is something entirely different. I hope this intermediary fase won't last too long and that it won't create a similar backlog of compatibility issues the way IE6 did. Public availability on pre-standards are what causing all this at the moment, so I would really advise browsers to keep their proprietary css locked away in development versions, but I'm afraid they're not really going to listen.

It's not the first time I'm complaining about this, but theoretical complaints seem to be materializing rather rapidly these past couple of months. As it stands now, I find it easier to debug sites for IE6 (with the help of the IE6 CSS Fixer) than it is to get css3 working nicely across a range of browsers and browser versions. It's a somewhat sobering thought in sharp contrast with our past dreams, but it's a reality nonetheless.

]]>
Wed, 28 Apr 2010 13:36:28 +0200
<![CDATA[true legend/woo-ping yuen]]>http://www.onderhond.com/blog/personal/true-legend-review-woo-ping-yuen

If you still don't believe Hong Kong has revived its glorious early 90s cinema, Woo-ping Yuen is here to deal the final blow to any remaining doubts. Lee's 14 Blades and Ng's Tracing Shadows only served as preludes to Yuen's True Legend, a film that lets you forget 15 years of cinematic progress and transports you right back in time.

screen cap of True Legend

Maybe you don't recognize the name of Woo-ping Yuen, but chances are you've come across his work at some point. His efforts as action choreographer on The Matrix granted him world-wide recognition, though fans of Hong Kong cinema didn't need the Wachowskis to get acquainted with his work. Yuen is Hong Kong's most famous and lauded action choreographer and responsible for some of the most amazing martial arts sequences ever seen on screen. His latest directorial feature length effort dates 14 years back, making this a pretty remarkable comeback.

Stylistically not much has changed for Yuen. Even though True Legend shows updated techniques, visual effects and sound design, the core of his film feels extremely familiar. From the settings, the action choreographies to the dramatic complications, fans of the genre will feel right at home. Only the split in different acts hints at a more modern approach.

The film is staged in three parts. A short intro, the main act and a rather lengthy outro. All three segments show a different phase of our hero's life, creating a somewhat disjointed feel as both intro and outro could've been left out for the sake of the storyline. On the other hand, they result in a broader and more appealing view of our hero which is somewhat novel for a martial arts flick. But whatever its impact on the story, both segments provide some awesome fight scenes, so who cares really.

screen cap of True Legend

Yuen hasn't lost much of his visual flair. Expect lots of wire-fu antics, smart and tactical camera work and bold, expressive camera angles. It's clear though that Yuen doesn't need as many cuts as before to make the fights flow well, giving his film a more fluent feel. CG can be a little intruding at times which is a shame. Luckily this is mostly during in-between scenes so they never get the chance to screw up any major fight sequences. The intro and outro animations on the other hand are stylish and pretty atmospheric.

Sound design is one of the fields where these revival films clearly improve on their ancestors. The musical score features some classical Chinese music which is nice and fitting but hardly remarkable. It's the sound effects during fights that have a way bigger impact than before, making the fights all that more engaging. Acting is pretty solid too, with Chiu putting on a pretty impressive martial arts show and Zhou taking care of the more dramatic moments. Her talent is a little wasted on films like these, nonetheless it's quality work.

screen cap of True Legend

The only thing I'm missing here is some comedic interludes. Even though the fight sequences are usually the high points of films like this, I've always had a soft spot for these everyday martial arts scenes (like cleaning a room or hanging the wash). They seem remarkably absent in favor of more dramatic resonance. Not really my preferred choice as it can get a little too serious while all the wire-fu action doesn't really invite this grave atmosphere.

That said, the martial arts fun is simply too big to ignore or to be spoiled by little qualms. Yuen still has plenty of adrenaline-inducing magic left to fill a film with superb action scenes. From the mass action scene at the start to the drunken antics at the end, martial arts fans will find lots to enjoy here. With True Legend Yuen proves he has plenty of creativity left to make a couple more of these films, and I won't be the one stopping him.

The 3-way story split might be a bit of a gamble, but looking back I actually enjoyed the extra depth it brought to the film. It's not much, but it makes True Legend a little more than a simple rehash of the old days. Comparing it to 14 Blades, True Legend is a little less impressive and not as big an upgrade, but apart from that it's an extremely entertaining martial arts film. Yuen fans rejoice. 4.0*/5.0*

Check the trailer, no subtitles needed.

]]>
Tue, 27 Apr 2010 12:05:16 +0200
<![CDATA[extended semantics/crawl-before-you-fly]]>http://www.onderhond.com/blog/work/extended-semantics-simple-is-better

When I talk about html I usually try to stress its structural function, as it is so often forgotten or ignored. Today though, I'm ready to do some fussing about semantics, in particular why its promise still doesn't deliver half as much as it could (and should). Let's face it, we're not just putting so much time in writing structurally and semantically valuable html only because screenreader users could benefit from it.

google sucks

One of my main internet frustrations of the past couple of years is the lack of progression in the search engine field. With an insanely high market penetration of around 85% Google is industry leader, but their search engine hasn't really evolved all that much. The internet has though, it's been growing ever since it was conceived, making it more difficult to find valuable sources of information with each passing day. I simply spend too much time wading through irrelevant and outdated sites.

In my opinion Google currently lacks two very important elements. First of all there is the date factor. Older articles have had more time to build a strong link base and will often rank higher than more recent articles, increasing the danger of receiving outdated information. A publish date filter is nonexistent, at least to my knowledge. But more importantly (and relevant to this article), Google's search engine lacks solid recognition of content types. When I look for film reviews, I want to receive a list of actual reviews, not pages with the word review on (usually grayed out because none have been submitted yet). And that's our where semantics would come in handy.

we all wish to fly

Obviously I'm not the first one to think of this. Several steps have been taken in the past to extend the semantic power of our html code. Currently there are two (common) methodologies that try to accomplish this: Microformats and html5 microdata. Then there's RDF, but I'm going to leave that out of the discussion now.

Microformats extend html semantics through the use of standardized (not necessarily semantic) class names. The most popular Microformat is the hCard which holds the data of a person or company (name, address, contact data, ...). There are a couple of other formats defined too but they are mostly ignored by the web (though Google does parse some of them). The adoption rate of Microformats is depressingly slim, yet as a developer I can't say I'm all that surprised. Syntax is often fuzzy, unclear and downright impractical.

Then there's html5 (yay, hype!) microdata. You can read the spec yourself, but currently it's still a working draft with hopefully a lot of drafting left to be done. Through the use of four (4!) properties (itescope, itemtype, itemid, itemprop) you are able to add extra semantics to your html. Two main problems exist here. First of all, it all sound overly complex for what it's supposed to do. On top of that, most values for the itemprop seem to correspond with the class names you'd normally put on there, which you still need for styling. So it sounds an awful lot like double effort to me.

processability vs findability

The problem as I see it is that we're overreaching here. Of course it would be awesome to automatically and fully process content types on the web. Google is trying to do just that with Google Squared (thanks to Mathias for the heads-up), but I would me more than happy if it would just find my damn search queries.

The complexity of Microformats and microdata lies in trying to provide a full standardized description of a content type, while most people would be happy with the raw data itself. I don't need a full matrix of data comparisons when looking to buy a dvd, I would be thrilled enough if Google could direct me to valid product pages only. Attempts to process everything at once are holding back technological advancements. We're waiting for full-fletched definitions of content types while basic recognition would simply suffice for now.

conclusion

Rather than define a complex model for content types, why not start with defining a simple, standardized and semantic base identifier. For most content types these identifiers would hardly need discussing. Use "event" for events, use "product" for products, use "review" for reviews. Prefix them (maybe), but stop there and try to make that work for a start. After that, there will be plenty of time to try and process all the data within.

In my opinion, classes should suffice for this. Design and meaning are actually linked closely enough to warrant the use of class names. I'm really a big fan of the Microformat ideology, I just think it's overcomplicated and over-descriptive at the moment. Which is a shame, because bad search results are actively ruining my internet experience every single day.

]]>
Wed, 21 Apr 2010 12:59:19 +0200
<![CDATA[14 blades/daniel lee]]>http://www.onderhond.com/blog/personal/14-blades-review-daniel-lee

Remember the HK martial arts films from the early 90s? Well, they're back. The first time I picked up some really obvious signs was when watching Tracing Shadows, but with 14 Blades I think the verdict is definitive. The year 1993 is here again and has returned with a vengeance.

screen cap of 14 Blades

For me personally, '93 is the glory year of Hong Kong martial arts cinema. Titles as Iron Monkey, Green Snake, Fong Sai-Yuk and Tai-Chi Master all belong to my absolute favorites in the genre. 14 Blades revives plenty of that former glory, mixing it with more recent period piece styling. Watching 14 Blades, it's easy to recognize influences from Lee's previous film Three Kingdoms just as much as from the classics.

14 Blades also reinforces (once again) the comeback of Donnie Yen. It's funny how he slipped from the scene just when it started to collapse down on itself, only to return when the HK industry was starting to pick up its pieces. This last year has been a blast for Yen, with major roles in Ip Man, Bodyguards and Assassins and now 14 Blades, each film displaying another aspect of his action hero talents.

The story behind 14 Blades is a pretty simple one. Yen is the leader of an elite group of government agents. He is framed during one of his missions and barely manages to escape. He sets out again to finish his mission and to uncover the conspiracy against him. Most of the storytelling is done during the first half of the film, after that there is little time for such silly stories, as the action and acrobatics take center stage.

screen cap of 14 Blades

Visually 14 Blades is a true marvel. Using modern camera techniques and smart yet modest use of computer power, Lee recreates the appeal of the 90s HK movies. This means lots of monochrome shots, agile and creative camera work during the actions scenes and a good dose of smoke to make it all the more mysterious. Classic settings like desert towns, inns and forests all pass the screen, making fans feel right at home.

The soundtrack is pretty unremarkable though. Usually not a big asset in these type of films anyway, so it's not really a big issue. It doesn't irritate, which is just about all I expect from it. Sound effects on the other hand feel stronger and carry a lot of punch, making the fights that more powerful. Acting is pretty solid too, with Yen as an impressive stoic force and Zhao being her typical self.

screen cap of 14 Blades

The second part of the film is mostly spent on action scenes and some quick plot progression. Which is a good thing really, as the main story leaves little room for much elaboration and the action choreography was just too good to let it go to waste. The build-up towards the final fight is pretty much perfect, with some solid and quick matches between several side characters and the main villain, a snake-like woman displaying incredible fighting powers. The finale doesn't disappoint either, delivering a truly epic battle which is already a classic if you ask me.

It's good to see this kind of fast-paced martial arts cinema being revived. I didn't mind the more gracious kind of the past 10 years either, but it did lack some of the more macho elements of fighting action. Yen is perfect in his role, the choreography is splendid and creative. Add some neat visuals and the results is a perfect update of the martial arts genre, making me look forward to the next film of this caliber. 4.5*/5.0*

Check the trailer to preview some of the goods.

]]>
Mon, 19 Apr 2010 13:08:16 +0200
<![CDATA[instant numa/satoshi miki]]>http://www.onderhond.com/blog/personal/instant-numa-review-satoshi-miki

Instant Numa is already the fourth Miki film I see in a rather short period of time. His latest film bears all of the regular Miki treats, yet succeeds in delivering another original and creative story. Miki fans will rejoice at the random oddness, newcomers can get a good taste of Miki's earlier work before they start backtracking through his oeuvre.

screen cap of Instant Numa

I quite simply love Satoshi Miki. He must be one of the most stable directors I've come across so far. Even though each film has its very own feel, Miki's unique style links them all and lifts them to a very stable level of loveliness. I can safely sit down for one of his film, knowing that what follows won't be a disappointment and will leave me with a rather warm glow inside. Previously I wrote reviews for Turtles Are Surprisingly Fast Swimmers and Adrift in Tokyo, now it's time to put Instant Numa in the spotlights.

The film revolves around Haname, a somewhat aimless woman who has considerable trouble finding her place in Japanese society. She has no luck in romance, no luck at work and has some trouble coping with her somewhat dreamy mother. Things take a very strange turn when her mother goes Kappa hunting one day and nearly drowns. Together with her body an old letterbox is pulled to the surface, uncovering a letter revealing the identity of Haname's real dad.

If this all sounds a little loose and incoherent, it is. Every 15 minutes seem dedicated to another little storyline, some unrelated, others key to advancing towards the finale of the film. It's not until the final 20 minutes that you'll have any idea what the title of the film is all about, nor have a clue about the key importance of some very minor details. Coherent storytelling has never been Miki's strong point, luckily he knows how to make up for that in so many other ways.

screen cap of Instant Numa

Visually Instant Numa is a pleasant film. Miki doesn't have an overpowering visual style, but through some quirky editing and cool camera angles he knows to create a very nice feel for Haname's world. There are a couple of scenes that jump out and deliver more than simply solid visuals, but they are quite rare and don't create an unfitting contrast with the rest of the film.

The soundtrack has that same joyous quality, where it knows to deliver without actually being too much in your face. Looking back all I can say that Instant Numa had some pleasant tunes, but none of them are particularly memorable or catchy. Acting is overall strong, with a superb performance of Aso as Haname and a great supporting cast. The acting is pretty understated, which goes very well with Miki's usual style.

screen cap of Instant Numa

The ending is odd, even more so than the rest of the film. The titular revelation is hilarious, what follows is pretty interesting too. It reminded me a lot of the Taste Of Tea ending, sporting a comparable setup and feeling like a true climax. I won't spoil too much, but even though it might be somewhat unrelated to everything that came before, it's definitely worth sitting through the movie.

The first half hour of the film feels just a little less strong than usually the case. Miki's humor is a little simpler and direct, featuring some bad breath jokes I don't really need to see again. From then on, he falls back to his regular weirdness and dry, absurd comedy. It all leads up to a rewarding ending, leaving you with a fuzzy feeling and a sense of chill bliss. Recommended, like all of his other films I've seen so far. 4.0*/5.0*

And of course there's the trailer if you like to spoil yourselves.

]]>
Mon, 12 Apr 2010 12:28:22 +0200
<![CDATA[ie6 css fixer v0.8/adding inline-block support]]>http://www.onderhond.com/blog/work/ie6-css-fixer-0.8

It's been a while since we released version 0.7 of the IE6 CSS Fixer, just know that we haven't abandoned further development of our tool. To prove our dedication to the mental health of all front-enders out there, we even updated the tool with a nifty new feature and some general improvements. Brace yourself for inline-block support!

inline-block

The following fix has been suggested by a couple of people before (thank you!), but somehow we always seemed to lack the time to really dig into it. It seems that for a while now there has been a pretty valid workaround for ie6 and ie7, enabling the inline-block behavior on elements. Some testing revealed that the fix isn't perfect (still some issues left with vertical alignment it seems), but in most cases it works just fine.

I won't be going into full detail about the specifics of the inline-block display value, you can read up on that in yesterday's article on floats vs inline-block, but it's an invaluable asset to solve certain longstanding design/css issues. The problem with inline-block is that is had poor support in older browser versions. Both ie6 and ie7 have partial support (it works on native inline element - meaning you can't use it on divs or lis, rendering it somewhat useless), FF2 had -moz specific support.

ul li {display:inline; zoom:1;}

That's all there is to it really. Use display:inline and add a zoom:1 for block properties support. A pretty logical fix if you think about it, but this gives us basic inline-block support in ie6 and ie7. An additional advantage is that you can now decrease the use of unnecessary floats, eliminating the need for fixing certain overflow:hidden declarations and floats in general. On top of that, the "add zoom to backgrounds" option becomes less harmful as it behaves flawlessly inside inline-block elements (while in floats it pushes the element to 100% width).

On top of that, version 0.8 has some additional performance fixes and better png detection. The 0.7 version was a little flawed when using different syntaxes for background image declarations. So that should make it easier to get all pngs fixed.

test it yourself

So that's all for the 0.8 release of the IE6 CSS Fixer. For thoughts, comments or suggestions you can always contact us. Let us know what you are still missing!

Check out v0.8 of the IE6 CSS Fixer.

]]>
Thu, 08 Apr 2010 12:37:02 +0200
<![CDATA[inline-block vs float/thinking horizontal]]>http://www.onderhond.com/blog/work/inline-block-vs-float

With display:inline-block finally ready for everyday use across the most popular browsers (in all honesty, it has been for a while now), I quickly hit a pretty big dilemma. When comparing inline-block to floats, it wasn't immediately clear what the exact differences were and what method to prefer. I looked online but couldn't find a source listing the difference between the two. Guess that's a good reason for keeping a blog then.

Note that inline-block still needs fixes in IE6 and IE7 (more about that later this week) and isn't supported in FireFox versions prior to FF3. There is a -moz fix if you still want to support these browsers though. Apart from those (easy to fix) issues, you can play around with it all you like.

looking alike

At first sight inline-block and float (left) look incredibly alike, and in a fair few situations both statements can be used to accomplish the same visual effect. Both statements are used to create a horizontal flow rather than the standard vertical flow. A popular design element for navigation, image lists, product lists and a whole range of other commonly used web patterns. That's where the confusion started for me, as randomly choosing a method isn't really my kind of thing.

The inline-block value was created to give an element two different faces. Its parent will treat it as an inline element, with all the typical inline properties. But the element itself considers itself a block element, meaning it can have widths, heights, paddings, margins and all other popular properties of block elements.

Finding the differences

As much as they seem to have in common, once you start looking at the finer points it becomes clear that both methods can be used to different effect and both have their own set of use cases. Below is a list of the most visible and useful differences, allowing you to make a weighted decision when confronted with the choice.

1. horizontal positioning

Horizontal positioning is probably the most important difference, or at least the one I needed the most. Parents can position inline-block children using the text-align property. This means you can actually center a block-property container without knowing its horizontal dimensions. A typical example is that of pagination that needs to be centered, no matter how many pages are displayed. This was pretty much impossible if you wanted to apply fancy styling (not just some text links). Another thing you can do is align all children in normal source order to the right of the container, previously impossible for more complex elements (unless you added a couple of extra floats + wrapper).

Floats can't be centered, let alone be controlled by their parent. Left-floated elements do behave pretty much like normal inline-block elements, but right-floated elements will change order. The first element will be at the far right, the second element will hug the left side of the first element, etc etc. This can be useful behavior, but it's not always wanted. A clearer advantage of floats is that you can float children in separate directions without directly influencing any of its peers. In our pagination example, the 'previous' link can be floated to the far left, the 'next' link can be floated to the far right, while leaving the number navigation centered. You can't do that with inline-block elements.

2. to flow or not to flow

Inline-block elements aren't taken out of the flow. This means that you won't need any clearing nonsense on the parent. No clearfix class, no abuse of overflow:hidden or any other ugly trick to make the parent semi-aware of its children. Quite lovely indeed.

Floats are taken out of the document flow. Even though this has caused us a lot of trouble, it is there for a very simple reason, allowing us to float text around an image (the original intent of the float). Related to this is the ability to clear floats. You can force elements to the next visual line, something which can't be done when using inline-block elements. One thing I thought of was using the ::after pseudo-element in combination with a line feed to force the following elements down, but no luck so far. Haven't been able to get anything in the content property that doesn't come out as simple text.

ul li:nth-child(3n)::after {content:"--fake enter--";}

3. the baseline

Inline-block elements are positioned against the baseline of the text. This means you have way more vertical control. Additionally, when an element breaks to the next line it will never "hang" behind any of the previous elements but will always start at the left-most side of its parent. In some cases this will remove the need of a "row wrapper". It's interesting behavior which has some unforeseen advantages, but more about that in one of the following articles.

Floats will always align at the top, but can be made to hang behind a previous float. When a list of floats reaches the right side or the parent, the next element will either hit the left-most side or the right side of a previous float sticking out at the bottom. Once again, this can be useful in some particular cases, so it really depends on the situation what you would be using.

4. white-space

The biggest down-side of inline-block elements is that they take into account html white-space just like other inline elements do. I still haven't found a good way to eliminate this yet through css, of course you can always use the old html trick to do this, but clean it ain't. Floats don't have this problem at all, which could be a strong factor in choosing which method to apply.

conclusion

Seeing all the differences, there are quite a few differences than can help you decide what method to use in a particular case. If you want control over alignment, inline-block is usually the best option, but if you want more control over individual elements then floats are still preferred.

Then there will still be situations where both methods will yield the same result. For now I guess I'll go with the inline-block method, if only to learn more about the ins and outs of this display value. I'm sure there are more differences, be sure to list them if you think I've forgotten something.

Later this week there will be more info about inline-block in IE, after that there will at least be one more article revealing a pretty interesting technique using inline-block. So stay tuned.

]]>
Wed, 07 Apr 2010 13:11:30 +0200
<![CDATA[one million yen girl/yuki tanada]]>http://www.onderhond.com/blog/personal/one-million-yen-girl-review-yuki-tanada

The title and promo material might have you believe that One Million Yen Girl is a quirky Japanese comedy, but that couldn't be further from the truth. In retrospect, it's not so much the artwork or the title itself that carries this misconception as both definitely fit the film, but simply some false assumptions on my side. Be warned though.

screen cap of One Million Yen Girl

One Million Yen Girl is a variation on the old 'the grass is always greener on the other side' proverb, but with a refreshingly down-to-earth twist. It's not so much a movie about finding out the best place to be, it's about facing up to whatever comes your way. How green the grass really is doesn't matter, it's all about appreciating the specific color in a location for what it is.

The first half hour of the film we get to find out why Suzuko decides to run away from all those close to her. A rather trivial incident lands her in prison, leaving her with a criminal record and an enormous sense of shame. Returning back to her own family and neighborhood, the peering eyes of those around her quickly strengthen her urge to start all over again.

The remainder of the film is spent traveling from place to place, following Suzuko as she repeats the process of earning one million yen, then leaving again for the next place. A trip through some typical Japanese sceneries, passing the beach, the mountains and the urban regions. Parallel to Suzuko's story, her younger brother is learning a similar lesson at home.

screen cap of One Million Yen Girl

Visually this film could be used as a textbook example of the Japanese drama genre. Subtle camera work, mostly observing, serving enjoyable but somewhat unremarkable shots. Only to be pierced by several landmark moments giving the whole a very pleasant feel. It's pretty basic but quality stuff, giving the film a solid dramatic base to start from.

The soundtrack is equally nice yet standard. One Million Yen Girl won't win any new fans to the genre, that's for sure, but genre fans will appreciate the lingering and soft musical score while Suzuko is traveling from town to town. Only the beginning is a little louder and screamish than usually the case. Acting is very strong too, with Aoi delivering a very powerful performance, helped by the people she meets along the road.

screen cap of One Million Yen Girl

The slow pacing of the film will turn some people off, as will the silent characters and stone-faced performances. Those more familiar with Japanese dramas will look past that and have no trouble deciphering the emotional impact of Suzuko's adventures.

The ending is a little mean but works remarkably well. It gives the film its down-to-earth dimension, making it less preachy and fluffy. Saying anything more would be spoiling it, so I'll refrain from doing so, but even though it feels like a "good" ending, there's certainly a more dramatic side to it.

One Million Yen Girl is a very typical Japanese drama which does little to really set itself apart from its peers. It will mostly appear to fans of the genre, which I happen to be. The overall quality is high though, working on every level and leaving you with a satisfied feeling afterwards. Recommended.4.0*/5.0*

Check the unsubbed trailer if you must.

]]>
Tue, 06 Apr 2010 13:13:11 +0200
<![CDATA[css child selectors/using your offspring]]>http://www.onderhond.com/blog/work/css-child-selectors

Since the early days, css has taken a serious interest in identifying immediate dom-children. Through a combination of combinators (+ and ~) and pseudo-selectors (:first-child and :last-child) it became possible to target specific elements simply based on the dom's structure. Now css3 is giving us a whole new range of options, but the question remains whether they'll suffice, despite their relative complexity.

First of all, this article is not about styling elements purely based on their position in the dom. Some time ago there was a small hype pushing for less classes and more direct targeting through css. I've always seen it as a direct attack on css flexibility and common sense, even though I appreciate a clean html setup just as much as the next front-ender. The new css3 pseudo-selectors do give you more freedom to expand on this concept, but I won't be the one telling you how.

This article will focus on their use in floated multi-row blocks, more in particular floated list elements that span multiple lines. One of the trademark elements to push people to start using liquid designs and css layouts.

fixing spacing

For all the specifics, examples and tiny loopholes, you can check the w3C specifications yourself. The grid we'll be using for our example is a 3x3 list item grid. The code below gives us a basic layout:

1/ ul {padding:1em;} 2/ ul li {float:left; margin:0em 1em 1em 0em;} 3/ ul li:nth-child(3n) {margin-right:0;} 4/ ul li:nth-last-child(-n+3) {margin-bottom:0;}

The main issue has always been with the spacing of the individual elements related to their parent. Since the block items are floated margins won't be collapsing. If you're aiming for an evenly spaced grid layout, the second line of css above will leave you with too much spacing on the right and at the bottom of the parent element. What we need to do is remove the right margin on each third element and remove the bottom margin on all three bottom elements.

With the third css statement we can target each third list item. The 'n' takes on increasing integer values and matches it against the items in the dom. The fourth css statement does a similar thing for the three last list items. The syntax is a little less transparent but works all the same.

If the horizontal dimension of the grid changes you simply have to adapt the number 3 in these css selectors. Not ideal since we'll need to adapt multiple values for one single effect, but at least it works.

adding corners

Adding some complexity to our little setup, we now want rounded corners on each corner point of the grid. On our 3x3 grid this means adding a corner on the first, 3rd, 7th and last list item. The following code does just that:

1/ ul li:first-child {border-top-left-radius:10px;} 2/ ul li:last-child {border-bottom-right-radius:10px;} 3/ ul li:nth-child(3) {border-top-right-radius:10px;} 4/ ul li:nth-last-child(3) {border-bottom-left-radius:10px;}

Easy enough, though a little rigid and lengthy. And of course, for it to work in Safari, Chrome and Firefox you need to add a whole lot of browser vendor crap.

Check the first example on the test page to see it working.

what's not to like

Even though this setup works remarkably well across the latest selection of browsers, the whole idea just crashes when one list item is removed. You can add or remove full rows without any trouble, and the solution for fixing the margins works in all cases, but the rounded corners will end up on the wrong elements since we're targeting them through :last-child variants.

What we're lacking here is the concept of rows. The "seventh" child in our example really is the "first element of the last row". This cannot be expressed in css, so we still have to resort to workarounds. I have no idea how difficult this could be to implement (though I suppose it shouldn't be that hard, as the browsers needs to know it has to break to another line anyway), but for cases like this it would prove extremely useful.

a smarter solution

There is one more solution, but it only works in theory (and in some fucked up Webkit way). Rather than set the rounded corners on the list items, we could place them on the wrapper around it. This way, we'll be sure that they will hit the four corners of our grid.

1/ ul {overflow:hidden; border-radius:10px; } 2/ ul li {float:left;} 3/ ul li:nth-child(3n) {margin-right:0;} 4/ ul li:nth-last-child(-n+3) {margin-bottom:0;}

Sadly, remembering my earlier article on the trouble with rounded corners, there is no way to keep the visual styling of the list items from spilling over the rounded corners defined on the ul element. Only in Webkit, by using the horribly misused overflow:hidden property, can you fix this behavior.

So while in theory this solution is way more robust and flexible, it simply doesn't work like it should. Where are the times we still believed that css3 would fix all our troubles ...

conclusion

While css3 will give us a broader set of tools to work with, enabling us to do way more with a limited amount of html, it is still far from perfect. Even common patterns prove difficult to accomplish in flexible, best practice worthy ways. The more I play around with the possibilities of css3, the more I keep coming back to the same tired old concept of workaround, fixes and alternative methods. It's a somewhat depressing realization.

]]>
Thu, 01 Apr 2010 12:39:13 +0200
<![CDATA[kamome diner/naoko ogigami]]>http://www.onderhond.com/blog/personal/kamome-diner-review-naoko-ogigami

Ogigami scored a relatively small arthouse hit with Megami in 2007. Somehow that one slipped past me, but if it's near as good as Kamome Diner than it's going straight on my watch list. Kamome Diner is the cinematic equivalent of a little time-out. A blissfully pleasant feel-good film that charms with its minimalist means and feels like a short but relaxing vacation.

screen cap of Kamome Diner

Kamome Diner is characterized by two main elements. First of all there is the lack of dramatic tension. Even though the main characters are not free of troubles, they seem to regard their issues as something to conquer. Which they usually do in about 2 minutes. There is no drama, no negativity, no evil. It reminded me a bit of Totoro, which has that same lack of urgency. It's sure to put some people off, but me personally, I love it.

And then there is the food. It's probably some Asian thing, but they have a way of shooting dishes that betrays a certain love for cooking that reaches beyond common, everyday interest. This being a story about a diner means there had to be some kind of food stuff happening, but the almost religious act of making coffee shows there is some deeper layer there. Rest assured, this film will leave you with a craving for Japanese food.

The story is as simple as it is endearing. Sachie is the owner of a small Helsinki diner which just opened. The first days are rather slow, but little by little people are starting to visit her little restaurant. Which is all there really is to it. People pass by, some only once, others stick with Sachie and help her out. There are no hints of financial problems, racism or bad-blooded competition. Just Sachie's diner and an increasing amount of customers, enjoying her cuisine.

screen cap of Kamome Diner

Visually this is what you've come to expect from a good Japanese drama. Sober and minimalist, but with a keen eye for framing and filled with static yet strong and emotive camera work. On sparse moments Ogigami allows herself a somewhat more colorful and funky style, usually during the more straight-forward comedic scenes. Add to that some tourist shots from Helsinki and the result is a rather classic but visually pleasing film.

The soundtrack is fitting. A little jazzy, not too present but giving the film a laid-back, lingering atmosphere. Acting is strong too, Kobayashi in particular portraying a very likable and cheerful character. It's also a nice surprise to see Markku Peltola doing a cameo, I immediately recognized him from Kaurismaki's "The Man Without A Past" (with means something, as it's been ages since I last saw that one).

screen cap of Kamome Diner

Kamome Diner is the kind of film that doesn't ask too much of the viewer. You can doze of if you want, or you can let your mind wander at some points. You won't miss anything crucial, nor will the film alienate itself. You can drop in at any time and simply enjoy the lingering atmosphere or the quirky characters.

While the film isn't a straight comedy, the tone is so light that you can't help but smile for most of the film. There are a couple of comedic interludes, but they never ask for much attention. It's really just a feel-good film without any further pretensions.

If you're a fan op Japanese dramas, in particular films like "Cafe Lumiere" or "Breathe In, Breathe Out", you will have no trouble finding a little place in your heart for this film. It's a truly pleasant experience from start to finish, but the lack of dramatic events is sure to leave some scratching their heads. 4.0*/5.0*

And of course there's the trailer if I haven't convinced yet.

]]>
Mon, 29 Mar 2010 11:26:31 +0200
<![CDATA[the reeds/nick cohen]]>http://www.onderhond.com/blog/personal/the-reeds-review-nick-cohen

These last couple of years there's been a constant stream of British quality horror films. On my blog alone I've written reviews for The Children, Mum and Dad, Eden Lake and The Broken. The Reeds is the latest to join that list, sporting some very familiar characteristics and matching the same quality standards as its peers.

screen cap of The Reeds

The Reeds belongs to the current batch of After Dark Horror Fest releases, who keep a healthy release schedule of 8 films per year. As always, there's some potential-wrecking fodder in there, but one or two of these films usually rise above the level of the rest. The Reeds is this year's prize winner, slaying the competition with relative ease.

Grim, that's the keyword most British horror films seem to thrive on. And The Reeds isn't any different. Set in some deserted area in Great-Britain, the film features ominous figures, kids with hoodies, rainy landscapes draped in washed-out colors, a dawning feeling of emptiness and a fair amount of nastiness.

The setup is pretty simple. Three couples rent a boat and go sailing. A seriously outdated map makes sure they get lost in nowhereland, with no outside help possible (why do we even have cellphones). Then some strange things start happening and events start their inevitable downward spiral. As you can see, The Reeds is a true genre film, embracing all the regular cliches with pride, feeling no shame at serving something we've seen countless times before.

screen cap of The Reeds

Visually the film is very pleasant. That is, if you like that grim and grey British look. Somewhat grainy, devoid of bright colors, a minor hand-held look and a camera that stays close to the main characters. It's a tried and tested look, but one that works wonders for British horror films. Probably something to do with the setting.

The soundtrack is equally nice. Low humming noises, slight ambient soundscapes and some lifted sound effects. It's never in your face but almost always present, creating a moody atmosphere that lingers throughout the film. The acting too deserves some credit. No award-winning performances, but for horror fodder the characters are pretty enjoyable. Even the irritating ones are more than merely bad actors doing a worse job at being irritating on screen.

screen cap of The Reeds

The true strength of The Reeds lies with the blurry boundaries of its realm. There is definitely some strange stuff going on, but the audience is just as unaware of what is happening as is the crew of the ship. A silent group of kids, a guy with a shotgun and some strange apparitions haunt our main characters, but context is scarce. All we know is they are lost among the reeds, and so is the audience.

The climax is pretty basic, but works. Apparently the ending is advertised as shockingly surprising, though I never expected much of it besides a simple explanation. When it comes it is a little far-fetched but fair enough. Another one of those typical horror cliches.

The Reeds is a film that convinces through execution. When it comes to concept, ideas, or creativity there isn't much exciting to find here. But it is all so damn well executed that it doesn't really matter in the end. There's a tangible tension running through the film absent in most other horror films, which beats all the previous negative points. Recommended for fans. 4.0*/5.0*

And of course there's the trailer if I haven't convinced yet.

]]>
Fri, 26 Mar 2010 11:47:42 +0100
<![CDATA[the space combinator/nothing important]]>http://www.onderhond.com/blog/work/the-space-combinator

Combinators are an overlooked part of css development. Most juniors don't even know they are making use of them, others are unaware of their full potential and let's face it, even most professionals don't really know about the ins and outs of css combinators. It's all connected to that little piece of nothingness in between class names, so let's start by taking a good look at the space (descendant) combinator.

I assume that most people reading this will be well aware of the functionality of the space combinator, feel free to skip the first section which is a simple introduction of what it is supposed to do.

space combinator

.class1.class2 {...} .class1 .class2 {...}

Spacing is pretty free-form in css. The most important exceptions are the space characters used between the first and last element of your css selector. Remembering the old days, it took me a while to figure out that the space character was more than just a way to increase readability. It wasn't until I started putting multiple classes on a single html element that I found out about the difference in both statements above. The W3C calls the space a descendant combinator, their exact definition can be seen below.

A descendant combinator is whitespace that separates two sequences of simple selectors. A selector "A B" represents B that is an arbitrary descendant of some ancestor A.

So basically, the simple selector after the whitespace could appear anywhere in the DOM below the simple selector in front of the whitespace for the full selector to match. It's a pretty vague relationship that doesn't cut it in modern web design, still we're stuck with this single combinator to do most of the work today. There's a very good reason for that.

ie6 and combinators

It's time to point fingers to that certain browser once again. IE6 is notoriously bad when it comes to combinator support. Apart from the descendant combinator there is not much that works. Now, it's not the first time that IE6 is being a bitch about css support, the thing is that there are no good workarounds to make combinators work like they should in IE6. It will basically fail to recognize your selector and ignore your well-written css.

/* child combinator */ .class1>.class2 {...} /* crappy fix */ .class1 * {margin:1em;} .class1 * * {margin:0;}

There are some JavaScript solutions to add support, just as there will probably be a .htc hack floating around, but none of these give any solid results. Attempts to fix it in css usually end up in tears, as the example above illustrates. The child combinator links selectors which are direct children (no DOM levels in between). The fix works in certain circumstances, but the last statement might overrule some elements far below .class1 which did receive a margin of their own. It's really no way to start writing css.

education

Most people learn css on their own. They check other people's code and try to understand what is happening. Some buy books, but even those can be quite vague when it comes to the different combinators available. Fact is that combinators besides the descendant combinator are hardly ever used in real-life web design. There aren't too many css files out there that make full use of the available combinators, even those sites that won't support IE6 no more.

That why it is extremely important to make junior css developers aware of the possibilities out there. When left to themselves, chances are that they will take a long time to find out about these crucial tools. Of course it's much easier to just tell them about what the space character means and how they can apply it, but if you leave it at that they will face a serious hurdle trying to overcome their combinator handicap later on.

the future

With all the blame put on IE6, you might expect that we will see some serious improvement once that browser is finally put to rest. That's why I would advise you to go out and try to make maximum use of these other combinators available. It won't take you too long to start noticing that there are still plenty of issues left to be discussed. Here's a short list of things I noticed so far:

  • Readabiltiy greatly decreases when using ">", "~" or "+".
  • The child combinator is rendered useless when inserting an extra wrapping element in your html code.
  • There's no obvious difference between .class>*~* and .class>*+*.
  • Setting up a basic parent/child grid (.parent>* {margin:1em;}) can be quite tricky.

Current day web development asks of us to design elements as separate components. Nested elements shouldn't necessarily be influenced and context should decide for itself how to handle these components. With all the extra combinators currently available I still haven't found a way to achieve these requirements. Furthermore, I've found some very practical issues when applying the current combinators as is. This is not very hopeful.

conclusion

The combinator remains one of the weak point of css. Sadly it doesn't receive too much attention from us web developers either. We as an industry are screaming for fancy graphical support, but with all that we still can't write solid, robust css code which is portable, reusable and flexible all at once. We often blame IE6, but those who tried using unsupported IE6 combinators might have noticed already that they won't really suffice either.

]]>
Thu, 25 Mar 2010 12:27:22 +0100
<![CDATA[funuke, show some love you losers/daihachi yoshida]]>http://www.onderhond.com/blog/personal/funuke-show-some-love-you-losers

The Japanese film industry is struggling a little. These last couple of years have been lacking in fresh young talent and more established directors have been somewhat slacking. Not that there aren't any good films being made anymore, but there's a tangible difference with the early '00 years. Funuke is a very welcome exception and deserves all the extra attention it can get.

screen cap of Funuke, Show Some Love You Losers

In 2004 Ishii's Taste of Tea brought the perfect mix of drama and comedy, complementing both genres to create a blissful feel-good experience. Since then the general direction of the Japanese dramedy seems to have changed a little. While Funuke could be easily categorized as one, it it pretty much impossible to compare it to a film like Taste of Tea. There's been a surge of dark, somewhat mean-spirited comedies washing over the Japanese film industry and Yoshida's film belongs with the best of them.

Funuke is a film that ties in with the likes of Memories of Matsuko and Happily Ever After. Films featuring unpleasant dramatic events, but sugarcoated with a strange, fluffy and jolly comedic layer. On paper a very unlikely combination that seems almost impossible to execute efficiently, but somehow Yoshida makes it work alright. There are pretty ugly scenes in here but even though there's a constant undercurrent of nastiness, the film remains lighthearted and amusing throughout.

The fun starts when Kyomi's parents are killed by a truck when trying to save a little kitten. This event reunites the Wago family but it doesn't take long before old wounds are once again reopened. At the source lies a manga drawn by Kyomi when she was little, which turned out to be a tad too close to reality. Her winning a manga competition tore up the family, leaving Sumiko a failed actress, Kyomi void of social contact and brother Shinji right in between the quarreling sisters. The only one doing her best to keep a positive spirit is Shinji's wife, but she gets bossed (and slapped) around by the other family members.

screen cap of Funuke, Show Some Love You Losers

Yoshida drapes his film with colorful and warm scenes, which definitely helps the lighter atmosphere. The film is set in rural Japan, amongst the mountains far away from all the neon and stress. Green is a pretty dominant color, going nicely with the warm glow of the setting sun apparent in quite a few scenes. Once inside the film appears a little darker, which actually complements the events shown inside the house. Yoshida's style might not be overwhelming, but it comes off as pleasant, creative and effective.

The soundtrack is used to similar effect. Pretty jolly and lightweight, a little strange and unfitting maybe, but essential to the overall feel of the film. Maybe not too recognizable or outspoken, but a definite asset to the atmosphere. Acting is pretty strong too, with an always superb Nagase and a surprisingly good Sato. But the star of the film is without a doubt Nagasaku, the ever naive yet happy wife of Shinji. Her role is key to the comedy and necessary to provide a little diversion from the drama, even when its she that receives most of the blows.

screen cap of Funuke, Show Some Love You Losers

The first half of the film is pretty tame, but when working up to its climax there are some genuinely unpleasant scenes which go together with some laugh out loud comedic moments. It's difficult to describe this exact feeling, but it plays a little like a subtle version of Visitor Q. And while this sounds doomed to fail, Yoshida magically makes it work as the film gets nastier and mean-spirited. The actual climax is equal amounts of sick and sweet revenge, leaving the audience somewhat in doubt of what they are supposed to think and feel.

It's this exact balance that makes Funuke a truly special experience. Films before never really found the right balance or gained their credit in other areas, Funuke is really the first film that hits the nail right on the head. It's a visually attractive film, with strong performances and some goofy humor. But underneath lies a mean-spirited dramatic layer that leaves a pretty strong impression. Definitely recommended! 4.5*/5.0*

Check the unsubbed trailer if you like.

]]>
Tue, 23 Mar 2010 12:36:19 +0100
<![CDATA[vampire girl vs frankenstein girl/nishimura and tomomatsu]]>http://www.onderhond.com/blog/personal/vampire-girl-vs-frankenstein-girl-review

While Japan has never really been shy of weird and crazy horror flicks, it's people like Iguchi (Machine Girl) and Nishimura (Tokyo Gore Police) who used the potential of the web to full effect, marketing their obscure cult films to a surprisingly wide audience. Vampire Girl Vs Frankenstein Girl is the latest to join the cult, adding its own particular flavour to the ever-growing list of Japanese splatter films.

screen cap of Vampire Girl Vs Frankenstein Girl

This time around, Nishimura is not alone though. He teams up with fellow director Tomomatsu (best known from Stacy and Zombie Self-Defense Force) to create a more comedy-oriented film that still bears all the typical treats of its predecessors, but adds a layer of silly comedy not quite unlike Cromartie High. The result is mighty strange, as you might have expected.

There is not much in the way of a story, but what else is new. I wouldn't be surprised if they spent more time coming up with strange and fantastical creatures than they did coming up with a coherent storyline. In between scenes there's some quick and dirty plot progression, but most of the film is spent on the crazy characters, gore effects and some running gags on the side.

VG Vs FG knows a pretty basic setup. Two girls, one guy, one blood-filled chocolate turning the guy into a vampire slave. This pisses off the other girl which ends up as a Frankenstein creature, giving it her all to win him back. On the sidelines we have a crazy professor, the wrist-cutters club (who are holding some sort of competition) and the Ganguro clan (Japanese girls trying to be blacker than black). Oh, and Igor the janitor of course.

screen cap of Vampire Girl Vs Frankenstein Girl

The directors didn't have much of budget to work with, but that is hardly an excuse. On the contrary, they are actively exploiting their lack of budget to do pretty much everything they want, even if it looks a bit amateurish. Regular effects and CG effects look rather cheap, but if you consider what kind of freedom it allows them, it's hardly an issue.

They still manage to create a solid atmosphere by decent camera work, some neat stylistic touches and a varied selection of effects. There is even a rather cool animation-like sequence somewhere in the middle, which illustrates pretty well what you can do with modest means.

The soundtrack is pretty silly, intentionally so. Not what I'd call a great or suitable soundtrack, but it does invoke a couple of smiles throughout the film. And I can say pretty much the same thing about the acting. Seeing it's a high school comedy there is plenty of overacting and posing going on, but it fits the setting. It's not A-class, high standard stuff, but for a film like this, I don't mind a single bit.

screen cap of Vampire Girl Vs Frankenstein Girl

Real gore hounds and splatter fans might be a little disappointed by the lighter atmosphere. VG Vs FG is a true comedy at heart, but filled with the usual blood fountains and torn faces. What it all boils down to is bringing their crazy ideas to the big screen, and in that they succeed like no other. There is never a dull moment to be found, keeping the entertainment factor extremely high, always coming up with new, crazy stuff.

The comedic range is also pretty wide. Of course there are some strange manga-esque characters and some gory fun, but Nishimura and Tomomatsu seem keen to include some references to other films. There's the pretty obvious link to Ju-on, with Shimizu himself playing a Chinese teacher doing some good promotion for his films, but the attentive viewer might also catch a glimpse of Pan's Labyrinth and some other big films in there.

Vampire Girl Vs Frankenstein Girl is entertainment to the max. There is no time for dull moments or dramatic depth, just heaps of blood, gore and silliness. And this time around, there's also plenty of room for comedy, which is a new twist compared to its predecessors (at least its immediate ones, the film could be compared to something like Battlefield Baseball I guess). Still, the film still caters to pretty much the same audience as before. Another good addition, showing that there is still plenty of fun and creativity left to keep this genre going a little longer. 4.0*/5.0*

If you want a taste of what is to come, check the trailer.

]]>
Mon, 22 Mar 2010 10:04:43 +0100
<![CDATA[castlevania: order of ecclesia/the whip returns]]>http://www.onderhond.com/blog/personal/castlevania-order-of-ecclessia-review

Order of Ecclesia is the third Castlevania installment on the DS, following Dawn of Sorrow and Portrait of Ruin.The latter was my reintroduction to the series, which made Ecclesia a little easier to get into. This third installment roughly follows the same basics as the other Castlevania DS games, but toys around with the details, making it a worthy purchase and a valuable addition to my collection.

promotion art of Castlevania: Order of Ecclesia

The basics are pretty much still the same. The newest line of Castlevania games is a mix of RPG elements and platform action, trying to bring the best of both worlds together. While there is a typical RPG setup with different kinds of gear and character leveling, the gameplay is that of a normal platform game. There are about 20 areas which can be discovered and explored. Once available the areas can be accessed from a map, which makes them a little easier to access than the levels in Portrait of Ruin.

The story and setting have changed a little, leaving the Belmonts and the Morrises for what they are. You're now part of a small cult doing their best to keep Dracula from resurfacing. When a ritual goes wrong though, a fellow cult member escapes and wreaks havoc on the neighborhood. Your task is to get everything back in order and to save the nearby village from complete destruction.

This is done by freeing all the captured villagers. Each of them has a couple of quests for you which grant new types of gear and items. This is a big improvement on the earlier system where it was too easy to get stuck with the extra quests. Most of the quests are still pretty tricky to fulfill, but they present a nice diversion when the main storyline is getting a little stale or when you could use some leveling up.

screen caps of Castlevania: Order of Ecclesia

One thing that cannot be bought is weapons. They are dropped or stolen from enemies. You have the ability to equip two regular weapons and one special ability at all time. On top of that, you can choose to prepare two other sets and switch between them at will. And to make it even more fun, the combination of certain weapons can lead to even stronger attacks. It's a pretty fun system that takes some time to get used to, but keeps the whole weapon choice interesting until the very end of the game.

Visually not much has changed. OoE looks very polished and detailed, though at some points a little muddled and pixelated. You come across some pretty big and mean-looking enemies, but to achieve this on the little DS screen your main character looks a bit puny, lacking some presence. It's a little quirk, but one that carries some weight for a character you have to look at the whole game long.

The sound is decent for short bursts of gameplay but becomes boring and repetitive when playing for longer stretches of time. A recurring complaint about DS soundtracks, which they seem not bothered to fix. Maybe it's because the DS is considered purely as a portable gaming device, used in situations where you can't turn on the music anyway, but when playing at home it would be nice to have some nicer music to go with the game.

promotion art of Castlevania: Order of Ecclesia

The difficulty level is still a little uneven. Regular areas are quite easy to navigate, if not some quick leveling will help you along. The bosses are a lot harder and require pattern learning. But once you understand their pattern, they can be handled with relative ease. It's a repetitive difficulty pattern that is countered by the different weapons and spells you can use to kill enemies. The quests and exploration also provide an additional challenge, keeping the game entertaining while avoiding too much repetitiveness.

As an evolved platform game, OoE is a true stunner. The RPG elements have been tweaked to fit better into the platform gameplay and don't detract as much as in Portrait of Ruin. The world is easier to navigate and quests are more readily accessible. There are still plenty of modes to unlock (one of them involving playing the game from a completely different perspective) so the replay value of the game is still pretty impressive.

OoE is a game developed for those already fan of the series, or for newcomers who want to start with the best outing available. If you didn't like the previous Castlevania DS games, you won't find much here either I'm afraid. The gameplay hasn't changed much, but the mechanics and details in the setup makes it slightly better than Portrait of Ruin. A worthy sequel in all aspects. 4.0*/5.0*

Check the trailer if you want.

]]>
Fri, 19 Mar 2010 12:26:56 +0100
<![CDATA[css specificity pt2/lacking proximity]]>http://www.onderhond.com/blog/work/css-specificity-pt2-lacking proximity

In last week's article on fuzzy css specificity I presented a case that illustrated the difference between regular specificity and css specificity. While it's interesting to review these cases, it's even better to get to the very core of them. This article will do just that.

abstract case: where am I

Real-world case: I'm standing on this Earth, in Belgium, in Antwerp, in Central Park
Translated to css: .planet#Earth .country#Belgium .city#Antwerp .park#Central me

Before starting, let's consider this little abstraction of the issue we're dealing with. Throughout the article I'm going to use the above case to illustrate the difference between regular specificity and css specificity. It's a real world case easily translated to css, describing my current position on this very planet. I've used classes for generic concepts and ids for unique instances of these concepts.

specificity

Specificity is about eliminating options. Making a description more specific will eliminate the chance of error and misunderstanding. It's like a game of darts, where you try to hit the bulls eye. The concept was introduced in css because certain elements in the DOM could be targeted by multiple css rules. When the same property is defined in two separate css rules, specificity helps to determine which property will win the battle for dominance.

#Belgium me {...} .country me {...}

When they developed css they tried to mimic regular specificity as much as possible, but they hit a few problems along the way. In simple cases though, it works just as expected. By using ids and classes they managed to come close to what we would logically expect. In the example above, the the first rule is more specific than the second because the id marks a unique instance of the class, meaning what is targeted by the id should be more specific, which is obviously the case.

This is the basic idea of css specificity, but it lacks one major aspect that regular specificity has.

proximity

.city .park me {...} .planet .country me {...}

Consider the code above. In css, both rules have an equal weight because they both contain two classes. Because the second rule appears last it wins the battle of dominance. In the real world though, the first rule is considered to be more specific. It tells you I'm in a city park, the second rule only states I'm in country on this planet. Let's look at another example:

.country #Antwerp me {...} #Belgium .city me {...}

Again, in css both rules have an equal weight because they both contain a class and id. In the real world , the fact that the first rule uses an id for city creates a greater specificity than when the id is used for country. And one final example:

.planet .country me {...} .city me {...}

This example shows the problem is bigger than simply the order of our css statements. While the first rule appears to be more specific in css, in the real world the second rule would be considered the most specific of the two, as it manages to put a bigger limitation on my whereabouts.

What's lacking in css is the concept of proximity. The css language doesn't care how close (in the DOM) a class, id or html element is to "me", it merely sees how many of each are in a selector and computes a weight. Contrary to our everyday world, where proximity is pretty much crucial to determine the specificity of something.

time for revolution

So is css failing us? To truly answer this question we should work out a full model where proximity would be introduced in css. This is a bit too complex to do right away, but my gut feeling tells me that including (DOM) proximity would make things way more complicated. While it would probably be possible to create rules that lie closer to our own mental model of specificity, the clarity and ease of understanding of the current css model would probably be lost.

Maybe I'm wrong though, and some form of proximity could be easily included without completely messing things up, but that I'll leave to greater minds than myself. As for now, the issues that arise seem smaller than the trouble to go and change this core concept of the css language.

conclusion

Know that css specificity is different from what we normally understand when talking about specificity. I personally try to avoid the term specificity when dealing with css. I'd rather use "weight" to talk about selectors, as it comes closer to how it actually works in css. It doesn't make much of a difference, and from time to time I still find myself forgetting about the difference between both, but knowing where the exact differnece lies surely helped me in conquering this pretty common mistake.

]]>
Tue, 16 Mar 2010 12:44:11 +0100
<![CDATA[august in the water/sogo ishii]]>http://www.onderhond.com/blog/personal/august-in-the-water-review-sogo-ishii

Things have gone rather quiet around director Sogo Ishii. His latest film dates from 2005 and didn't exactly enjoy a broad release (still eagerly waiting for the DVD myself). A terrible shame, though it does give one the chance to catch up on some of his older, lesser known films. And so I sat down in front of August In The Water, one of the hidden gems, yet to be discovered even by most fans.

screen cap of August In The Water

Even more so than Shinya Tsukamoto, Sogo Ishii is the godfather of Japanese punk cinema. Crazy Thunder Road and Burst City put punk on the map a decade before Tsukamoto could even get started on Tetsuo. But Ishii also has a softer streak, put to maximum effect in Kysohin, his latest film. An ode to nature and humanity, far away from all the grit, dirt and noise so often featured in his films. Kyoshin seemed to be a serious shift in styles, but looking at August In The Water it seems he was merely revisiting themes already present in his earlier work.

August In The Water is a pretty strange mix of styles and genres. The film is part romance, part fantasy, part sci-fi and part coming of age with some meandering philosophy throw in. The balance between all these elements can be a little off at times but as a whole Ishii makes a pretty compelling film out of all this. There are still many links to his other films, but the resulting film is something completely different.

Everything starts when Izumi transfers schools and meets up with Ukiya. The first half hour is spent on their blossoming romance, but little by little the strange events surrounding their town are taking the forefront. A strange drought is started by two meteorites crashing on a nearby mountain, bringing with them a strange disease that turns people's internal organs to stone. Somehow Izumi and Ukiya end up in the middle of it all.

screen cap of August In The Water

There's not much of Ishii's punk aesthetic left in August, but his keen eye for textures and architecture is still very much present. There are numerous impressive wide shots, abstract close-ups and neatly edited scenes that betray the hand of Ishii. Especially one sequence at the start of the film shot during a diving competition jumps out as the work of the cinematic master. On the whole not as direct and in your face, but hardly less impressive.

Even more so than the visuals Ishii lets the soundtrack do all the hard work. Dropping the punk sound completely he picks up an ambient soundtrack that gives the film a warm yet eerie atmosphere. The soundtrack really is the key to combining all the different aspects into one coherent film, making it a 120 minute trip into his surreal world. Acting is pretty decent, though some characters come off as a little silly. It's not the strongest cast, but the main characters are solid enough to keep the audience involved.

screen cap of August In The Water

The first half hour is there to set the mood, from then on the film becomes gradually stranger and more unsettling. Never in a very direct or extreme way like Ishii's other films, but on a more subconscious level. The combination of the strange events, detached setting and ambient soundscapes reflect Ishii's typical trademark style and at the same time contradicts it just as much.

Fans of Sogo Ishii, and in particular Kyoshin, should do well to check out this film. It's probably one of his most accessible films, though there is still plenty of wonder and authorship to be admired. Without a doubt one of my favorite directors, with the ability to sculpt both subtle and extrovert films without losing any of his stylistic power. Definitely recommended. 4.0*/5.0*

Check out a short excerpt from the film.

]]>
Mon, 15 Mar 2010 11:23:16 +0100
<![CDATA[alice in wonderland/tim burton]]>http://www.onderhond.com/blog/personal/alice-in-wonderland-review-tim-burton

Together with The Lovely Bones and Gilliam's Imaginarium, Burton's Alice In Wonderland is one of the recent high profile films that submerges itself into an elaborately constructed fantasy world. The tale of Alice in Wonderland isn't exactly original material, but on paper Burton is the perfect director to tackle a project of this magnitude. The first reactions are quite mixed, but for me personally Burton succeeded with style.

screen cap of Alice In Wonderland

I'm really not that big a fan of Tim Burton. The man has without a doubt a very creative mind and a unique vision, but the result is almost never something I can fully appreciate. Popular critique on Alice is that it lacks Burton's darker side, which is true to some extent. On the other hand, I've never really liked Burton's mix of dark romance in the first place. Alice is a more straight-forward fantasy tale and works all the better because of it.

I haven't read Carroll's book, nor did I grow up with the tale of Alice. Only recently I watched Disney's original version, but it did very little for me. That said, there are so many references to Carroll's book in popular culture that it's hard to go in blank. I can't really say whether Burton did a good job at translating Carroll's vision to the screen, but going in with so little background made it easier to see this film as something that stands on its own.

The title of the film is a little misleading as the story is really a mixture of both Alice books. Alice has grown up but finds herself back in the rabbit hole when running away from a marriage proposal. The land of course needs to be saved, from there on we get a pretty basic tale of capturing the sword and slaying the dragon. If you were looking for anything more profound or complex, you'd do good to adjust your expectations right away.

screen cap of Alice In Wonderland

On a visual level this films really shines though. I watched it in sprawling 2D (no way I was going to see this through a black filter) and was pretty amazed by the world Burton had created. The intro and outro in the real world look a bit bland maybe, but once in the magical land the visuals really jump out of the screen, even when watching in 2D. There's a perfect blend of animation and live action, helped by the superb styling of the live actors and the beautiful CG backgrounds.

Depp looks pretty nice in his orange wig with green eyes, but it's really Carter's Red Queen who makes the biggest impression. Completely stylized like a cartoon character she is without a doubt the best mix of CG and live action I've ever seen on screen. Burton allows his crazy world enough screen time and makes sure he doesn't overload his audience with ever-changing fantastical landscapes (a big problem in both The Lovely Bones and Imaginarium). He succeeds in building a thorough and fundamentally strong world in prime style, which is all I really wanted from this film in the first place.

The music by Elfman is okay-ish but not all that great. On the other hand, there are no songs or outbursts of singing during the film so I guess I should just consider myself lucky after all. The acting is quite strong, with a nice roles for Depp and Glover and some prime scenes for Carter. Same goes for the voice acting, properly helmed by people like Alan Rickman and Stephen Fry. They give the film some welcome maturity not found in its setting. And then there are of course the chubby twins, who steal the show whenever they appear on screen.

screen cap of Alice In Wonderland

If you're coming for a good story then Alice In Wonderland might be pretty boring. Burton takes little time to build up his characters and doesn't elaborate much on plot points. If anything, he indulges in nonsensical scenes and random craziness, though very fun and often extremely entertaining to watch. By the time Burton arrives at the climax I was already sold to this film, which probably explains why I didn't mind the somewhat lacking action scenes at the end. The setting was still awesome, but sadly Burton is not one to shoot enthralling action sequences.

Even though I expected very little, the style of Alice In Wonderland is imaginative and strong enough to carry the whole film. There are definitely some technical accomplishments here, like the blend of animation and live action, but it's Burton's style that thrives the film to greater heights. One of the best Burton films I've seen so far, I hope he continues on this path, leaving out the darker elements (which really aren't all that dark to begin with). Recommended material. 4.0*/5.0*

Here's the trailer if you haven't seen it already.

]]>
Fri, 12 Mar 2010 14:29:12 +0100
<![CDATA[the life of a css project/shown in 4 panels]]>http://www.onderhond.com/blog/work/the-life-of-a-css-project

People often ask me to summarize the dangers and pitfalls of a css project. If you've been writing css for some time you'll know there are quite a few, many of which are difficult to explain to people not familiar with actual css code. Composing textual summaries is simply too boring and technical for most people to really care about. So I'm gonna try something different today.

Below is a little 4-panel comic that illustrates what happens with just about every css project over a certain stretch of time. I came up with the idea, sadly drawing isn't really my strong point. The actual drawing was made by Øyvind Sørøy (thanks again!), the man who was also kind enough to create the initial design for my blog and the IE6 CSS Fixer graphic. It turned out wonderfully well, so enjoy the following 4 panels of css wisdom.

a quick tour around the 4 panel

While the comic pretty much speaks for itself, I'm going to elaborate a little on the third panel which contains the essence of this comic.

When a css project is "finished" we are often afraid to dive back in and change stuff, because we've forgotten why half of the statements are in there and how they effect components across several pages. Many of the css files out there contain absolutely useless statements simply because "it worked any nobody dared to tweak it anymore". Just do some random probing on websites and you'll find an excessive amount of properties that are remnants of failed css experiments. They won't affect the current design, but might affect future changes. These statements are sure to come back and haunt you at a later time.

The final delivery of a css file is often met with an unhealthy amount of fear. By then the css is often unstable and untrustworthy, but "works" for the delivered design and html. Most of us just hope that there won't be any feedback and we can happily forget we ever worked on it. That is, until phase 2 is set up. That's when it crashes.

conclusion

This comic could be about more than just css projects, but css must really be one of the ugliest, uncontrolled and unchartered fields in web design out there. The lack of best practices, clarity, clean code and bad browser support results in time bombs that eat away at every project.

It's a pretty sad state of affairs that doesn't receive enough attention. While tutorials for the newest css3 properties are flooding the web there is very little to be found on how to improve the way we write, build and structure our css. As long as people keep neglecting this, there won't be a css3 property out there that will help to avoid the css crash of web projects out there.

You can use the comic at will, but please be nice enough to keep the credits in there.

]]>
Thu, 11 Mar 2010 13:10:05 +0100
<![CDATA[css specificity pt1/eight, specificity and overruling properties]]>http://www.onderhond.com/blog/work/css-specificity-pt1-eight-specificity-an

Some issues appear too simple, too obvious and even too common to notice. These are the issues that are often essential to determine the strength of a language. These are also the issues that need investigating to improve a certain language from the base up. I've written about a similar css nesting issue before, a couple of weeks ago I ran into a new one.

This article will do its best to map out the problem and will hint at several fixes and workarounds. None of them fool-proof or particularly implementor-friendly. A follow-up article will then take a closer look at the core issue we're dealing with, diving into the depths of the human mind to uncover the true problem at hand. Sounds exciting, no?

One more little thing before I start though. I'm assuming that people reading this are familiar enough with css specificity rules. If not, pelase do some catching up first.

the issue

/* base component ...................... */ .class ul li {background:...} .class ul li.first {background:none;} /* variant */ .class.variant ul li {background-image:...}

The code above gives you a simplified version of the issue we're looking at. Just think of this as the code of a horizontal navigation. The background images on the list items are there to create a visual separation between the navigation items (often nothing more than a boring vertical stripe). We've created a base component but the design dictates to create a variant with a different separator, so we've added a rule to change the background-image for the specific variant. That's where the trouble starts.

The thing I keep missing is that the weight of the second and third selector are exactly the same. Because the third selector is lower in the css code the first li element in the variant will again show the newly declared background-image. This is definitely not what I intended. All I wanted to do was keep the original component as is and change the background-image used to separate the navigation items.

not so good solutions

I've experimented a little and came up with four workarounds, one of which is commonly used to counter this problem. None of them is actually any good so I won't be spending much time running through them. I guess that most of these are pretty self-explanatory anyway. In short:

  1. 1. change css order: put the variant rule above the basic component. This way the weight is still the same, but the base rule will come last in the source, winning the specificity battle. Messing around with the order of your css like that is pretty bad though.
  2. 2. increase weight: add a random (but working) class befor the second rule. This will increase its weight, but apart from fixing this particular issue it makes no sense at all to do so.
  3. 3. !important: Add !important to the background declaration in the second rule. Another abuse for the !important rule, so nothing I will recommend.
  4. 4. duplicate styles: The most common solution, simply add a fourth rule that disables the background again for the variant. This means duplication of unnecessary css code, which I also dislike.

None of the solution above are considered extremely harmful (well ... maybe only the third solution), but seeing all the effort I put into maintaining a clean and readable css file, there isn't one solution I'd consider good practice. So let's go on to some more advanced solutions.

advanced solutions

You can read "advanced" as "not working (properly) in every browser". The key to fix this particular issue is to make sure that you only target the elements that need a background in the first place. Rather than overrule the background property of the first list element, let's make sure it never receives this background property at all. For that, we need some advanced css combinators.

1/ .class ul>li+li {background:...} 2/ .class ul>li~li {background:...}

Above are two variants on the same concept. The '>' combinator makes sure you're only targeting element on the same level, the '+' and '~' combinators both exclude the first (in this case) list element. Depending on the structure of your html you can chose what works best, though option 2 is definitely my favorite (as the ~combinator expresses exactly what we're aiming for). If you're working with different elements on the same level you can simply substitute "li" with "*".

This of course won't work in IE6, so if you still need to support that browser you can either leave this solution be or write some IE6 specific code in a separate css file. This means more work at first but a better css file when you can finally eliminate support for IE6 (and that time is definitely nearing). Your call.

conclusion

Even though this issue is not impossible to fix using some more advanced css selectors, there's still an underlying issue that remains. There is more happening here than simply bad browser support, but to really get to the bottom of this I'll post a follow-up article in the near future. So check back in a short while to read why an issue like this can keep creeping up on us.

]]>
Wed, 10 Mar 2010 14:26:51 +0100
<![CDATA[fantastic mr fox/wes anderson]]>http://www.onderhond.com/blog/personal/fantastic-mr-fox-review-wes-anderson

Looking back, 2009 was the year that stop-motion animation found its way back to the masses. Selick's Coraline and Elliot's Mary and Max paved the way, but it's probably Wes Anderson's Fantastic Mr. Fox that holds the power to reach the biggest audience. Not my favorite of the three I mentioned here, but still a mighty fine film alright.

screen cap of Fantastic Mr Fox

One thing is certain, in Belgium they had the promotion of this film completely wrong. We sat in an almost empty movie theater, being treated to horribly (Dutch!) dubbed trailers of How To Tame A Dragon and Nanny McPhee 2. They've promoted Fantastic Mr Fox as a typical children's film here, while Anderson's latest is so much more than that. But I guess animation (and especially stop-motion animation) still has that kind of effect on people.

Anderson's Mr Fox is based on Roald Dahl's book but has some added spike in the form of Anderson's rather typical sense of humor. I can't really remember reading Dahl's book (it's also a bit more complex for me as the area I'm from has its very own fox legend - Reinhaert The Fox) but I must've read or seen Fantastic Mr Fox is some or other form before, because the story felt extremely familiar to me.

Mr Fox is a family man. At least, he was turned into a family man by his wife, who made him promise to leave behind his wild days of chicken hunting in favor of raising a young cub. A good 12 years later Mr Fox can't take it any more and decides to pick up his old habits, determined to take on the meanest farmers in the neighborhood. Needless to say he lands his tail into a bucket-load of trouble, dragging the whole animal community in a battle of life and death.

screen cap of Fantastic Mr Fox

Anderson's choice to pursue a retro style works like a charm, but I still feel that he could've done more with it. The puppets and settings sure look neat enough, that's definitely not the issue. Lots of brown and red colors give the film a very warm and earthy atmosphere, the retro designs do the rest. Sadly, the animation itself isn't up to par. Often too stilted and stiff, Anderson never really finds the right balance between oldskool and visually attractive. There are some 2-frame animation sequences that do work, like the cider flood, but in general it does detract a little from the pleasure.

The soundtrack is very typical and only works because it's an Anderson film. Old pop songs and golden classics are littered throughout the film, adding to the somewhat dry and musky atmosphere it tries to create. Normally I would hate this kind of soundtrack, can't really enjoy this type of music outside of film either, but Anderson just makes it work. Magically. The voice acting is pretty good too, with a strong performance of Clooney and a superb selection of side characters. Dafoe, Murray, Schwartzman and Owen Wilson all add something to make the puppets truly come to life. The downside is that some of the voices are a little too recognizable, but that's just a minor quirk.

screen cap of Fantastic Mr Fox

Fantastic Mr Fox is a rather short film, making sure that it never becomes slow or boring. There's always something to look at, something to look forward to and some joke to keep close for further enjoyment. It's one of those rare film where I wouldn't have minded if the director had added another 15 minutes or so. That said, Dahl's story isn't all that strong or elaborate to warrant any more plot scene, so I'm sure Anderson did good to keep it as short and concise as it is now.

If you like (stop-motion) animation this film is a definite recommendation. The animation itself could've been better, but the whole setting is just too much fun to pass on. It's a strong film in just about every department, only missing that little extra to make it a true classic (Mary and Max is still my definite winner of 2009). So far my favorite Wes Anderson film, here's to hoping he'll keep a close connection to Clooney. I'm pretty sure the two of them can make a truly outstanding live action comedy. 4.0*/5.0*

Here's the trailer if you're still not convinced.

]]>
Tue, 09 Mar 2010 13:01:20 +0100
<![CDATA[bodyguards and assassins/teddy chan]]>http://www.onderhond.com/blog/personal/bodyguards-and-assassins-review-teddy-ch

Ever since the success of "Hero" and "Crouching Tiger, Hidden Dragon", China and Hong Kong have been upping the productions scales of their flagship films little by little. Over a period of 10 years time they've succeeded in producing subsequently bigger and more epic films. The latest to join the group is Bodyguards And Assassins, a welcome variation on the big budget martial arts film.

screen cap of Bodyguards And Assassins

How he did it, I really don't know, but director Teddy Chan raised enough money to completely rebuild the old center of Hong Kong as one insanely large set piece. It's difficult to say whether it really paid off (considering the equally insane amount of money it must have cost), but the result is certainly lavish to behold. The incredibly detailed reconstruction of the old center of the city is so much more entertaining than whatever CG graphic they could've slapped on instead.

Even though Bodyguards And Assassins falls roughly into the same category of films as Hero, The Banquet, Fearless and last year's Ip Man, its focus lies not so much on action but on retelling the events around the start of the Chinese revolution. No doubt an extremely important event in Chinese history, but I'm sure not many people in the West (including me) will know about the ins and outs. The trailers might have you believe otherwise, but the film is really not a full-on action movie and Chan takes his time to ensure the film is more than a simple martial arts film set against historic events.

Bodyguards And Assassins is constructed around the arrival of Sun Yat-Sen, a key figure in the revolution against the empire. As he is about the set foot in Hong Kong to meet the 13 district representatives, plans are plotted to get him assassinated. A group of rebels is ready to meet their destiny trying to protect Sun at whatever cost, guaranteeing the success of his mission. There's not too much room for subtlety but considering the epic proportions of this film, it's not something I expected in the first place.

screen cap of Bodyguards And Assassins

There's a very clear division between the first and second part of the film. Chan uses the time before the arrival to introduce all the characters related to the events. The whole first part is virtually void of any action and relies on the characters and the drama surrounding their mission. While this is far from boring, it does become a little too melodramatic at times. Once Sun arrives the second part of the film kicks off, shifting gears and playing like one massive action scene.

The detailed and elaborate sets makes sure there is plenty to enjoy on a visual level. The scenes on the street of Hong Kong are simply amazing. Still it feels as if Chan didn't make full use of what he had in his hands. I wouldn't have minded if the city had featured a little more prominently, now Chan is a little quick to cut away from some scenes. The camera work too is a little too slick, especially during the first half. The music suffers similar problems.

As for the actors, not only production values seem to be rising, there's also a trend of cramming in as many familiar faces as possible. The cast is almost as impressive as the set, with Simon Yam, Eric Tsang, Tony Leung Ka Fai, Donnie Yen, Fan Bing Bing and Leon Lai on the team. Still nothing compared to the cast of Founding Of A Republic, but an impressive list of actors nonetheless. It is ironic though that the best performance in the film is delivered by none of the above, but by the relatively unknown Xueqi Wang. Even though his character is rather flat and boring, he brings him to life which such apparent ease and style that the man deserves at least some kind of recognition for his role.

screen cap of Bodyguards And Assassins

For those of you that have trouble sitting through an hour of non-action, rest assured that the second part of the film has some very strong and raw action scenes in store. Yen is put to good use here, though his role remains rather small. Leon Lai has some cool scenes too as enigmatic martial arts master, but it remains a little strange to see him like this. The bad guys are equally impressive and form a believable threat to the heroes, putting on display some mean moves and behavior.

Teddy Chan made a good choice when he decided to split the action and drama so rigidly. It gives you plenty of time to sink into the whole setting, easing you into one long action trip at the end. As for the presentation, there is plenty to enjoy though the feeling remains that a different director could've made more of it. It might be a little disappointing considering what it could've been, on the other hand there are some truly stunning and impressive scenes to be enjoyed here.

I don't know how long they can keep up this trend. Looking at Bodyguards And Assassins and Founding Of A Republic, it's hard to image how they are going to top the scale of these films. But as long as they keep making them as impressive as this, I have little to complain about. Recommended if you've been enjoying the epic productions of the previous decade. 4.0*/5.0*

Check the trailer to get an idea of what it's all about.

]]>
Mon, 08 Mar 2010 11:42:39 +0100
<![CDATA[les revenants/robin campillo]]>http://www.onderhond.com/blog/personal/les-revenants-review-robin-campillo

When the dead roam the Earth once more ... the tagline of many a zombie flick out there. Usually a good indication that plenty of growling, lurching and brain eating will ensue in the coming 90 minutes. But some films dare to take a different approach. Some genre cinema is about breaking all the rules rather than following them. Les Revenants is exactly such a film.

screen cap of Les Revenants

The French new wave of horror films is both a blessing and a curse. Without it films like Les Revenants would have gone lost in the crowd, but due to the renewed interest in French genre cinema it is starting its second youth. On the other hand, expectations for French horror films are pretty rigid, which means that many will be expecting shock and extreme gore. Those people will be largely disappointed when they find out what its all about.

These last couple of years there's been a tendency to use popular horror icons and clichés, take them out of their native setting and create something entirely new with them. Films like Deadgirl (zombies) and Grace (vampires) are good examples of this trend. Even though they are telling stories of tired old horror myths, they seem to avoid many of the clichés inherent to these particular sub genres. Les Revenants does a similar thing but goes one step further. Even though we're basically dealing with zombies here, it's been pulled completely out of its horror context.

The dead might have returned from the grave, but it appears they've come back in rather good shape. No rotting corpses with that strange urge to eat human brains, just people who were once dead before, brought back to life. A few minor quirks maybe, but generally in good health. Instead of focusing on the trials of the dead, Campillo aims his camera at the living. We follow three characters who are reintroduced to a dead family member and see how they try to deal with the situation. Sounds pretty novel, but if you've dabbled in Asian cinema before you might be reminded of Shiota's Yomigaeri (Resurrection), which boasts an almost identical premise.

screen cap of Les Revenants

Visually Les Revenants is a tad boring. While there are some interesting shots and scenes, like the first march of the dead, it's a little plain and even a little cheap in places. It's obvious that beyond it's intent there wasn't any room for effects in the first place. There is only one real effect shot which looks remarkably poor. Some scenes are shot with a heat cam (apparently the body temperature of the dead is a little lower than ours) which does add some flair to the film, but in the end it still felt a little lacking.

The soundtrack on the other hand is spot on. Not in the least subtle but very fitting nonetheless. Moody ambient music is draped across key scenes to underline the strange and mysterious events unraveling on screen. It creates a somewhat uneasy feeling that fittingly mimics the emotions of the characters. Acting is a little uneven at times though. The main cast does a pretty good job, but supporting characters can come off somewhat amateurish. Nothing too bad, but a stronger cast could've given some extra depth to some of the characters.

screen cap of Les Revenants

While Yomigaeri approached the idea from a more romantic point of view, Les Revenants can come off as somewhat distant and rigid. There are no happy welcome back parties, Campillo is more interested how people cope in a situation where grief and closure are revoked. In that sense, the film is quite honest (you can read that as emotionally harsh). I'm sure not everyone will be pleased with this, but it does give the film a pretty unique flavor and it makes for several rather uneasy scenes.

The film remains mysterious throughout its complete running time, though nothing much is actually happening. We follow the lives of the three characters as they try to cope with what is happening to them. There aren't any big revelations or mind-shattering explanations, but the finale is satisfactory and keeps a layer of mystery hanging over the film. Les Revenants is a nifty take on the zombie genre, drawing lots of atmosphere from its score and introducing some very interesting themes. It's a definite recommendation for those looking for something a little different. 4.0*/5.0*

Check the unsubbed trailer if you feel the need to see moving images.

]]>
Fri, 05 Mar 2010 10:06:30 +0100
<![CDATA[london 2010/the everlasting drizzle]]>http://www.onderhond.com/blog/personal/london-2010-vacation

After visiting Paris last year it made sense to make a trip to London this time around. Celebrating our 4 year anniversary we spent 4 days in the rather luxurious Hilton Docklands Hotel. Pictures speak louder than words, so below is a selection of pictures I made with a link to their respective galleries. Enjoy!

day 1

The first day was spent visiting some of the famous London attractions nearby. Even though London isn't too far away from Antwerp, we were up quite early and had some delays along the way. To see more pics, check out the gallery of day 1.

a futuristic hallway in the London metro
a futuristic hallway in the London metro
little passage inside the Tower
little passage inside the Tower
memorial for the decapitated women of Henri VIII
memorial for the decapitated women of Henri VIII

day 2

Our second day was no doubt the busiest of the bunch. London Dungeon, Madame Tussauds, trailing down Oxford Street and Carnaby Street and finishing up with The Phantom of the Opera. Want more pics, check out the gallery of day 2.

feels like being inside a space station
feels like being inside a space station
beautiful Fornarina shop in Carnaby Street
beautiful Fornarina shop in Carnaby Street
view on Canary Wharf, taken from our hotel
view on Canary Wharf, taken from our hotel

day 3

The third day started off with the London Aquarium. A quick trip across the Thames and a quick peak in the Film Museum were also on our schedule. Sadly the Dali Museum had closed its door, so that one was scrapped. For even more pics, check out the gallery of day 3.

jellyfish are popular
jellyfish are popular animals
the grey shark, awesome animal
the grey shark, impressive animal
the coolest queen of London
the coolest queen of London, located in the Film Museum

london - day 4

The final day of our trip. We spent most of the day at the London Zoo, then made a quick trip to Oxford street and landed in a little bar near Carnaby Street for our last London meal. For the final selection of pics, check out the gallery of day 4.

Big Ben, Parliament and rays of sun
a composition of Big Ben, Parliament and rays of sun
tubes and tentacles
tubes and tentacles, sea stars are ugly critters
cozy bar near Carnaby Street
cozy bar near Carnaby Street

Plenty of things to do and see in London. Cool city, people there are friendly and helpful and time really flies. Even though we stayed for four days, we had a pretty full schedule.

]]>
Thu, 04 Mar 2010 10:56:50 +0100
<![CDATA[px vs em design/the (in)difference]]>http://www.onderhond.com/blog/work/px-vs-em-design

Last week Jens Meiert launched an article on the the reinstitution of px. Google is officially pulling the plug from IE6, which means the last browser to fail scaling px-defined fonts is yet another step closer to its death. A good time to re-evaluate the difference between px and em designs, keeping a strong focus on why they aren't as different as people usually believe.

quick recap

I assume most of you will know the basic difference between a px and em design, but I'll provide a quick recap anyway. px is a unit used for screens. It's an absolute measure that defines the size of an element based on the resolution of the client. On the other end we have em, which is a unit based on the value of the font-size. 1em equals the height of the current font-size (translated to px).

A good time ago em designs became in fashion as people starting thinking about the best way to handle font resizing using the browser. In an em design, the whole design is supposed to zoom with the font-size, making sure that none of the text spills over or out any graphical elements. Traditional px designs are not that flexible and retain their measures in absolute values, no matter what the font-size might be, often causing the layout to break.

Opera was the first to put a lid on the whole px/em argument by introducing a visual zoom to their browser. Rather than size the font, the whole site was visually zoomed. A nice feature, though you'll probably know that none of the browsers today can provide a perfect graphical zoom. Besides that, the method is somewhat flawed at its core because any images used will turn out fuzzy and unclear. Using em designs and simple font-sizing often gets you the better results (if it is designed as such of course).

designing for flexibility

The reason why px designs "sound" easier is because it is assumed that lengths are definite and unchanging. Once you receive the design, you can determine the width of elements, so trickier visual elements with rounded corners and drop shadows can be cut in lesser images. If you use images to create a box with rounded corners, inner fade and outer glow you'll quickly end up with 8 extra non-semantic and non-structural elements simply to accommodate all the background images. In a px design, you'll only need three.

At least, that's the common way of thinking. Which isn't exactly accurate if you like to write css with flexibility in mind. Assuming a width is definite is always a dangerous thing. I still have to participate in the first project where the design didn't receive some small touch-ups halfway through the development phase. Including changes in general layout, fe widening or reducing the width of side bars.

And even if you leave out the possibility of mid-project design changes, there's always the chance that a component will need to be used in an unforeseen area of the site. It isn't the first time I have to include an extra alert message in some or other component. If your css isn't flexible enough to accommodate these changes, you haven't done a very good job.

So even though you could start constructing your design in px values again, there is still the need to make the design of components flexible enough. An em design inherently focuses on this flexibility, making it clearer to incorporate this flexibility into your css. A px design might appear more definite, but if you're aiming to do a good job, you'll end up with just as much unnecessary html wrappers and just as many images.

so there's no difference?

parent>* {margin:1em;}

There is one major advantage that px designs have. The little css rule above defines a basic grid for all children of a certain parent. Since we are working with ems here, the actual size of the margin is dependent on the font-size of the children. While the rule gives the impression of ending up with an evenly spaced grid, the reality is that some of the children (often headings) will end up with a bigger margin because they have a larger font-size.

This is actually a pretty annoying problem (and my main reason for inserting a span element inside each heading I define). When applying a px design, you won't have this problem as the margin will be an absolute measure unrelated to the font-size of the child. The negative side is that when you size the font, the spacing between elements won't size accordingly, creating a somewhat muddled impression the more you size your font.

conclusion

While the need to avoid px for font-sizes is fading little by little, this doesn't mean you should simply switch back to the px design of the olden days. And when you do, make sure to remember that flexibility is a very strong asset in your work. Make sure that content can size horizontally and vertically without breaking the design, no matter whether you're implementing a px or em design.

As long as we'll have the need to use css background image to create certain graphical effects, the need for flexibility will stay and the difference between px and em design will remain rather futile.

The main thing to keep in mind is that whatever method you use and whatever design you are fed, designs are subject to change and implementations that are built to be resistant to such changes are of far more quality.

]]>
Wed, 03 Mar 2010 12:06:01 +0100
<![CDATA[orochi/norio tsuruta]]>http://www.onderhond.com/blog/personal/orochi-review-norio-tsuruta

Tsuruta stood at the crib of the Japanese new wave of horror films. About 20 years later things have quieted down a little and the Japanese horror scene has grown more diverse once again. The black-haired ghosts have made room for films like Tamami and Grotesque and directors seem eager to explore new horror grounds. Combining all these elements it becomes obvious how Orochi was conceived.

screen cap of Orochi

Tsuruta is a horror veteran. Single-handedly pulling the Honto ni Atta Kowai series his influence of the Japanese new wave is beyond a doubt. With films like Yogen (remade as Premonition), Sky High (though more of a Kitamura film) and Dream Cruise (Master of Horror series) he reached beyond the realms of the Japanese public and landed some success in the West. I've seen most of his films, but can't say I am a big fan of his work. I'm not the biggest fan of the new wave in the first place, but even then his films seemed a big lacking compared to Shimizu and Nakata's efforts.

Orochi is an adaptation of a Kazuo Umezu manga, a rather strange public figure that left a legacy of interesting horror works behind. In recent years his work has proven a good source for film adaptations, leading to a series of 6 short films based on his stories. An interesting series if you'd like to see more atypical Japanese horror films, with Kurosawa's Bug's House and Yamaguchi's Present as main attractions.

When I finished Orochi I was actually quite surprised to see that Tsuruta directed it. There is little here that links back to his previous films. Only a weak link to Sky High exists, but that's his most atypical film anyway. Orochi is a film that steers clear from the new wave clichés and reaches back to more classical horror. Not a very original move as Nakata did something similar with Kaidan and anthology films like Rampo Noir have been receiving positive attention these last couple of years, but a slight fantasy line does inject some welcome originality into the film.

screen cap of Orochi

Orochi is a kind of spirit that watches over mankind. While she does interfere from time to time, she derives her pleasure from simply watching us go about life. One day she lands at the house of a famous actress and gets involved with the family. It doesn't take long before the darker side of glitter and glamor is revealed, and before she knows it she gets entangled with the fate of the family.

Visually Orochi is a lot more pleasing than his previous films. Though pretty classical in style, the set pieces are impressive, with a lavishly decorated house and lovely costumes. Good, strong camera work and some interesting shots whenever Orochi is around make this film a pleasure to behold. None of that cheap "realistic" style that disgraced many of the Japanese new wave films, which is always a good thing.

The score is pretty minimal, with most of the music coming from within the film itself, be it through a singing contest or a film being played in the theater room. There are some other musical pieces but they are mostly supporting the atmosphere already there. Most of the film is actually carried by the rather soft and dreamy voices of the cast themselves. Who, truth be told, do a great job at acting out the tragedy of their respective roles. Usually horror films have little need for good acting, but since tragedy has a big part in this particular kind of horror, it's reassuring to see Tsuruta pulls such good performances from an otherwise rather unknown cast.

screen cap of Orochi

Though Orochi can be classified as horror, there is very little to be seen, nor are there many scares or scenes of overpowering suspension. The curse on the family is all there is to carry the film, but the tragic events following from it are more than enough to warrant the film its horror label. Just don't be expecting anything creepy, tense or gross. Orochi plays more like a Rampo horror, contrasting its gruesome scenes with a classy and classical setting.

The addition of the fantastical figure gives Orochi a somewhat novel feel though. While her character has a somewhat strange and unfitting role in the whole, it is exactly what her character is about. She is someone who observes, interprets and intervenes, but only when absolutely necessary. It's a stylish, well-developed film with a very classical base that still succeeds in coming off as rather fresh. Hopefully a fresh start for Tsuruta as I definitely prefer this film to his older work. 4.0*/5.0*

Check the trailer to get an idea of what it's all about.

]]>
Mon, 01 Mar 2010 11:33:15 +0100
<![CDATA[zelda: spirit tracks/nintendo quality]]>http://www.onderhond.com/blog/personal/zelda-spirit-tracks-review

Spirit Tracks is Nintendo's sequel to the first DS Zelda game. Borrowing its style from the Wind Waker (Gamecube), it continues Nintendo's fine tradition of quality gaming software, offering solid, creative and fun gameplay in a totally immersive world. Lately they have been outsourcing some of their franchises, luckily they kept Zelda within their own tight control. The result is everything you've come to expect from a Nintendo game.

promotion art of Zelda: Spirit Tracks

Zelda has always been one of my dormant favorites. I've liked every Zelda game I've played so far, though not one of them has ever made it to my list of absolute favorites. When I tried the first DS Zelda, I wasn't all that convinced and decided to look for other things. About 30 minutes into this sequel I was proven very wrong. The controls take a little getting used to, but once you master them the game plays like a dream.

Spirit Tracks is the first game I play that actually relies on the stylus for moving around. You simply point to where you want to go and Link starts running. Tapping the screen makes Link interact with objects. He can push, pull, pick up and talk to elements within the world this way. These controls are extremely simple but take just a little time to get used to. Once you've mastered them they feel completely natural, making you wonder why you've ever had trouble navigating.

The gameplay of Spirit Tracks is divided into two sections. You have the overview map, which is navigated by train. On this map are several locations you can access which allow you to walk around more freely. Driving around with the train is pretty fun by itself. You can map your route, kill some enemies along the way using your canon and even hunt for rabbits if you want. And if you're taking passengers, make sure to stick to the driving rules or else they'll think you're a bad driver and leave your train.

screen caps of Zelda: Spirit Track

The other areas feature more typical Zelda gameplay. Puzzles that need to be solved, enemies that need to be beaten. During the game you can collect special weapons granting you new options to solve certain puzzles. These weapons are essential to advance and to unlock many of the available side quests. On top of that, you have a set of bombs and your sword. While this doesn't sound like much, the makers made full use of all these capabilities to keep the puzzles and action as creative as possible.

There is an additional challenge as princess Zelda is tagging along on your journey. For the bigger part she just comments on what is happening, but in the tower she can enter the body of Phantoms and she becomes and extra playable character. It's a handful controlling two characters at once, but it does add a lot to the variety of the gameplay.

While the main path of the game is pretty episodic and straight-forward (4 areas, two main stopping points, one tower to rebuild), the side quests and sub games provide all the diversion you'll need. Transporting people and supplying goods to the towns grant you gems, activating new tracks on the map and allowing you to travel to new places. These side quests take up a large part of the game, making it last a lot longer than the main story arc would have you believe at first.

Visually the game is extremely pleasing. It does depend on whether you appreciate the typical Wind Waker style, but it works very well on the DS, making the characters very emotive and recognizable. The 3D is nice, though a little flat on the maps, the other areas are pretty varied and feature the regular details you'd expect from a Zelda game. Including the chickens (though they call them cuckoos now - still looks like chickens to me).

promotion art of Zelda: Spirit Track

The soundtrack too is pretty enjoyable, which is a rarity for DS games. Nice, recognizable tunes that are perfect to hum along with. There is no voice acting, just some small samples of people umpfing ans grunting. The microphone is also used to full effect, as there are a couple of tunes that need to be played on a flute. Cool stuff, just be aware that you'll be looking like a complete idiot doing it in a public place.

Spirit Tracks is a pretty vast game, though it doesn't really look it at first. The maps are quite small, but there are enough locations and plenty of side quests to add to the length of the game. No matter whether you're taking passengers, collecting stamps, hunting rabbits or doing some renovations on your train, there's always some place to go or some job to finish before continuing the main story arc.

The game is perfectly balanced, making full use of all the options on the DS. The gameplay is natural and intuitive, the puzzles varied and creative, the difficulty level just about steep enough. It's definitely one of the best games I've played on the DS so far, the first one is already awaiting my attention. Definitely recommended. 4.5*/5.0*

Check the trailer if you're interested

]]>
Fri, 19 Feb 2010 13:04:28 +0100
<![CDATA[improve your front-end skills/setting standards]]>http://www.onderhond.com/blog/work/improve-your-front-end-skills

Front-end development has come a long way ever since we've switched from tables to divs. In 10 years time our job shifted from after hours tweaking to becoming truly professional occupation. Still, when taking a moment to look around there is still lots of room for improvement. A little too much maybe, so here are some important pointers that will help you to become better at what you do.

1. learn about semantics

And by that, I mean truly learn about semantics. Not just the simple meaning of the available html tags, but also the reasons why we aim to write semantic code. This might sound very simple, but take one of your websites and take a good look at the class names you defined. Did you give them simple names or complex computer-like descriptions. Did you make sure you applied them consistently across all the pages. Not to copy css or javascript functionality, but because the elements are essentially the same.

bad .productList li good .productList .product

If you have blog posts, products, events or whatever other returning content type on your site, did you make sure that every content type, no matter what its context, received the same class name? .productList li doesn't cut it. A program doesn't make the assumption that productList is a concatenation of two words, making the list items "products". A program sees two different class names and leaves it at that, unless specifically programmed.

You once read that it's smarter to define a base class to an ul rather than place a class on each li? Sure, I've read that too. It's not necessarily wrong, but we're talking semantics here, not styling. So take a moment to consider how you handle semantic value in your documents. Are you really thinking about semantic value, or are you just worried about how to get your css in there?

2. learn about structure

html is more than semantics alone, it's also about structure. Tags like header, section and footer are there not to give specific semantic meaning to elements, but to group elements and to express relations between them. They are the foundation of your document.

Don't write html as a means to style your site or to add certain functionality. Wrap elements that belong together not because they are visually grouped, but because they belong together. If might not be useful now, but once the code is implemented in whatever cms you will notice that these elements give you a more flexible html structure.

Concepts like iterative design and scrum allow for quicker and smaller updates. Make sure that the code you write is somehow resistant to these little changes, or even complete redesigns. If you have to ask a code change for each question asked, you'll end up looking like an amateur.

3. keep your css clean

Sure, you've read this a hundred times already, but do you actually make sure that your css file is as clean as can be. Did you define general sections like grids, navigation, simple content, components, forms etc to structure your css? Did you group all css rules for each component, starting from the root tag, gradually going deeper into the component. Did you separate different components with a little title in a css comment? Made sure that your whitespace between rules and sections make any sense?

I see lots of css files pass by on a daily basis that do none of these things. The idea of keeping a clean css file might make a lot of sense to you right now, but once you start styling, it's a lot harder to actually achieve it. Take a half day off and make yourself a template for your css files. Define which sections return in each project and stick to them. Keep all the css of a single component nicely grouped and make sure that you comment where necessary.

When phase 2 of your project starts, you will thank yourself. Other people working on your code will do the same.

4. think, evaluate, improve

Usually projects are running on a tight schedule. This means you'll have to make choices during development that aren't as well-considered as they should be. This is not a bad thing, just make sure to take the time afterwards to think them over. Have a good idea, write it down and implement it in your next project. If it doesn't work out, just drop it and try something new.

Becoming a good front-end developer takes time and practice. Just make sure that you learn from your mistakes. Some parts are harder than others, but if you keep looking at a certain problem from different angles you will end up with a solution that's at least satisfactory. And if you're really stuck, ask others to give their opinion. There's a world of front-end people out there blogging about their job every single day. Most of them are very willing to help you out.

5. don't believe the hype

If you want to be good, inform yourself. Doesn't matter whether it's books, blogs, colleagues or courses, just make sure that you are following whatever is going on in our tiny world of front-end development. Just don't believe all the hypes. Many bloggers use their articles as self-justification for their own methods. No matter how many times you've read it these last couple of weeks, don't believe that css3 is ready for use. Don't simply believe in graceful degradation.

Read and ask all you want, but be sure to make a critical evaluation of what is being told to you. It's all about agreeing, not about believing. Front-end development is a pretty specific field dealing with a billion different people, using a billion different setups. Make sure that you give them an experience worth having, even if they are using crappy hardware or software. Things might look good on your screen, but if they suck on someone else's, you've lost your credit.

Using the latest technologies is fine, as long as you know where their limits lie, what the impact is on future development and how they leave older setups. People are right when they say that a single person will not compare your site in different browsers, but be sure that he will compare it to other sites. And he might be wondering why yours is so square and using solid color drop shadows. He'll probably think your site is a little sloppy compared to all those others. Is that really what you want?

conclusion

Nothing new you say? True enough, but the fact is that these pointers are still being neglected to the point where many professional companies are coming off as truly amateurish. Like most things that appear simple, mastering them can be a real pain. So make sure that each new project you tackle adds something to your skills. Read, try and think and rethink if it's not helping you, that's all there is to it.

]]>
Thu, 18 Feb 2010 12:38:10 +0100
<![CDATA[the moss/chi-kin kwok]]>http://www.onderhond.com/blog/personal/the-moss-review-chi-kin-kwok

Noir is back and even Hong Kong cinema has jumped onto the bandwagon. The latest film to join the select group of dark-edged films digging into the Asian underworld of crime, crooks and nooks is Chi-kin Kwok's The Moss. A film not afraid to glorify the ugliness of what lies below the mask of a bustling city, revealing a hidden world of people living on the edge of society.

screen cap of The Moss

If you feel the need to compare this film, there is no better option than Pou-Soi Cheang's Dog Bite Dog. Both films share a pretty identical setting and styling. A certain grainy darkness that pours from every shadow and character. It's still a little strange seeing this type of film emerging from the Hong Kong film scene, which is usually more taken with sparkling and well-washed celebrities doing their thing.

The Moss finds itself dealing with Jan, an undercover cop turned bad. Part cop, part criminal and completely lost. In love with one of the whores from a whorehouse he raids from time to time with his chief in command, he goes about his life and job as if he has little left to lose.

Things take a turn for the worse when the son of a local mobster goes missing. When she starts pulling some strings Jan ends up in the middle of a violent little mob war. And to add to the fun, some young Pakistanis are aiming to take over control of the neighborhood with the help of a rather shady killer for hire. Throw in some heavy contrast with a 12 year old girl representing purity and you have all the ingredients for a gritty tale from the slums.

screen cap of The Moss

Visually there is plenty to enjoy here. Kwok finds the right balance between shaky, close to the skin hand-held action and clean, controlled camera work. His use of color is pretty much perfect, with warm, deep color contrasting the heavy and shadowy blacks of the gloomy setting. It dictates the feel and atmosphere of the film, making the somewhat improbable story that much more believable and immersive.

The soundtrack is equally nice. Dark, brooding and just a little off-beat. Not too present or dominating, but doing a good job of enhancing the already gritty atmosphere. Acting is overall strong too, especially Shawn Yue who's putting in quite an effort. Even though his character is hardly original he knows how to put in some genuine intrigue and emotion. The supporting cast is just as dedicated to keeping the quality of the film high, with a neat little cameo of Eric Tsang to finish it off.

screen cap of The Moss

The film takes a couple of strange turns in the middle. The addition of the Pakistani gangsters is a little odd, so is the beggar/killer character. But through the lock-tight atmosphere it never becomes too weird or alien. Kwok hurls his characters from gritty slum to slum but keeps a tight focus on the different story lines waiting to hit each other dead on, never letting the film meander too much.

The Moss is not a wildly original film, but executed so well that it impresses from the very first seconds right until the final credit fades from the screen. Kowk's direction is marvelous as he lets nothing slip by. A tightly paced story, good acting, solid soundtrack and visual splendor are all part of the fun. It never turns into a true masterpiece, as some elements do feel a little quirky and the story does take some strange directions, but it's good to see people follow in Cheang's footsteps. There's a bright future for HK noirs, if you pardon the pun. 4.0*/5.0*

And of course the trailer if you want a sneak peek.

]]>
Wed, 17 Feb 2010 11:37:27 +0100
<![CDATA[the collector/marcus dunstan]]>http://www.onderhond.com/blog/personal/the-collector-review-marcus-dunstan

For 6 long years the Saw franchise has been dominating the American torture horror market. There hasn't been too much competition and keeping a genre fresh with only a few sequels is a pretty impossible task. So fans have been awaiting a new contender to take the stage. The Collector could very well be just that. A nifty piece of gruesome horror and sadistic entertainment.

screen cap of The Collector

From the very first minutes it is clear that Dunstan had a decent budget to work with. Maybe a little surprising for a first-time director, but some extra digging reveals that Dunstan isn't exactly new to the the world of film. He scripted Saw 4-6 and the complete Feast trilogy, which seems to have earned him enough credit in the American gore scene to land him in the director's chair. With The Collector he continues his fine tradition of sadistic horror and goes head to head with the Saw franchise.

The concept of The Collector is pretty simple. The titular criminal is guy who loves to collect humans. His motives remain vague and unclear, his methods on the other hand are explained in full and lavish detail. He derives his pleasure from entering a house and setting traps to catch all inhabitants, playing a rather cruel cat and mouse game before finishing them off. When an unsuspecting thief breaks in while our collector is doing his thing, the thief is in for the surprise of his life.

It doesn't really sound like much, but with films like these it's not so much about original concepts or smart storylines. The execution is what makes or brakes the film. And so The Collector turns out to be a true genre piece that bends as little rules as possible, but tries to indulge the fans with as much gory details as possible, leaving very little to the imagination of its audience.

screen cap of The Collector

Dunstan proves himself quite skilled with the visual side of things. Most of the film plays at night, granting the film in a very dark and brooding atmosphere. This in heavy contrast with the scenes in the basement of the house, which are draped in an eerie green glow. The editing is snappy and crisp as you would expect from a film like this, increasing the tension and always keeping a tight pace. The film is rather short, so there's little time for filler.

The soundtrack is decent enough, though pretty predictable. Except for the opening track that is, which literally cleaned the dust from my speakers. Distorted and gritty industrial techno set to an onslaught of bright, high-contrast images. Shame this particular style was only used for the opening credits. Acting performances were sufficient, with many young faces having little ambition to belong to the greats of modern-day actors. On the other hand, better actors wouldn't have made this a better film. These kind of films are not really about touching performances or dramatic impact.

screen cap of The Collector

The collector himself could've been styled a little better. His posture is impressive and there are some nifty little touch-ups giving him almost demon-like eyes, but the lame SM cap makes him look a little cheap. As one of the many masked maniacs he comes of as pretty plain. Luckily his methods of torture are way more fun and are aimed to entertain the fans of mean-spirited horror. The ending is wide open and leaves plenty of opportunities for a sequel, though I'm not letting that spoil my fun yet. I'll worry about that when an actual sequel is announced.

The pacing is fast, the tension strong and the concept fun enough to make it a lovely little genre film. Dunstan proves he has more to show than writing scripts for the rest of his career and delivers a film that is quite sure to please the fans. It's a simple film, there's not much here except atmospheric cruelty, but what it does it does extremely well. The definition of a good genre film is you ask me. 4.0*/5.0*

Like always, check the trailer only if you must.

]]>
Mon, 15 Feb 2010 11:34:02 +0100
<![CDATA[css3 gradients/eliminating server requests]]>http://www.onderhond.com/blog/work/css3-gradients-cross-browsers

With the release of FireFox 3.6 it is now possible to do css gradients across the most commonly used browsers. This is cause for celebration no doubt, but looking at all the different implementations and workarounds this requires, we're still a long way from where we need to be. Add to that some unexpected troubles and there's enough substance for a short article.

I won't be going into too much detail on how to implement all gradient variants in the different browsers families, there are plenty of tutorials out there doing a pretty good enough job at that already. Instead this article will take a closer look at how these css3 gradients make our life easier and what additional problems they present.

the tower of babel

There is no final css3 spec for css gradients, which blows. Firefox and Safari are currently holding on to their own vendor prefixes and syntax, which are wildly different from each other. A similar thing is happening with the css3 border-radius property, though the differences in the css3 gradient syntax are way bigger. My preference goes to the Firefox syntax as it ties in closer with the existing css syntax. The Webkit syntax feels more like reading an awkwardly constructed English sentence. On the other hand, the actual rendering of the gradient is much better in Webkit. A lot cleaner and homogeneous, whereas Firefox still shows clear color levels in certain gradients.

There is another problem in Firefox where a gradient defined on the body is repeated if the site isn't as big as the browser window. I haven't really checked for default behavior of the body tag in this particular situation, but Webkit simply continues the gradient over the complete browser area, which is a lot nicer. It can be fixed adding a min-height of 100% on both html and body tag, but clean it ain't.

Then there is Opera 10.5 which currently doesn't support css gradients, so no gradients for Opera users. This is probably not a bad thing as Opera isn't into vendor-specific prefixes. Introducing it now with a syntax that is nowhere near completion will result into bigger problems later on. And then there is IE of course. Usually the last one to get any of the spiffy features, though it turns out gradients have been possible in IE from IE5.5 onward, through the use of DX filters. Not the quickest or cleanest way to do anything design related, but as a last resort not such a bad option.

The conclusion is clear though. Three vendors, three syntaxes, not one of them according to any official spec.

specs and graceful degradation

What does this mean for the future? Imagine a final spec in a year or two. We then have to add the actual css3 proposed property, hope that Opera has the same syntax as the final spec, leave the vendor-specific properties alone until all versions that depend on the vendor-specific properties have died out and add the DX filters for IE. All that for one simple css gradient.

Sure it saves us one server request, sure it's a lot cleaner to do it in css, but I'm not really looking forward to this way of working. Certainly if you count all the other semi-supported css3 properties currently in use. The same will happen for border-radius and box-shadow. I'm not really pointing fingers (though I do believe Webkit and Firefox are being a little childish) but all these semi-supported css3 properties are not making our job easier and will become problematic in a couple years time.

So much for the graceful part of degradation.

mind IE

Also mind that even though IE support gradients, you still won't be able to use it in all circumstances. If you're reading this blog in the latest versions of Firefox, Safari or Chrome you'll see the gradients in the background of my site. If you're reading it in IE they won't be there. The reason is simple but wasn't immediately clear when I first read about the IE support for gradients.

The problem lies with the rounded corners of my main frame. Since the height of my blog isn't fixed I cannot predict where the bottom rounding will hit the gradient. As the rounded corners are done using images in IE I have to cut the background color inside the image,yet I don't know where they'll hit the gradient so I have no idea what background to cut into the corner images.

For IE I had to choose between gradients and the absence of rounded corners, or rounded corners and no gradients. I chose the latter as the impact on the rest of the site is a lot bigger. So know that css gradients can be used in IE, but they still don't act nice if rounded elements need to be positioned on top of the gradient.

conclusion

The conclusion is quite obvious. css3 gradients are cool if you can apply them to simple elements or if you have a client who can live with the fact that some browsers won't show the gradient. Sadly all the different implementation will muddle your stylesheet (the syntax isn't exactly short either) and will continue to pollute it long after the official spec has launched.

If you want quality gradients across all browsers, it's still better to work with a css background image. You'll have complete control over the rendering and it will work seamlessly across all browsers. But if you need to save server requests and you don't mind lesser implementations and muddy css code, at least you finally have a valid option.

]]>
Wed, 10 Feb 2010 15:09:11 +0100
<![CDATA[the storm warriors/oxide and danny pang]]>http://www.onderhond.com/blog/personal/storm-warriors-review-oxide-danny-pang

Oxide (The Detective, Som and Bank)and Danny (Seven 2 One)Pang are known to go berserk when they can get their itching hands on CG, with varying results. It's not that they lack creative vision, but their budget doesn't always allow for great excesses. The Storm Warriors changes all that. Epic in all respects, this is the moment both brothers were able to prove their worth. And they did.

screen cap of The Storm Warriors

The Storm Warriors carries quite a legacy. The original saga comes from a manga, which spawned a number of TV series, an animated film and one live action film. It's a huge franchise in the East, sadly it never really caught on in the West. This makes it a little harder for newcomers to get a good grasp on the whole Storm universe, though the Pang Brothers made sure to keep it accessible for outsiders.

The Pang Bros film is not a direct sequel to the first film but features the same core cast and characters. It's a pretty complex web of intrigue, drama and tragedy served in epic proportions. Though the story itself is somewhat muddled and complex, the film really isn't. Short bursts of plot progression catapult the film forward, bridging the gaps between huge stand-offs and grand battle scenes. Considering the scale, Oxide and Danny kept the film surprisingly small and pure.

The story finds Cloud and Wind (together they form a storm, get it?) fighting together to beat an evil warlord. The lord is looking for a sacred spine which grants him control over the Central Plains. Cloud and Wind fail to beat the warlord and are in desperate need to enhance their strengths. Both venture their own paths in trying to increase their fighting powers, resulting in what must be one of the longest stand-offs in movie history.

screen cap of The Storm Warriors

Visually the Pang Bros go wild. Though the CG environments look a tad fake and shabby at times, the Pangs more than make up with superbly executed fantasy martial arts spells and some truly stunning art direction. The big fights early in the movie are based on the same fighting aesthetics seen in 300 but are executed in a style almost resembling animation. It's simply jaw-dropping beautiful to behold.

The fights later on are of a smaller magnitude and feature more common action aesthetics. And yet, the "liquid smoke" effects are equally stunning and justify the almost obsessive way the Pang Bros use them to fill scene after scene. Sadly the actual one-on-one battles do look a bit poor in comparison, featuring camera work which is a little too hectic to impress. These scenes are rather rare though and don't hurt the overall visual grandeur of the film.

The soundtrack is a little too epic for its own good. The brothers have a way of incorporation some electronic influences, sadly they can't be heard in this film's soundtrack. The theme tune is way too cheesy, the score itself a little overdone. Acting performances are a little divided too, with Kwok and Cheng proving they can't even carry a film like this. Yam, Tse en Luet on the other hand make sure that it's not all negative. Though only Yam has a key role in the film, they're all able to add something substantial.

screen cap of The Storm Warriors

The Storm Warriors is an easy film to burn down. It's a true effects film, focused on posing, epic drama and excessive visual effects. The plot is only there to jump from one fight to the next, the tragedy is a simple result of the epic proportions of the story. It never attempts to truly engage or to evoke genuine emotion. It's all about the cool and the grand magic spells.

I truly believe the Pangs made the right decisions making this film. It's not the type of story that asks for a serious execution. All plot is filler so the more you minimize it, the less filler you have. The story and setting are beyond epic and so it's better to blow everything completely out of proportion. And that's exactly what they have done.

The Storm Warriors is definitely not a masterpiece, but taking it at face value, it's an almost perfect piece of entertainment featuring some stunning art direction. It has some of the grandest and baffling fighting sequences I've seen in a long time. With that, I don't really care about some shabby acting performances or a poor soundtrack. A worthy upgrade from the original film, but approach with care. If you want epic with a ridiculously serious rendition of a stupid plot, stick to the Matrix', LOTRs and Avatars of this world. 4.0*/5.0*

Check the trailer only if you want to spoil yourself.

]]>
Mon, 08 Feb 2010 10:16:11 +0100
<![CDATA[job opportunity/internet architects]]>http://www.onderhond.com/blog/onderhond/internet-architects-job-opportunity-2010

In times of financial crisis a company should be more than happy to have plenty of work, but when that work keeps piling up and time proves itself unwilling to bend, measures need to be taken. And so Internet Architects, the company I work for, is looking to reinforce its development team. Here's your chance.

A short introduction of our company is probably a good place to start. Internet Architects is an Antwerp-based company involved in the creation of websites. Our aim is to be good at what we do, making sure both our clients and us can be proud of the work we deliver. We handle everything from strategy to front-end development, going through information architecture, wireframing and design phases in between. What we don't do is the actual implementation of a site, which is handled by partners, allowing us to chose freely between possible technologies for each site.

We are currently looking for someone to help out with front-end development. Your job will be to create static templates based on wireframes and graphical designs, using html, css and javascript. You'll be doing this together with my colleagues and I who will help you in reaching the quality levels we try to uphold. This will include browser testing, writing flexible and manageable html, css and javascript and working with concepts as accessibility, graceful degradation and unobtrusiveness in mind.

If you've not mastered all of these skills yet, don't despair. We are looking for people with a soft spot for front-end development and with the unquenchable drive to get better at it, questioning everything and everyone in the process. Even ourselves. Do note that we are stationed in Antwerp (Belgium) and you will be required to work on site. Knowledge of the Dutch language is also considered a big plus.

So if you feel up to it (or know anyone that would be interested), be sure to drop us a note at jobs@internetarchitects.be and we'll be sure to contact you for further arrangements. Don't let this chance slip by!

]]>
Wed, 03 Feb 2010 13:06:18 +0100
<![CDATA[gelatin silver, love/kazumi kurigami]]>http://www.onderhond.com/blog/personal/gelatin-silver-love-review-kazumi-kuriga

If the gripping title isn't reason enough to make you watch this film, then the appearance of Masatoshi Nagase should surely suffice to spark some interest. Still doubting ... then hopefully the following review will make you change your mind, because notwithstanding its faults Gelatin Silver, Love is a film that deserves to be seen.

screen cap of Gelatin Silver, Love

Kurigami is one of those photographers turned director. After seeing Corbijn's Control not too long ago I became a bit weary of those, but Kurigami is clearly playing in a different league. For his first feature film he explores familiar territory as photography plays a big rather part (Gelatin Silver appears to be a reference to black & white photography), but he applies this familiarity to bring something new to the world of film.

Gelatin Silver, Love is cyberpunk cinema without the cyber and without the punk. What it did inherit is the extreme fascination for tiny details. Kurigami isn't ashamed to dwell on them resulting in a film that's more visual than it is narrative. It will take a while before the viewer can figure out what the hell is happening and where Kurigami is leading you, but that time is happily spent enjoying other things.

The story starts when Nagase takes on a new job. He is a photographer by profession, but bills have to be paid, so he spends the rest of his time as a stalker for hire. Up in his little flat he is asked to observe a girl and tape her every action inside. Not much happens until Nagase starts to notice a couple of unusual patterns in her behavior. Before he knows it, he is enthralled by the girl and tries to track her down when she leaves the house.

screen cap of Gelatin Silver, Love

Visually there is plenty to enjoy. Kurigami's love for details translates itself to plenty of close-ups, worn-down settings and a meticulous use of color. He has a little more trouble when he ventures into uncontrolled settings (the scenes outside featuring a bigger cast) but most of the film is kept small and intimate. Add to that a nice and dreamy visual flow with little to no sharp edits or manic camera work and you have a very pleasing, controlled and accomplished looking film.

Wish I could say the same thing about the soundtrack, sadly Kurigami falls short here. He uses a large blend of different styles, overshadowed by the most atrocious 80s-like sounding guitar solos. A recurring theme I didn't really understand as it effectively destroys the atmosphere in a couple of scenes, especially in the beginning of the film. There are some electronic tracks too, though the processed sounds of the ambient track didn't convince, nor did the fabrication between IDM and industrial a bit later on. Gelatin Silver, Love could've been a masterpiece, but the score prohibits it from being truly magnificent.

The acting on the other hand deserves some extra praise. Nagase is cool as always, sporting a dark and somewhat impenetrable attitude. The man still knows how to pick his films. He acts opposite of Rie Miyazawa, who, with the little she has, does a fine job too. I was a bit surprised by the addition of Koji Yakusho, not someone I'd have expected in this film, but he teams up pretty nicely with Nagase. He doesn't have too many lines or scenes but succeeds in making the best of them.

screen cap of Gelatin Silver, Love

Retelling the story would be missing the point. It's one of those typically Japanese tales of obsession, with a strange focus on eating eggs and paid killings. Little details that will matter a lot as the film progresses. It's a little weird, it's a little different, but it's fun and pretty intriguing. If you can go along with it at least.

Kurigami makes a pretty good impression with his first film. Visually Gelatin Silver, Love is almost perfect with strong use of color, solid camera work and plenty of close-up work creating a tight atmosphere. The story is intriguing, the acting top notch, the only real problem is the horrible soundtrack. It might sound like a little thing, but in a film like this, almost solemnly depending on atmosphere, it can be a real killer. Still worth checking out though as there is plenty to like. 4.0*/5.0*

Check out the trailer, it's worth it.

]]>
Mon, 01 Feb 2010 11:23:13 +0100
<![CDATA[town creek/joel schumacher]]>http://www.onderhond.com/blog/personal/town-creek-review-joel-schumacher

For some obscure reason I seem to like Joel Schumacher's work, especially his more recent output. I don't follow him too closely, but whenever I see a chance to watch one of his newer films I like to grab it with both hands. So when I heard Schumacher was dipping his toes in the horror pool, I got pretty excited. And not without reason.

screen cap of Town Creek

Even though Schumacher's films aren't all that unique, they seem to possess a certain quality not often found in Hollywood cinema. Even though the broad strokes seem to answer to the Hollywood cliches, the details are usually a lot more interesting and colorful. Add some nice visual touches and I'm pretty much sold. Though I have to warn you, I'm probably the only person alive who considers Batman & Robin the best Batman film out there, so a certain level of caution is advised.

Town Creek is a rock solid USA horror flick with some fancy dashes of European flavor. Even though the setting, characters and plot all hint at Hollywood, the pacing, directness and lack of filler do refer to the current European style. It makes Town Creek an interesting blend of money and passion, though one that requires you to be at peace with the mix of worlds which Schumacher serves.

The film starts with a 10 minute flashback. Some crazy nazi dude is looking for some old runes and lands himself in the home of a rather unsuspecting family. After the quick introduction, we jump to current time where we meet the main character, a paramedic who's brother went missing in the wood. The brother quickly return and the both of them leave for a good portion or revenge. They end up at the house of family from the introduction, who appear very much untouched by time. This all in a mere 20 minutes.

screen cap of Town Creek

Visually the first 10 minutes are shot in truly lushious black and white. I was actually quite disappointed when the film switched back to color after the introduction, though it doesn't take Schumacher long to reboot his visual trickery. Similarly to The Number 24, Schumacher likes to play with light to bring more atmosphere to the images, and does so with great succes.

Especially for a horror film atmosphere is key, and with half the film playing during night time Schumacher makes sure to grab the opportunity to use dark shadows and functional camera wrok to cover up some of the sillier effects. Creature effects are decent enough, but would surely fail in broad daylight. Add some fires casting flickering yellow lights and gone are your worries.

The soundtrack is pretty decent, though at points a little overblown for a film like this. It's probably Schumacher working too long in Hollywood already, but a little more subtlety or snappy power would've been better. Some scenes are set to longwinded, emotional and somewhat bombastic music which doesn't really help the overall atmosphere. Acting is on the same level, as nobody really falls below acceptable norms, though I'm sure none of the actors are going to win any prizes either.

screen cap of Town Creek

4.0*/5.0*

Find the trailer if you must, but I'll advise against it.

]]>
Thu, 28 Jan 2010 11:59:19 +0100
<![CDATA[front-end quality levels/4 x zoom]]>http://www.onderhond.com/blog/work/front-end-quality-levels

The job of a front-end developer is a challenging one. Our job is not one of rules but of recommendations and best practices. With each project we try to improve our skills and hope to get better at what we do, but the path to success isn't always very clear. We can learn a lot from our past mistakes, but having a bit more grip on how to improve ourselves can be equally stimulating. This article will tell you where to start.

how to define quality

If you ever had to judge the code of someone else you might already know how difficult it is to put some kind of grade on it. Not only because of differences in coding styles, but also because the quality of good front-end code doesn't really show itself at face value. The quickest way to judge is to take a look at the source code of the html, css and javascript, but that will only tell you so much.

I'm not too interested in defining a grading scale, as that is quite impossible anyway. I think it's more important to define what areas and scopes there are to define the quality of front-end code. In my experience, there are four important levels that need to be taken into account. I'll start off with the easiest and smallest one, working my way up from there.

1. making a page

This is where it always starts. You make or receive a design, sit yourself down in front of your computer, you pick your favorite browser and start work. Writing html, css and javascript to match a design and functional breakdown is quite the challenge in the beginning. As a non-designer it took me some time to understand the delicacies of good design and to translate those to a web page. On the other hand, this is probably the easiest part of the job.

Apart from design issues, you also have to worry about writing valid code and you have to make sure that your page is accessible to people not using regular web browsers. For most people this will open doors to a whole new and unfamiliar world, but it's essential for the overall quality of your code.

Checking the quality of this first level is quite easy. Code validators, a quick glance across the source and quickly scanning the page with css turned off will tell you a whole lot. But of course, this is only the beginning.

2. making a page work cross-browser and cross-platform

Time to zoom out. Making one single page to work in your favored browser is one thing, making sure it works okay in a range of browsers and operating systems is a whole different challenge. First of all, it is important to note that it's not necessary to have the page show up exactly the same in all browsers. For older browsers it suffices to make it look and work okay, just without the fancy stuff. It is important though to make sure all the functionality is still there. Sacrificing essential functionality is simply not done.

Usually worrying about browser-compatibility is something that happens afterwards, but it's actually important to have it in mind when you start on a project. Some techniques work better than others, some techniques are easier to fix than others. Choosing the right ones from the beginning will make browser-testing and fixing so much easier for you. Knowing the ins and outs of browsers and slightly changing your code course to steer away from the biggest issues is a long and tiring process, but it helps to improve the quality of your code by a great deal.

Measuring the actual quality of this level is a tad harder, though the length of the browser-testing phase is a good indication of this. The better you get, the easier it becomes to tackle browser problems, and the faster you'll be at making sure all browser show a page in an acceptable way. But even then, some extremely obscure bug might keep you up all night.

3. making a site

Time to zoom out once again. A site is more than a simple collection of pages. You'll notice that several components will be featured on different pages within the site, you'll also notice that css and javascript files will be used across multiple pages within the site. Keeping your code consistent across all those pages might be a lot harder than you first imagined.

The key is to think in components. html is a descriptive language, so independent of visualization or context, a certain "block of content" should always be constructed using the same html. An example I like to use is that of a news article. This can appear in a separate focus block, in a summary list, as a search result or as a whole on a detail page. Essentially it is always the same thing (a news article), so the semantic part of the html (also think class names) should be the same for all these instances. Variations in design should be based on context or by defining variants (adding an extra base class for differentiation). Once you got all of this covered, writing the correct css and javascript should be a a lot easier and code duplication will be reduced.

This level is actually quite easy to check. Simply take a few pages from a site, single out a few components with clear design variants and check how they are constructed and styled. If there is no common base, this will surely affect the quality of your site in the long run.

4. stability and flexibility

The three levels above are all important, but even matching all three criteria the quality of your code can still be quite subpar. Your code will only truly shine when it proves itself to be stable and flexible. The problem is, you can only measure this when it is effectively too late. You can look for several indicators though.

The first one is when you've reached the point of "the 5 last bugs". These are either last minute changes or bugs with a slightly lower priority you postponed because they are quite hard to fix. You know you did a good job when you can quickly dispose of them. On the other hand, if fixing these bugs introduces new ones or requires reworks of complete sections, there is still plenty of room for improvement.

Another good indicator is "phase 2". How well prepared are you to incorporate functional and design changes without ruining half your site. Can you drop an existing component somewhere else without having to rework the whole css? Can you make your left column wider by only adapting a minimum of css values and without recutting any images? Can you create a design variant of a component without having to deliver new hmtl code? How easy is it to switch places for components? What if a breadcrumb spans two lines? All these elements are indicators of the stability and flexibility of your code.

conclusion

If the quality level of scope 4 isn't met, it might cost you a lot of time, effort and money. Simple questions of your client will have to be answered by complicated technical answers your client doesn't really care about. It will lead to overtime, missed deadlines, stress and a decline in the relationship with your client.

It is a serious learning process though, as flexibility and stability are only attained by mastering the first 3 level and evolve from there. If you want to improve your skills, take a look back at the project you just finished and grade yourself on these four categories. See where you've slipped and think of ways to make sure it won't happen again. If you do so with each project, the sky is the limit.

]]>
Wed, 27 Jan 2010 12:26:47 +0100
<![CDATA[seven 2 one/danny pang]]>http://www.onderhond.com/blog/personal/seven-2-one-review-danny-pang

It's no secret that I'm a pretty big fan of the Pang bros. While they usually work in team, they also reserve time off for solo projects. I already reviewed The Detective and Som and Bank, two of Oxide Pang's solo projects, now it's time to let his brother receive some of the praise. The film worth praising is Seven 2 One, Danny Pang's latest solo effort.

screen cap of Seven 2 One

I've always considered Danny Pang the lesser talented of the two. His solo projects never really spoke to me and the one I've actually seen (Forest of Death) was a small disappointment. Luckily I prefer stone-cold facts above prejudice so when the opportunity presented itself to watch Danny's latest I jumped at it without thinking twice. A good thing I did as there is plenty to enjoy.

Seven 2 One is one of those films centered around a single event, catching multiple angles leading up to it. Ever since Tarantino directed Pulp Fiction this has been considered rip-off material and truth be told, Seven 2 One isn't the most original of films. That said, Danny Pang does add some neat twists to the whole. He starts off with the main event, then goes on by showing various short cuts from selected scenes within the film. After that, he works his way from start to finish, often switching between characters and keeping a pretty asynchronous structure.

The main event is a robbery of a 24/7 mart, resulting in a violent stabbing incident. A good few people are involved and the film quickly retraces its steps to show you the full picture. It takes a while to get a good grip on all the main characters, but once you do the stories quickly start to tangle up and the film races towards its finale. The pacing is excellent.

screen cap of Seven 2 One

I always figured Oxide Pang was the one with the most visual flair, but Danny sure knows how to plan his revenge. Seven 2 One is quite simply stunning. It's pretty unbelievable how he manages to turn the drabbest of sceneries into visually arresting scenes. Use of color is truly magnificent, as is the delicate camera work. Every new scenes is a pleasure to behold, greatly increasing the enjoyment of watching all the events unfold.

The soundtrack is nice enough, though a little underdeveloped. Films like this usually have little in the way of a good score, but some scenes did feel a little lacking because of it. It never becomes a true issue, but I'm sure a better score would've raised the overall quality by a notch. Acting is decent, especially considering that most of the actors were probably selected based more on looks than talent. Apart from the goofy guy with glasses they all do what they were paid to do without making complete fools out of themselves.

screen cap of Seven 2 One

The film leaves you little time to adjust to the story. From the start it presents a pretty fragmented puzzle that slowly comes together as a whole. Clues and revelations are well spread throughout the entire running time and even though the actual outcome is not much of a surprise, the films remains engaging. There is that extra ending that feels quite out of place, but since it's just an afterthought added during the end credits it is quickly forgotten.

Above all Seven 2 One is true visual feast. Danny Pang, while showcasing a somewhat different style from his brother, proves he has his own set of skills to perfect in his solo projects. Seven 2 One is cool, hip, visually arresting and short enough to please the visually inclined movie fan. Those looking for a deep and original story will quickly discard this film as unnecessary, but that is missing the point rather bluntly. 4.0*/5.0*

Do check the trailer if you still need convincing.

]]>
Tue, 26 Jan 2010 11:10:29 +0100
<![CDATA[the fourth kind/olatunde osunsanmi]]>http://www.onderhond.com/blog/personal/fourth-kind-review-olatunde-osunsanmi

Some films are best approached without knowing anything about it. The Fourth Kind is such a film, so unless you really want to know, I advise to watch first, read after. I found this film through the small buzz it generated online but paid little attention to it until finally the occasion presented itself to watch the film. Needless to say I was pleasantly surprised with the result.

screen cap of The Fourth Kind

Film is make-belief, by nature. But once in a while a director tries to trick his audience into actually believing they're watching something real. Just think Blair Witch Project and Cannibal Holocaust. Enter The Fourth Kind, which goes head to head with Paranormal Activities to win best 2009 entry in this specific category. And while I was bored to death by Paranormal Activities, The Fourth Kind goes way beyond and does a way better job at succeeding in its goals.

The setup of the film is pretty much brilliant. Rather than play the "found footage" card, Osunsanmi makes his film a reenactment of archive footage, enriched with audio fragments and the so-called actual archive material. He turns his film into a sensationalist TV-show creating a strange and new sense of reality. This draws away the attention from faults in the recorded material which effectively destroyed a film like Paranormal Activities.

The story is that of a little town in Alaska, coping with a series of abductions over a pretty long period of time. Abigail Tyler is a psychologist continuing the work of her late husband, looking into the strange disappearances. Through several of her sessions we learn that a good few people in the town suffer from insomnia, linked to the appearance of an rather ominous owl. That's when things start to go wrong for Dr Tyler.

screen cap of The Fourth Kind

Visually it's a pretty interesting film. By using split screens to show both archive footage and reenacted footage in the same shot, Osunsanmi manages to slip in a sense of realness that would've been lost otherwise. On top of that, he is still able to use some cool tricks and effects in the reenacted footage so the audience doesn't have to sit through 90 minutes of interviews and amateur camera work. A perfect trade-off.

The soundtrack is pretty cool too, with atmospheric audio fragments running together with the regular scenes. Again it creates a certain sense of reality that logically shouldn't be there. The score itself is decent enough, but nothing too spectacular. Typical moody background music usually found in a film like this. Acting is strong and believable in the realm of the film. Seeing how there's different layers of reality though, it's actually a bit tricky to get a firm grip on the quality of the actors' performances.

screen cap of The Fourth Kind

While the idea of The Fourth Kind isn't too original, the execution surely is. It's pretty much a hit and miss affair which will win as much supporters as it will spawn haters, but for me it worked miraculously well. Watching the film knowing that it's all a big hoax is like watching a cunning trick revealed. Osunsanmi aims sharp when he tries to fool his audience and makes his film into a enthralling experience.

Best to judge for yourself though. How you go into the film will have a big influence on your appreciation. If you don't like the trick Osunsanmi is pulling you'll quite probably hate it. But if you go along with it, emerging yourself in the mystery of the little town, there are plenty of creepy and uneasy scenes to be enjoyed. Essentially The Fourth Kind is a splendid "less is more" horror flick, though Osunsanmi's trickery is actually anything but "less is more". 4.0*/5.0*

Find the trailer if you must, but I'll advise against it.

]]>
Mon, 25 Jan 2010 11:28:23 +0100
<![CDATA[mutants/david morlet]]>http://www.onderhond.com/blog/personal/mutants-review-david-morlet

Mutants is one of latest batch of French horror films that fell prey to the hype. It's not a bad film, by far, but it simply cannot stand up to the high standards that have been set by some of its predecessors. As soon as you can accept that, there's actually plenty to enjoy here. If you don't mind "not-actually" zombies that is.

screen cap of Mutants

These last couple of years we've been spoiled by the French horror scene. It all started with Haute Tension, followed by a solid body of work containing Ils, A l'Intérieure, Frontière(s) and Martyrs. It was almost impossible for the new batch to live up to the expectations, so it shouldn't come as a surprise that in the end they didn't. Proof is found in the rather long waiting time for their actual releases. Lukewarm receptions at film fests and the local market have been hindering international availability.

Mutants is the first entry in the French zombie genre, though true fans will point out that Mutants doesn't have any actual zombies. The infected aren't actually dead and act more like dogs with rabies than the sludging zombies of yonder. Think along the lines of 28 Days Later, a good companion piece for Mutants, as it also shares a somewhat similar deserted setting.

Morlet takes a flying start and catapults you right into the action. In the first 10 minutes the setting is sketched, though any concrete details remain absent. We don't learn much except that there was an outbreak of a rather hideous virus, turning normal people into fierce cannibals. There is a rumored safe base though nobody knows how real it actually is. Apart from that, there's snowy mountains and the occasional survivor. Not exactly groundbreaking stuff, but a nice setup for a genre flick nonetheless.

screen cap of Mutants

Visually Mutants remains close to its peers. A gritty, grainy and dark look, making maximum use of the contrasting snowed-down landscapes. Blood has an eery black color, dirt and decay is everywhere and the creature effects are top notch. Morlet uses a monochrome color palette with lots of grey/blues to give his film an extra dreary dimension. Camera work is pretty vivid and shaky, though done in a solid and believable way. Nothing to complain about here.

The soundtrack is effective though sometimes a little underplayed. Most scenes are set to some subtle ambient soundscapes, often hardly audible but subtly raising the uneasy feeling in a good selection of scenes. Acting is decent enough, though some of the secondary characters are a little odd, unfitting or even unneeded. The main characters are putting in good performances though, displaying a vivid sense of urgency.

screen cap of Mutants

Even though the film bursts open right away, the first half of Mutants is actually spent with only two characters and very little action. We see how one of the characters is affected by the virus, turning into a full-fledged mutant, while his wife (a medic by profession) does everything to save him. Around the halfway point a group of survivors enters the film, bringing with them a more action-filled second part, though still keeping a tight focus on the emotional undercurrent.

Those expecting lots of action, bucket loads of gore and continuous high tension will feel a little underwhelmed. Mutants is a more downplayed experience that skillfully crafts a heavy atmosphere, weighing down on the viewer. Compared to its big brothers, it's nowhere near as gripping or extreme, but on its own it's still a great zombie flick with a sublime finale. One for the fans, just don't expect another masterpiece. 4.0*/5.0*

Check out the trailer to warm you up.

]]>
Fri, 22 Jan 2010 08:27:35 +0100
<![CDATA[diebuster/kazuya tsurumaki]]>http://www.onderhond.com/blog/personal/diebuster-review-kazuya-tsurumaki

Diebuster is the OAV sequel based on Hideaki Anno's original Gunbuster series. Considering the impact of the original it's hard to image how incredibly overlooked this 6-part OAV follow-up series is. Tsurumaki is the one bringing the 15-year old original back to modern standards, completely in the spirit of Gainax, and doing a pretty great job at that.

screen cap of Diebuster

Gunbuster is the series that kick-started Anno's career. An important event in the history of anime, as he would later go on to direct Evangelion. At the same time, it marks the rise of legendary anime studio Gainax. The original is a series that still stands its ground today, but is somewhat unknown among younger anime fans.

Tsurumaki's sequel is not so much a continuation of the original story, but an update of the source material to match the need of today's anime viewer. It shares some common elements with the original, often smaller details (like flight suit design) but also the general story outline. The main plot though stands firmly on its own and has minimal links with the original series. Not a bad choice, as both series do target a somewhat different audience.

Diebuster is about a young girl (Nono) running away from home to make it big in the military. No time for mech school this time, as mech pilots are chosen by the natural presence of supernatural abilities (or a special state of mind as described in the series). Nono is obviously lacking but still manages to infiltrate the group of prodigious kids. From there on, things grow more grotesque with each passing episode, resulting in an insane space showdown pretty much blowing up the whole universe as we know it. Standard anime stuff in other words.

screen cap of Diebuster

Visually Diebuster received a serious boost. The style lies closer to series like FLCL and Abenobashi than it resembles the original. Bold, flashy colors and fatter outlines, animated with strong, extreme movements. It's an acquired taste, and those hoping for some of the magic of yonder will probably be disappointed, but I liked it a great deal. The level of animation does decline a little as the series goes on, coming to a virtual standstill in the first half of the last episode, only to go completely mental for those last 20-25 minutes. I guess they were saving up on budget for a reason.

The soundtrack is quite forgettable and the voice acting as you'd expect from an anime like this. It's always fun to see the galaxy saved by a character with the voice of a 4-year old Japanese toddler, though I'm sure the joke will be lost on many. It's all pretty standard stuff in the audio department, apart from the magnificent scream of the final galaxy-eating enemy. That one spooked me for a minute and is used with great effect.

screen cap of Diebuster

Those hoping for a serious sci-fi series will be left in the cold. It is after all a Gainax product, so there's plenty of fanservice material (often so silly they must've been well aware of it) and crazy anime nonsense flying around. It's not so much sci-fi as it is comedy/mecha with some strange blurps of science thrown in (which reminds me, I did miss the science interludes of the original).

Diebuster is a series aimed at fans of the original who still have a place in their heart for modern anime. Those people are admittedly a little rare, so in the end it's not all that strange that the series never became that popular. I must be one of the few though, as I appreciated all the grotesque but fun-filled idiocies for what they were. Pure and simple anime fun with a good wink. Hard to recommend, this one, but if you think you fit the description, well worth the try. 4.0*/5.0*

No trailer this time, but the opening credits give a good enough idea of what to expect.

]]>
Tue, 19 Jan 2010 11:47:15 +0100
<![CDATA[the missing css combinator/a plea for help]]>http://www.onderhond.com/blog/work/missing-css-combinator

Sometimes a long-lasting, nagging problem can take concrete form in the weirdest of circumstances. Something that's been bothering you for a very long time at a rather subconscious level suddenly leaps forward and calls out for immediate attention. More concretely, this article will be about a css combinator oddly lacking from our list of options, not even mentioned in the latest css3 specs (as far as I know).

the problem

First of all, let's take some time to define the problem. If you're serious about web design and css you've probably learned how to think web components rather than web pages by now. Style a component, style possible variants, use them everywhere and style them according to a changing context. This is a very clean way of working, but effectively not truly supported in css yet. Not even in the most experimental of specs.

<div class="focusBlock"> <header>...</header> <section>...</section> <footer>...</footer> </div>

Consider the html code above. A simple focus block (a somewhat generic name for a block that can be used for whatever content promotion - can be used in main content, contextual column and even navigation column). I've used some html5 elements to make the function of the nested elements a little clearer. The difficulty here is that just about anything can be nested within the section part of our focus block. For all you know (and care), they nest an article with its own header and footer section inside. That's where our styling problems start.

/* focus block ....................... */ .focusBlock>header

The little piece of css above shows the best way to style the focus block as a component. The > combinator makes sure that nested components don't inherit unnecessary styling rules belonging to the focus block. This method can already be used in all browsers (except for IE6). Sadly there's no real IE6 alternative to make it work well, and leaving it as is leads to rather ungraceful degradation. Annoying, but not the core issue right now.

The child combinator (as it is called) is a really helpful tool, but when taking a closer look it doesn't really provide a one on one match for our problem. There are two situations where it will fail horribly. First of all adding wrappers (usually divs) inside the focus block (and around the header, section and footer) will break the css completely. I know these elements are considered a "temporary setback" among the powers that be, but even then extra structural elements (with structural relevance, not added for mere graphical trickery) could mess up the css. Not good.

Even if you think the first reason is not strong enough, there's always a couple of functional tags that could equally break the css. What if you need to add a form or link tag (we can do that now!) around the header/section/footer? It will again break the css you've written before, even though the elements you've added have little relevance to content and style. It's a shame that every time such changes are made we have to go back to the css to fix things.

the solution

What we're missing is a combinator with a functionality that lies between the space combinator and the child combinator. A combinator that expresses that a selector can be anywhere below its parent, but only the first (level) it encounters will receive the css rules. What this combinator should be named or which symbol should be used is not something I'd like to worry about, but his functionality is painfully missing from our css today (and tomorrow). It's the only way to express the style of component in a truly flexible and logical way.

conclusion

I can respect the relative complexity of implementing such a combinator, but I believe it's an important functionality that would finally enable us to translate a design to css the same way we conceive it with our minds. I find it a little strange that such a combinator is still missing, so I assume there were good reasons to neglect such a combinator in the past. That said, I hope this article presents some solid arguments to possibly re-open an older discussion.

]]>
Wed, 13 Jan 2010 12:55:00 +0100
<![CDATA[the men who stare at goats/grant heslov]]>http://www.onderhond.com/blog/personal/men-who-stare-at-goats-review-grant-hesl

With a title like this you're either watching a self-indulged socially engaged arthouse flick directed by a mid-thirty year old or a funny, deadpan comedy which is only too aware of its own silliness. Heslov made the latter, which is a great relief. A rare chance to watch a bodily cast of big names make a complete fool out of themselves.

screen cap of The Men Who Stare At Goats

Heslov based his film on the book by Jon Ronson, a study on psi-warfare in the USA. While the book sticks to the facts, Heslov's film is a tale of fiction based on Ronson's book. Not a bad move, seeing how ludicrous many of the described events are. Rather than raising too many eyebrows on the "based on true events" label the film drapes a comforting screen of fiction over its story, making it a lot easier to enjoy.

It's a small miracle how a relative newcomer like Heslov gathered such an impressive cast. Even though the premise is reason enough to watch the film, names like McGregor, Clooney, Bridges and Spacey will grant the film a pretty wide audience. Maybe a little too wide, as the humor is not really all that accessible, but watching so many big names lend themselves to a film like this is always comforting.

The actual story is quite simple. After some personal issues McGregor becomes a journalist looking for a story to tell. When he runs into Clooney, psi-warrior deluxe, he somehow ends up in his world and slowly uncovers a truly strange tale of Jedi fighters and men who can kill goats simply by staring at them.

screen cap of The Men Who Stare At Goats

Stylistically The Men Who Stare At Goats is a very simple film. There are some nice shots, but considering the setting very little is done to turn it into a visually pleasing experience. The soundtrack is equally forgettable, mostly using some classic rock tuned linked to a remark made by Clooney halfway through the movie. It's not at all bad or ugly, just rather uninteresting.

Acting on the other hand is more than solid, with a truly splendid effort of Clooney who feels very much at ease in his role. He does a lot of staring, avoids any smirking or winking and plays a deadly serious army dude who believes he can mindbend anything and everyone to his command. Spacey is a little underused, Bridges maybe a bit too close to his role in The Big Lebowski and McGregor a tad too happy, but the three of them complement Clooney's character rather well. The whole cast is visible enjoying themselves, always a good sign.

screen cap of The Men Who Stare At Goats

Watching this in theater, not too many people seemed to enjoy the joke. The downside of such a cast of stars no doubt, as deadpan humor is wildly unappreciated. Their loss, because Clooney and company are really putting on a terrific show. The source material is genius of course, but the way it is downplayed is just as praiseworthy.

Genuinely funny big budget American comedies are very hard to come by. In a time where best picks involve films like The Hangover it's refreshing to see a film like The Men Who Stare At Goats hit the big screen. Two thumbs up for Heslov for getting this film off the ground. 4.0*/5.0*

Watch the trailer at your own risk.

]]>
Tue, 12 Jan 2010 11:59:40 +0100
<![CDATA[phobia 2/5-short anthology]]>http://www.onderhond.com/blog/personal/phobia-2-review-5-short-anthology

Thai horror is doing good for itself. Proof of that is the second installment of the Phobia anthology project. This time around 5 directors get the chance to show their skills in a set of horror-themed shorts. Three of the original crew return, the other two are fresh meat. Bottom line: the sequel is every bit as good as the first one.

screen cap of Phobia 2

The first Phobia was an anthology project driven by the name recognition of the directors of Shutter and Alone. It was a lovely set of horror films displaying the skills of the directors involved. Thai horror is one the rise, blending Asian suspense (ghosts and specters) with European gore (they won't frighten you to dead but beat you to a bloody pulp) and effectively pleasing fans of both sub genres.

The concept is the same as the first film. Five directors get the chance to show their vision on horror (or horror-related) cinema. Where the first film still tried to link the four short stories together, this time around they exist separately from each other. Even though the connection in the first film was a rather fun extra, it's not something that's actually missed while watching Phobia 2.

Starting off the second anthology is Purikitpanya, who directed my favorite short of the first film. Again, he delivers the best short, though his style is more subdued this time around. I actually prefer his more extreme, vivid style to the one on display here, but it's still very clear the man has a sublime eye for gorgeous shots. It's a pretty simple story about a boy being haunted in a forest, but the imagery on display really turns it into something special. Couldn't wish for a better start. 4.5*

screen cap of Phobia 2

Poolvoralaks takes place in the director's chair for Ward, second short of the film. A pretty short but fun interlude about a boy hospitalized after a crash. He ends up in the wrong room, sharing it with a near-dead leader of a cult (or sect, or whatever). The man is dying but not planning to leave our planet yet, eagerly looking for a new body to use. Not really scary or gory, but quirky and amusing. 3.5*

The middle part is helmed by Sugmakanan who delivers a true Asian zombie flick. Two Japanese backpackers end up on the wrong truck and fall at the mercy of two local smugglers. Things get messy when their cargo (a trunk full of people and drugs) ends up dead, but only for a short while. Sugmakanan's direction is impressive, though not exactly original. Still, there are some truly gripping moments, especially the unloading of the bodies and the car crash will stick with you for some time after the movie. 4.0*

The fourth short is in the hands of Wongpoom, first of the Shutter/Alone duo. Sadly, his short is the least interesting of the bunch. Not exactly bad, but the concept is pretty stale, the execution just barely lifting it above average. The setting is a garage where crashed cars are sold for new. The victims of the crashes decide to take revenge on the saleswomen, resulting in some ghostly appearances spruced up with a tad of gore. Not bad, some nice imagery, but there are just so many films already that do exactly the same, only better. 3.0*

screen cap of Phobia 2

Finishing off is Pisanthanakun, the other part of the famous duo. For his short he revives the three geeks from the first film, placing them on the set of Twins 2 (a fake sequel to Alone). It's obvious from the very start that Pisanthanakun aims to make fun of the genre, and he does so with plenty of winks and smirks. It's a pretty good thing he's also able to place his own work in perspective, a welcome touch of humor that lifts the film far above the average. Some crazy twists and truly funny moments make this one to look out for. Think Scream, only way funnier. 4.0*

The result is an anthology with no weak entries, though Wongpoom's short felt a little too lazy for its own good. All the other shorts are interesting in their own right and bring something valuable to the whole. After two films Purikitpanya is clearly my favorite, followed by Pisanthanakun who displays a great sense of humor and makes sure it's not all guts and gore.

Phobia is a good start for people interested in Thai horror, though it does lack the truly gory stuff that resides in many of it's full-length competitors. Still, both films are projects with quality output and a varied selection of stories and styles. Phobia 2 doesn't disappoint and keeps you entertained for 2 hours. Definitely recommended. 4.0*/5.0*

Check the overly long trailer for a quick introduction to the five shorts.

]]>
Mon, 11 Jan 2010 11:34:22 +0100
<![CDATA[where the wild things are/spike jonze]]>http://www.onderhond.com/blog/personal/where-the-wild-things-are-review-spike-j

Another adaptation of a fantasy book for kids? Well yes, in a way, but helmed by the infamous Spike Jonze and with enough layers to appeal to a more mature crowd. Needless to say, this is not the next Narnia or Harry Potter, but a film with the potential to please both children and arthouse audiences. A rarity indeed.

screen cap of Where The Wild Things Are

Jonze's film is based on Sendak's children's book, supposedly quite famous though I have to admit I hadn't heard of it before. Interviews will Sendak reveal that Jonze took quite a lot from the book (setting, monster design, setup) but still managed to make the film stand on its own two feet. Welcome praise from a writer who's obviously quite protective of his own work.

The film sparked much discussion on whether Jonze's version is actually suitable for kids. Which, in my opinion, is a huge underestimate of the capability of children in general. Probably not really suited for the youngest, but depending on what they are used to, this is exactly the type of film with potential to become a kids favorite film throughout his entire childhood. Not all children's films have to be happy, jolly and filled to the brim with musical interludes.

The film introduces us to Max, a little rascal craving attention and approval. Sadly Max is out of luck. His older sister prefers to hang around with her own friends and his mom is preoccupied with trying to keep her job going. Such is life, but for a little boy these things are quite hard to grasp. When Max bursts, he runs away and ends up on the island of the Monsters. Wild, furry and somewhat dangerous creatures who sport very childlike behavior. They are the inner emotions of Max come to life.

screen cap of Where The Wild Things Are

The monster design is taken directly from the book, but the way they are brought to life in this film is quite simply stunning. A perfect blend of CG and suits, the monsters look huge, detailed and sport an incredible sense of belonging. These are not CG chunks battling with gravity and their surroundings, but actual lumps of fur enhanced with CG, making the interaction with their environments quite surreal at times.

Jonze chooses a camera that's quite active and close to its main characters. The mood is helped by the atmopsheric play of light during magic hour. This elevates the level of reality to heights quite unknown for a fantasy film aimed at kids. Very cool indeed.

The soundtrack, though fitting, is probably the weakest link in the film. It goes well with what is happening on screen, but it lacks identity and rather than improving the film, it keeps it at exactly the same level. A missed chance, though it never feels out of place or misguided.

Acting is good too. Max is pretty believable in his role of slightly overactive little kid. He's not the most charming of kids, but that's due to his character, not bad acting. The monsters too are a lot of fun. Good voice acting all around, increasing their distinctive feel.

screen cap of Where The Wild Things Are

Where The Wild Things Are sees Max conquering some of his own shortcomings. It's a film about growing up in the purest sense of the word. The ending is short, to the point and lacks a clear morale, other than that problems can be conquered and the experience will make us wiser, even better as a person. It's not about big lessons in life, but about living itself.

But most of all, Where The Wild Things Are is a magical, fantastical film presented in a pretty realistic and believable way. It's not following a strict narrative but flows to the waves of childlike wonder and pleasure. Jonze's execution is flawless, making it a marvelously surreal trip through Monsterland. Highly recommended. 4.5*/5.0*

Only check thetrailer if you're ready for some small spoilers.

]]>
Thu, 07 Jan 2010 12:37:28 +0100
<![CDATA[the decline of standards/evolution and devolution]]>http://www.onderhond.com/blog/work/the-decline-of-web-standards

I already hinted at it in my list of smelly web development stuff of 2009, but the decline of standards is ready to become a big issue for us front-end people in 2010. We've been fighting the fight for web standards for a long time now, but it seems that impatience and overeager attitudes are taking over. My take on the issue.

standards huh

A web standard is a trusted, solid, supported and unique solution to a particular problem. When people are talking about "web standards", they mean the collection of all separate standards involving front-end development. This might sound like a somewhat trivial point to make, but there's a good reason to have it out of the way.

The plural of the word "standard" often indicates that there isn't really a true standard to begin with. A standard can only be a true standard if it is unique in its implementation. Multiple standards can exist for fixing a particular problem, though resulting in a weaker and less pure use of the term. The existence of multiple standards is what we've been fighting all these years, trying to approach a "one problem - one solution" situation.

2009 turned out to be a pretty bad year for web standards.

browsers and evolution

In 2009 five big browser vendors ruled the world of web. Internet Explorer, Firefox, Safari, Chrome and Opera are divided among four different families of rendering engines (though in reality Chrome is just as different from Safari as the rest). Each of these families released different versions of their browsers resulting in a pretty wide area of browsers to support. This growth will probably continue in 2010, if not by as much as in 2009.

There is no real browser war like there was before, but it is obvious that these people are competing with each other. Implementation of the newest development techniques (css3 and html5) became a big thing again, luring the eager and bored front-end developer to start experimenting with these new options. This made 2009 a pretty interesting year, though also one of large frustrations.

was it progressive enhancement or graceful degradation?

Two other important concepts are progressive enhancement and graceful degradation. Both deal with catering for browser-specific audiences, making sure each and every person gets the full functional experience, but also providing the best possible solution for each separate browser version. Combined with the wild growth of browser versions over the year, this has made our job a lot more complex.

Certain new techniques are "available" to us, today. We can start using html5, we can do rounded corners in css, we can use web fonts and natively embed video. All these techniques feature a lot of "if"s and "but"s with different implementations for specific browser families and versions. If you want to use web fonts, you have to provide four (4!) different kind of font files and a pile of css for it to work. Go figure.

Rounded corners feature a similar problem. None of the browsers today follow the official standard (which doesn't even exist yet). There's a syntax difference between Safari/Chrome and Firefox, a rendering difference between Chrome and Firefox/Safari, no support for Opera (and no way to fix it) and a fallback method for IE. How terrible does that sound?

2010 and how to deal with it

Let's face it. IE will be lagging behind for quite some time. IE6 will still be there by the end of 2010, so how are we as front-end developers going to deal with these browsers, especially when 2010 will undoubtedly bring his own share of innovations for newer browser versions (a good friend of mine showed me an article on html5 forms, great stuff).

Adopting a new technique is doable, but adopting all these new techniques is just too demanding for commercial projects. Especially when we're still providing the time-consuming fallback methods which also work in newer browsers. Sure, designing for the future is a good thing, but not at twice the cost for a simple website. For example, it is perfectly possible to do rounded corners with (almost-)css3 for Firefox and Safari, leave Opera users in the cold (though the new version of Opera will support it) and provide images for IE users.

This is indeed faster for modern browsers (which are faster already) but a tad slower for IE (which needs to load the base css and the IE specific css). And the image solution still yields better results in Safari and Opera. So why go through the extra trouble to provide slightly faster (but not-standard) code for Firefox and Safari?

conclusion

If you look back at the hottest techniques of 2009, you'll see that almost all of them feature fallback methods and require more than one true standard to work. If you want to use web fonts, you have to stick to a different standard for each browser family. This is simply wrong, but on the other hand web fonts beat Cufon and sIFR to a pulp.

I'm still not sure how much I should adopt from these new methods. I'm eager to use new technologies. Ones that work faster, that are more logical and indicate the way of the future. But I also think it might be better to wait until they turn into a respectable standard before using them in any commercial project. It's not an easy choice to make, certainly while others are jumping on the boat already, gaining experience in what might be the techniques of tomorrow.

A very tough decision if you ask me. Opinions and input is always welcome!

]]>
Wed, 06 Jan 2010 12:56:48 +0100
<![CDATA[eternal summer/leste chen]]>http://www.onderhond.com/blog/personal/eternal-summer-review-leste-chen

Another one of these down-tempo Taiwanese dramas? In a sense, but one that quite openly deals with male homosexuality. A subject still prone to shock in some parts of our world. Apart from that, Eternal Summer simply proves to be among the best of its peers, enough reason to put it in the spotlight.

screen caps of Eternal Summer

Leste Chen started out with Heirloom, a stylish and atmopsheric horror flick that didn't revolve around gore or scares. Such films are pretty hard to market so it wasn't too surprising his first didn't land him much success. Eternal Summer is a very different film and reaches out to a more typical Taiwanese arthouse crowd. Much easier to sell and so the praise he received for it was accordingly. The world isn't fair, nothing much you can do about that.

Even though Eternal Summer is considered gay-themed, it's actually a bit more complex than that. Central to the story are three characters who form a perfect love triangle. Carrie loves Jonathan who quickly discovers his heart lies elsewhere. He is secretly in love with his best pal Shane, while Shane is slowly falling for the charms of Carrie. Enough romantic troubles for a solid 90 minutes of film.

The plot thickens as the relationships between the three become more complex. Plenty of opportunities for melodrama and epic emotions, but Chen keeps everything under control, maintaining a somewhat lighter atmosphere and playing down some of the more emotional scenes. Not as drastic as seen in Japanese cinema, but it's nice to see these themes handled without 90 minutes of aching sobs and puppy eyes.

screen caps of Eternal Summer

Chen is obviously raised on Taiwanese aesthetics. Even though his visual style is more colorful and a tad more stylized, some very typical Taiwanese elements surface in this film. Mainly the day scenes in nature, combining vivid blues and greens, will appear very familiar to fans of Taiwanese cinema. Visually Eternal Summer is a little more varied though, sporting some truly stunning shots and scenes with strong singular colors. Not the major leap in style that some others made, but good progression nonetheless.

The soundtrack brings a similar experience. Mostly subdued piano music weaving a nice setting but feeling just a little too familiar, though from time to time Chen shift gears to music with more balls. In particular the track during the party scene, pretty cool stuff. Acting is very strong too, all three main characters putting in very solid performances. Not the easiest of parts as some on-screen openness was required, but the three of them handle it extremely well.

screen caps of Eternal Summer

Eternal Summer is a pretty straightforward arthouse film, but one that does things just a little better than average and gives you these tiny flashes of brilliance which lift it above the competition. Just don't expect anything earth shattering. I'm pretty sure this film won't convert many people to Taiwanese cinema, but for those who already have a soft spot for it Eternal Summer will come as a welcome addition to the collection.

After only two films Chen is well on his way to become a personal favorite. He has a keen eye and is quite versatile. Eternal Summer is a lighthearted, dramatic and somewhat dreamy film about three kids that share a little too much love for each other. A strong blend of puberal wonder and melancholic musings 4.0*/5.0*

Check the trailer if you're still not convinced.

]]>
Tue, 05 Jan 2010 13:31:46 +0100
<![CDATA[pk.com.cn/jiang xiao]]>http://www.onderhond.com/blog/personal/pk-com-cn-review-jiang-xiao

Jiang Xiao's Electric Shadows gathered her plenty of international attention. A sweet little film about two young kids growing up between movies. While very cute and endearing, it wasn't the most challenging of films. pk.com.cn, Xiao's second film, is a different story altogether. The film went by mostly unnoticed but is (almost) sure to leave a bigger mark in the long run.

screen caps of pk.com.cn

Try to find a number of reviews on pk.com.cn and you'll notice that most of them attempt to label the film as part of the MTV-style. While somewhat understandable I've come to hate this particular description. Not only because MTV is very much a product of the 90s (and lost much of its core appeal in this new millennium), but mostly because it is used for everything even remotely reflecting modern youth culture, regardless of its actual stylistic characteristics and merits.

pk.com.cn isn't part of the MTV-generation, it's a film belonging to the flourishing internet generation. A generation that undoubtedly carries an MTV legacy, but has different ideals and motives. The fact that the film originated from an internet novel is part of that, product placement of websites another, but it's mostly a stylistic and structural thing. The short attention span of the surfer, the redo/rework/mashup attitude of the creator. Both are very apparent in pk.com.cn, in every department.

Apart from the last 20 minutes it is extremely hard to grasp anything more from the film than a simple look at two guys and a girl, contemporary style. Almost 7 years after graduating Li receives an email for a reunion. Most of the film is dedicated to his past, exploring the bond between Li, his best friend and a girl joining the both of them. This exploration is not so much narrative as it is emotional, expressing the state of characters and their evolution in its purest form. Only near the end of the film does Xiao reserve some room for morals and reflection.

screen caps of pk.com.cn

Visually pk.com.cn is a collage of styles. It takes, imitates, mixes and blends different visual styles together to form a pretty unique flavor. While boasting quick edits and bold stylistic choices the whole is more organic and less jolted than what we got in the 90s. The score is an equally interesting mix of styles. Alternative pop, hip-hop and electronica are fused together, resulting in something that does not belong in either worlds but stands on its own two feet.

The style determines the pacing and the progression of the story. Regularly the film is paused for musical interludes featuring modern dance. Or simple stylistic reflections on the characters. And of course there's that guy in a polar bear suit that appears a couple of times throughout the film. All these things are part of the proud tradition of mashups, creating something new and fresh from existing bits and pieces.

screen caps of pk.com.cn

Cinema is known to lag behind a little, so there's no doubt this films comes a good 10 years too soon. There is a bottom line, clearly defined in the last 20 minutes of the film, but the rest of it exists of snapshots, flashbacks and expressive collages. It's not really that pk.com.cn is difficult to follow, but keeping interested in a seemingly aimless story might be a bit much for most film fanatics.

Personally I really loved pk.com.cn. It's a production in touch with the state of mind of young people today while keeping a level of professionalism not often found in their creations. From afar, due to some fast editing and fuzzy storytelling this film might seem a victim of the MTV-style, but upon closer inspection you'll see there is something else going on. Something more post-2000. 4.5*/5.0*

Watch the unsubbed trailer for a taste of what to expect.

]]>
Mon, 04 Jan 2010 12:08:44 +0100
<![CDATA[web dev desolutions 2009/smelly stuff]]>http://www.onderhond.com/blog/work/web dev desolutions 2009

The world of web development is particularly prone to hypes and magic of the day. Every week there's a new best thing ever, often hyped by leaving out all the bad stuff. 2009 was not much different from the years before. This article is a little recap of the smelly stuff they tried to force down our throats.

10. All css frameworks are awesome

Or at least, that's what they want us to believe. I spent too much time this year trying to figure out how a particular css framework works, only to find out it's not really helping me. At all. These frameworks are definitely not a good thing and the time they're supposed to save you is lost on thoughtful and well constructed css setups. No more css frameworks for me in 2010.

09. Twuuuuuut

I'm on Twitter. I don't do much with it, but I'm on there. I still hate the inhumanity of the tool though. Shortened urls, bad user experience, dozens of desktop apps to fix the shortcomings, unreadable posts and untraceable discussions. Not worth the hype if you ask me, and it surprises me that no-one has taken the time to make a better version of Twitter yet.

08. css animations

The idea is cool, although I fear abuse will be much more common than sensible use. They shouldn't be used for functional presentation (expand/collapse) as css is a tool for presentation, not functionality. I also wonder about the practical implementation and who's going to do it. Animators will have a hard time with programming their animations in css, programmers will have a hard time with the creative process of the animation. And older machines and browsers will have a hard time handling the animation, pretty much ruining the effect altogether (same limitation as JavaScript animation). One thing is certain, css animation are not the next best thing and need a whole lot of rethinking before they might live up to their hype.

07. Go to br.gro.pbb.fs

Shortened urls. Revived by Twitter, horrible to use. Blindly following links without knowing where you'll end up is quite simply annoying. That and the fact that they look like utter gibberish in normal text. And they are known to mess up site stats. The benefits you ask? I have no idea. Unless you have a mere 130 character cap to work around.

06. No more ie6 excuses

If you like to stop ie6 support, fine. It's not very "web-like", but each firm or developer has to make the decision for himself. Just stop making up all these horrible excuses. Designing for the future, designs don't look the same in different browsers anyway, ie6 users have it coming ... The Digg survey revealed that about half of the remaining ie6 users have little to no control over their situation. If you stop supporting ie6, you're cutting those people off. That's your choice, be a man enough to face it.

05. Chrome = Safari

Chrome uses Webkit, so there's no extra work required when doing browser checks. Right? Hah! I've had more differences between Safari and Chrome than I had between Safari and Opera or Firefox this year. That and the fact that it's still a browser that adds absolutely nothing and is gaining popularity just because of Google's pushy behavior. Nopes, still not a fan.

04. html5 header tag, where's the functionality?

Quite irritating to see the discussions on html5 where people are questioning the "lack of functionality" for new tags like header and footer. Ten years of html awareness and we're still having these discussions? Come on people, if you want to work with html, at least learn what it's all about. Let's hope html5 will refresh people's memory in 2010.

03. Google everywhere

Google is too pushy. They try to be everywhere, there marketing is aggressive and people are simply accepting everything they do, hyping it as the best thing in the world. While in fact Google is lagging. Their output is often below par (time to update your search!) and their marketing simply deceptive. Google is thriving on fandom, never a good thing.

02. css rounded corners

Let it be clear, there is no decent support for css3 rounded corners in any of the latest browsers. Three of the major players have browser-specific extensions (with a different syntax) and nested elements can still spill over the rounded corner of its parent. The implementation is buggy, not standard and not global. If you're using css border-radius, you're not designing for the future. You're merely avoiding some http requests (which is still a good thing though).

01. browser support for all

The word "standard" lost a lot of its meaning in 2009. I already hinted at it above, but "support for all browsers" is becoming time-consuming business. You need 4(!) font files if you want to use web fonts, 2 types of videos for native video support, browser-specific syntaxes for new css properties ... we can make things work in different browsers by writing separate code for each browser. This is everything but a standard, only getting us back to the place we've started. These browser extensions are fine for experimenting, just don't tell people they "can use it without any trouble at all".

]]>
Wed, 30 Dec 2009 11:50:17 +0100
<![CDATA[web-related articles 2009/my take on the competition]]>http://www.onderhond.com/blog/work/top-2009-web-related-articles

Writing on the web requires you to know the difference between belief and understanding. You have to believe what you write is the best on the web, but you also need to understand that there are countless others writing more interesting stuff than you do. So repeating last year's concept, here's my list of the most interesting web-related events and articles of 2009. The stuff that stuck out and remained with me for longer than 15 minutes.

10. The Ever-Evolving Arrow: Universal Control Symbol

A very broad and in-depth article about something very simple. The arrow symbol. One of the cornerstones of the web that often goes by unnoticed. Which is why I loved the idea behind this article. A refreshingly in-depth glance at the seemingly normal.

Read the article: The Ever-Evolving Arrow: Universal Control Symbol

09. Internet Explorer 8

There have been a couple of major version updates for most browsers this year. But IE8 is the one with the biggest impact. For the first time since I've been involved in web development browser checks in 1 specific IE browser won't take me longer than checking Opera, Chrome or Safari. If you're still using IE6 or IE7, switch now!

Check the link: Internet Explorer 8

08. Digg takes the time to study the pain of IE 6

We've been staring at the stats for more than two years now. IE6 is still around and many of us wondered why. Digg took initiative and launched a little study among its users. The results were very interesting indeed.

Read the article: Digg takes the time to study the pain of IE 6

07. When can I use ...

So many browser versions, so many changes to the existing technologies. Ever wondered when you could finally start using a certain technique cross-browser? This little site helps you (plenty) in determining whether a feature is ready for use or not, and who's holding it back from going global.

Check the site: When can I use ...

06. There is no page fold

Countless blog posts have been spent on discussing the page fold. This little page illustrates perfectly well why these discussions are somewhat pointless. People scroll. Don't believe me? Try it out for yourself. Then show it to your clients.

Check the site: There is no page fold

05. Font Squirrel: @font-face toolkit

@font-face is one of the big breakthroughs of 2009. We aren't there yet, but there are solid implementations for each browsers so we can finally start using web fonts. Apart from some legal issues (which are serious), the world of web is ready. Font Squirrel is the perfect web tool for helping you out with all the different implementations.

Check the site: Font Squirrel: @font-face toolkit

04. HTML5 and The Future of the Web

2009 is the year of html5. Not quite ready yet, but web developers are starting to experiment away. Some very minor groups can't benefit from the new specs yet, but for the majority of the web the basics of html5 are ready to use. Be sure not to miss the boat.

Read the article: HTML5 and The Future of the Web

03. Working With RGBA Colour

A very lovely feature erasing all issues with transparency in the blink of an eye. Of course not supported in all browsers, though working very well in most modern versions. No more transparent text, no more transparent single-color pngs. Way of the future.

Read the article: Working With RGBA Colour

02. The 3 Basic Rules for Writing HTML

I've been spending lots of time digging to get to the core of html. And Mr Meiert wrote a very interesting article about the most basic rules of writing html. A little concise and open to erroneous interpretation, but this article does hit the mark. A good starting point for everyone getting serious about html.

Read the article: The 3 Basic Rules for Writing HTML

01. The HTML5 section element

The one that blew me away. The impact of the section elemnet on how we'll use headings is enormous, pretty much messing up a very important part of SEO optimization. I predict this will become a "big thing" for us web developers. A powerful new feature, but one that will require some adapting no doubt.

Read the article: The HTML5 section element

]]>
Tue, 29 Dec 2009 13:57:52 +0100
<![CDATA[[rec]²/balagueró and plaza]]>http://www.onderhond.com/blog/personal/rec-2-review-balaguero-plaza

Balagueró is without a doubt one of the brightest talents of the Spanish horror scene, but it wasn't until he launched [rec] together with partner in crime Plaza that he received true international recognition. Reactions to the news of a second installment were quite mixed, as is always the case when sequels are announced. Undeservedly so, as [rec]² proves to be a very worthy sequel indeed.

screen caps of [rec]²

The film starts off where the first one halted. Quite literally as the last shot of the first is the opening shot of this sequel. From there on, we switch to a team of special ops who are to join a doctor inside the sealed off house. All the elements you need for another ninety minutes of manically filmed fun with infected people.

At first Balagueró and Plaza seem to fall in the trap of explaining too much. The first film kept rather vague about the specifics of the infection, the first part of [rec]² reveals a complete background story. While not quite original, the good news is that both directors actually use these explanations to add a couple of neat twists to the film. Rather than destroy the whole atmosphere, they succeed in making it more intriguing. A bold choice, but one that pays off.

Halfway through the film the perspective is changed from the special ops to a group of kids trying to enter the building through the sewers. An interesting switch that brings some needed variation and is incorporated quite naturally into the film. Again Balagueró and Plaza take a gamble as it does pull the audience away from the building and the action, releasing the tension a little. But the interlude is short and proves a big asset later on in the film.

screen caps of [rec]²

Visually there are some new tricks with head cams for each soldier, resulting in even crappier image quality (scanlines and everything) yet even cooler shots. Pretty awesome stuff making the small rooms even more claustrophobic. Camerawork is still in the same vain as the first film, so people with a grudge against it can safely ignore this sequel. Others can rejoice, as both directors made sure to perfect their skills.

But it's the sound design that raises the film to even higher levels. While the idea behind [rec] is on-the-spot realism, both films remain extremely stylized. Not like horror competitor Paranormal Activities, which looks as if you and I could make it ourselves, but tinkered and twisted to perfection. It lies in small things, like the dying, softly distorted buzz whenever a camera switches off, but these little details let the film rise high above the competition. The sound design is simply terrific, making it creepier than it has any right to be.

Acting is more or less on the same level as the first. This means solid, immersive performances, but lots of screaming and manic acting. If it gets on your nerves, this might just as well destroy the feel of the whole film. If it doesn't, it gets you right on the edge of your seat. There's probably not much middle ground, so it all depends which side you're on.

screen caps of [rec]²

The surprise of the first film is gone. There's little you can do about that. But Balagueró and Plaza inserted enough original elements to make the film stand on its own two feet while still functioning as a direct sequel. Not everyone will like these changes, such is life, but I believe they added something substantial to the [rec] saga. At the very least they allowed for some rather creative changes and ideas.

If you didn't like the first film, I can't see how you'll like this one. Stylistically the films are very much alike, though the directors made better use of the style this time around. The surprise effect is gone, but that loss is almost nullified by the new elements inserted into the film. Not as chilling as the first film, but still extremely atmospheric, a true blast to watch on the big screen and a hell of a ride. A pretty perfect sequel if you ask me. 4.0*/5.0*

Still hesitant, check the trailer.

]]>
Mon, 28 Dec 2009 11:03:36 +0100
<![CDATA[movies 2009/of crops and cream]]>http://www.onderhond.com/blog/personal/movies-2009-of-crops-and-cream

Another year has past, the time for closure is upon us again. I'm happy to repeat what I did last year. The following list of films is not the top pick of 2009-released films but rather the best films I've seen in 2009. It was not an easy pick, plenty of films didn't make the list, but the following films all deserve a little extra attention. Enjoy!

10. Bronson

I wasn't a big fan of Refn until I watched Bronson. It was everything his previous films promised they'd be. Refn shows us a very quirky character played by an undefeatable Hardy. The film is visually pretty cool and refreshing, has a very strange but fun choice in music and some very memorable scenes. It's a rather short film, delivering plenty of fun and cool scenes wrapped up tightly without ever boring the audience.

Bronson review

09. Spring Subway

There can't be enough love for Zhang Yibai, a fresh wind sailing through the Chinese film industry. Spring Subway is a film that starts off cute and light-hearted, but gradually delivers more and more dramatic punches. The trouble of communication is always an interesting theme, and when it's done so beautifully as in this film there's little else I can do than love it to bits.

Spring Subway review

08. Late Bloomer

I have a thing for little films like this. High-contrast black and white, IDM/industrial soundtrack, weird themes. Sumida plays himself and does a terrific job at that. He's strange, endearing and a little scary. The films flips back between highly stylized bits and hand-held scenes, adding an extra layer of realism while keeping it a pleasure to watch. Recommended if you like your film a touch weird.

Late Bloomer review

07. Ponyo

Miyazaki's newest is a trip to the past. Back to the good old days of simple tales, minimal dramatic tension and bucket loads of childlike wonder. The characters are extremely cute, the surroundings simply magical. The background story is pretty forgettable, but the characters and animation wonders will stay with you long after all the other CG/3D crap hype has died out.

Ponyo review

06. The Warrior And The Wolf

Tian doesn't make too many films, but when he does he makes sure to deliver something special. His venture into the world of epic history cinema turned out quite unlike all the other films in the genre, carrying a much darker atmosphere and focusing more on pain and hardships rather than heroism and success. Visually astounding, superb soundtrack and solid acting.

The Warrior And The Wolf review

05. Heaven's Door

After Tekon Kinkreet Michael Arias was ready to take on live-action. The result is a lovely road movie capturing Japan like few outsiders have ever done before him. A fun and visually pleasing film focusing on the relationship of two deadly ill kids trying to enjoy their last days together, with a pretty smashing ending.

Heaven's Door review

04. Genius Party (pt1 & pt2)

Best animation film I've seen in a long, long time. The whole collection was split into two parts of which the second was clearly the best, but the whole anthology just oozes style and class. There are only two or three shorts that remain below the insane high standards of Studio 4C, the rest is just prime animation material. Just again proof of Studio 4C's superiority in the field of animation. Best in the world.

Genius Party pt1 review
Genius Party pt2 review

03. Tachiguishi Retsuden

This is a weird one, most likely only appreciated by people loving the funny side of Oshii. A combination of history, fake documentary and photography animation, it's completely unwatchable without a good set of subs. Luckily my knowledge of the French language is fair enough, but don't try this with auto-translated subs, I promise you you won't get far. As crazy and deadpan as could be.

Tachiguishi Retsuden review

02. Mary And Max

I have a natural love for claymation films and Mary and Max is everything and more I'd expect from a film like this. Beautifully made, funny, cute yet with a little dark edge. Some touching moments and never a moment of boredom. The amount of work and love that went into this project shows. A rarity that should be treasured for years to come and which turns out to be surprisingly accessible.

Mary And Max review

01. Pop Skull

Ah yes, the film with the epilepsy warning. No kidding, there's no way to imagine how flashy this film really is without actually watching it. Shoestring budget and no familiar face in sight, but with the limited means director Wingard had to his disposal he simply trashed all the competition. A superb triumph for independent film making and easily the best thing I've seen all year.

Pop Skull review

]]>
Tue, 22 Dec 2009 13:25:29 +0100
<![CDATA[vengeance/johnnie to]]>http://www.onderhond.com/blog/personal/vengeance-review-johnnie-to

Johnnie To is one of the more productive directors among my list of favorites, that's why reviews of PTU, Mad Detective and Sparrow graced this blog before. His latest film Vengeance continues his winning streak and makes it clearer than ever that To effectively reinvented himself these last ten years to become a true author.

screen caps of Vengeance

Vengeance is a little different though. His regular cast is still very much present (Anthony Wong, Suet Lam, Simon Yam), but the lead role is reserved for someone else this time. Johnny Hallyday, famed French singer and occasional actor is the main man this time, lending the film a very specific direction. A pretty daring move, but one that works well.

Hallyday's inclusion raises a pretty big language issue, as Hallyday is a native French speaker while the rest of them speaks Cantonese. Middle ground for both parties is English, spoken with rather fat accents. To handles it well though. I actually don't mind bad English and stilted dialogues if they feel real enough (opposed to say an entire Japanese cast trying to exclaim complex English dialogue for no reason at all). It's personal preference of course, but I'm glad To didn't decide to dub Hallyday in Cantonese, opting for a more realistic approach. It even adds some charm to the film.

The story, like in most of To's films, is rather simple. A basic revenge tale with a couple of twists and turns hurling the film forward. Grandpa Costello travels to Hong Kong after his daughter's family is murdered. His daughter barely survives and demands revenge. After some meager attempts Costello realizes he needs locals to help him out, so when he runs into the group run by Anthony Wong he hires them to do the job for him. Like I said, pretty basic stuff.

screen caps of Vengeance

To makes sure to put his visual stamp on Vengeance. Brooding slow-motion, dark corners, lots of posing and scarred faces. It's all here again. It has become a crucial element for his films, which thrive on the tension created between two opposing fractions. It's amazing what he can accomplish with a floating camera, tempo changes and two groups of people standing in front of each other.

The soundtrack is not as quirky or as present as in his previous films. It almost seems as if To was scared to surprise his audience with his somewhat atypical choice of music, especially for a film with a broader international appeal. Vengeance is rather silent, but it works well with the slow motion and dark images dreamed up. Acting is as solid as you can expect from the To regulars, even Hallyday puts in a fitting performance. Yam has a pretty small role this time, but Anthony Wong en Suet Lam fans will find enough screen time for both to look forward to.

screen caps of Vengeance

All that said, if there's anything that defines To these last couple of years it's the addition of certain funny, frivolous elements, granting his films a level of vitality and quirkiness completely absent in comparable films. Somehow it underlines To's love for cinema, and Vengeance doesn't escape from his signature style. Some lovely details (like the bike, the kite-like thing and the stickers) liven up the film without actually hurting the dark atmosphere.

Vengeance is a film that will do well with most Johnnie To fans. There's a chance that the use of different languages will put some people off, or maybe To's playful side will come as a surprise, but apart from that Vengeance is another shining star on To's ever-growing repertoire. A very solid film in all departments, allowing you to sink back into your couch and let the film drift over you like a warm, dark blanket. 4.0*/5.0*

Try the trailer for a glimpse of To's magic.

]]>
Mon, 21 Dec 2009 12:13:37 +0100
<![CDATA[selling html pt2/tricks of the trade]]>http://www.onderhond.com/blog/work/selling-html-pt2-tricks-of-the-trade

Earlier this week I talked about trying to sell html based on its actual merits, and more importantly, why this isn't working in real life. In this second part I'll try to list more practical arguments. None of them fool-proof, but definitely carrying more weight when used in discussions about the importance of quality html. Extra input is very much appreciated and can be listed in the comments section.

One little word of advise before I start. Do take care in using the arguments given below. There are always counter-arguments available and some might actually be hurtful to either your partners or clients. These are not arguments that can silence whoever you throw them at. But as a whole they form a well-developed arsenal of knowledge that will at least grant you some credibility in the discussion.

seo

Ah yes, the buzzword that made money flow like water for a good couple of years. Even us front-end developers loved the SEO hype, since we could tag along and demand proper html implementations as this improved rankings. Which is true, but only to some extent.

"Sadly", people grew wiser and found out that there are only a few html tags that will actually make a difference. True enough, good structure will help your ranking a little, but there's little difference between a clean div with one single class and four nested divs littered with CMS-specific classes. So even though you might have your paragraphs and heading tags, you still have no defense against the messy tangles of automatically generated CMS code.

SEO is still a valid argument in the battle for good html. Certainly with html5 being almost ready for implementation. html5 is a much richer language, which means you'll have more power to your disposal for marking up content and indirectly improving search-engine rankings. But for now, the scope of the SEO argument is limited to headings and paragraphs mostly. If the html code is truly horrible though, this is a good place to start.

future-proof, flexible, cost-effective in the long run, ...

I tried this one a couple of times before. It does work for big projects, sometimes. But when deadlines are nearing, money is running out and clients are breathing down your neck these arguments hold little weight. Suddenly html becomes a "phase 2" concern and all that matters is getting the site to work and look right in all (or most) browsers.

It's a shame, because well-planned html makes future updates so much easier. Especially when new parts are added to the site or complete redesigns are issued. It's the core of a website, so if corners are cut there, they will show themselves at later dates. These arguments will hold some weight when explained in the beginning of the process, though will find little support for improving any current implementation.

Also note that you are practically taking away work from those implementing the site. A complete redesign usually means work (and income) for the implementors too as there are usually quite some code changes. By implementing solid, future-proof html this work is brought back to a minimum. Good for your clients, but make sure you don't offend your technical partners in the meantime.

stylability

This is actually one of the most solid arguments out there. Badly implemented html makes it way more difficult to style a website. In several ways. For one, finding "your" class in a string of 6 or 7 badly-edited cms classes is not as easy as simply picking out a single value in the class attribute. Secondly, styling on cms-generated classes is usually quite dangerous as they reflect the inner kitchen of the cms and hold little to none semantic or structural relevance when it comes to the actual document. Who knows where else they might end up.

Missing classes or missing structural html elements will result is unstable css, creating problems cross-browser. And switching to default classes might (and in our case will) hurt predictability of the code. For example, at my current job we hardly need the html code to start styling the main navigation as structure and class names are standardized.

There's also a timing issue. After creating the html templates you could start working on the css. But only if the implementation of the html is (as) perfect (as possible). If not, most of the css work will be useless anyway. Waiting for the implementation on the other hand does add some extra time to development as css work and implementation can't happen at the same time.

The bottom line. Bad html will jeopardize the quality of the css, will jeopardize the quality of future updates, and even more importantly, might hurt the wallet of your client as this extra work needs to be paid. And best of all, there are very little counter-arguments against this argument.

analogies

Analogies! Always helpful when trying to explain a somewhat vague concept like html. And always someone who tries his best to find the differences with the analogy you are making. I've been looking for a good one to explain the importance of html, but found it rather hard. One analogy that's often cited is between building a website and a house, but html doesn't really fit in as front-end development is a step between architectural work and the actual physical work not (often) present in construction.

The best analogy I came up with is the difference between a golden object and a gold-plated object. This concept is understood by everyone and illustrates the difference between a web page constructed using correct html and one using crappy html. Even though the difference between both objects is not immediately visible from the outside, there is a definite difference in quality (and worth) between the two.

Gold-plated objects only have a golden shine. The top layer (css in the analogy) hides what's underneath, but over time the golden object will prove to be way more robust and thus valuable. It's also stronger and tougher, with a higher resistance to external influences. But there's more than simply the nature of the core material, there's also the texture. If the texture of the core material is rough, you need more coating material to smooth out all the irregularities. And the more coating you need, the more expensive the object will become.

Like all analogies not perfect, but still clear and understandable, even to non-tech people.

conclusion

And that's about all I have. If you can think of extra arguments that might help in convincing clients and technical partners they should invest time and money in good html, do list them below. The combination of all arguments above do hold some weight, but still don't ensure victory.

]]>
Thu, 17 Dec 2009 12:43:25 +0100
<![CDATA[heaven's door/michael arias]]>http://www.onderhond.com/blog/personal/heavens-door-review-michael-arias

Michael Arias is a patient man. He fought a very long time for a chance to prove his worth as a director, grabbing it with both hands when it finally came along. And with success, as the world took notice. And yet, for his second feature film interest seems rather limited. Completely unjustified in my opinion, as it's easily one of the best films of 2009 (so far).

screen caps of Heaven's Door

With only two feature films to his name, Arias' career is already worth a bunch of studies and books. He was the first American ever to direct a film at Studio 4°C and almost beat them at their own game. Tekon Kinkreet is one of the greatest animes to have come along in the last couple of years, displaying a sense of style and energy not often seen beyond the Japanese borders.

Perhaps fans of Tekon are still awaiting Arias' next animation project, but in the mean time he took some time to direct a live-action film. Again he traveled to Japan to make a film that feels very Japanese. Heaven's Door is wildly different from other outsiders' attempts at capturing Japan, most notably failing efforts of Gondry (Tokyo!), Carax (Tokyo!) and Coppola (Lost in Translation). Arias' film still differs from the locale cuisine, but succeeds in adding something other than a failure of cultural understanding.

Heaven's Door contains serious nods to Kitano's oeuvre, especially Kikujiro and Hana-bi, though the story leans closer to Kazushi Watanabe's 19. Heaven's Door, a rework of a German film, brings together two dying souls. Both of them are terminally ill and decide to enjoy their last breaths together. Somewhat oblivious of the law they start their trip in a stolen car to catch one last glimpse of the sea. When they find out the trunk of the car is loaded with money, they let their inhibitions slip while being chased by the police and the rather shady owner of the car.

screen caps of Heaven's Door

Arias already showcased a very keen eye for visual glamor in Tekon and confirms his talent in Heaven's Door. Though more down to earth and a bit more sober, the camera's movements are meticulously planned, as is the use of color. While the film doesn't really contain wild flashes of visual brilliance, the overall effect is mesmerizing and very stylish indeed. Add to that some wicked editing tricks and you have a film that knows how to seduce.

For the soundtrack Arias turned to Plaid once again. I must admit that their sound works way much better in film than it does on CD. I'm not a big fan of Plaid, but as gentle background music or soft leading score it works miracles. All of this comes together in the hotel scene around halfway through, creating a rather perfect blend of visuals and sound. Acting is solid too with Tomoya Nagase reminiscing Odagiri's style of acting and Fukuda making sure her part is believable, even within the somewhat strange and unnatural setting.

screen caps of Heaven's Door

Though the film features a series of strange side characters and has a rather elaborate subplot centered around a criminal businessman, the film's main focus is the young couple's blossoming friendship. As the film progresses Arias inserts something touching and real, and when at one point the much younger Fukuda takes Nagase in her arms in assures him he need not be afraid, that everything will be alright, set to the dying notes of Plaid's piano, Arias hits the spot with the biggest emotional sledge hammer you can imagine. It's a key scene in the film demonstrating that Heaven's Door is more than a simple feel-good, hip and funky road flick.

Arias' sense of humor is considerably different from Kitano's, but Heaven's Door could be mistaken for one made by a Kitano apprentice. Arias has a more modern sense of style and direction, giving the film its very own face, but there's just something very familiar about the couple reaching the beach in the final scene of the film. Arias is nice enough to serve the audience the ending they've been longing for, which in this case is the least cruelest way out and totally justified. So for all fans of Tekon and Kitano out there, give this one a chance. Chances are Arias won't disappoint. 4.5*/5.0*

Check the no subs trailer for a glimpse of the atmosphere.

]]>
Wed, 16 Dec 2009 11:21:39 +0100
<![CDATA[the warrior and the wolf/zhuangzhuang tian]]>http://www.onderhond.com/blog/personal/the-warrior-and-the-wolf-review-zhuangzh

When Tian makes a new film, I take notice. Without a doubt my favorite Chinese arthouse director, though his somewhat modest productivity makes it difficult to built a solid view of his style and strengths. The Warrior and The Wolf is his latest, and even though he's seemingly pursuing a more commercial route, it won't take long to realize it's all just a façade.

screen caps of The Warrior And The Wolf

Ang Lee (Crouching Tiger) and Yimou Zhang (Hero) started an ongoing trend in Chinese cinema, leading arthouse directors to direct big, epic and action-filled period pieces. And while the world is still waiting for Hsiao-hsien Hou's The Assassin, Tian is filling the current void. Though it must be said, Tian's The Warrior and The Wolf doesn't really compare well to Zhang and Lee's efforts, but lies closer to grittier films like The Warlords or Battle Of Wits.

Those expecting another straight-forward genre piece, be warned. Tian may be treading in this particular territory, that doesn't mean he simply changed his style accordingly. There is not much action and even less heroism to be found in his film. Where films like this are usually about heroics, victory and conquering armies, Tian's film is about loss, pain and bewilderment. It's not epic, nor is it an easy watch, though that doesn't mean you should simply toss it aside.

The story isn't very easy to summarize. Central to the tale is Odagiri's character, who is recruited into an army during the first act of the film. From there on, we follow his transformation from peaceful country bumpkin to commander of the army. And beyond. The second and third act are small story arcs by themselves, centering around the same set of characters, but highlighting a different period in their lives. Tian lets his film flow like a mountain stream, twisting through space and time. The narrative structure is highly unconventional, rather hard to follow and disjointed, but this does not hurt the themes and sentiments of the film. For many this will be a big hurdle, I myself appreciated this free-form way of storytelling.

screen caps of The Warrior And The Wolf

Visually The Warrior and The Wolf is a shimmering masterpiece. Tian's color pallete is moody and menacing, littering the screen with dark shadows and desaturated blues and greens. This works wonderfully well when outside, but the indoor scenes turned out just a little too dark to my liking. The narrative was hard enough to follow as is, but peering to see what happens on screen can become a bit much at times. It's only a small issue in a few particular scenes, but it does harm the second act a little, which is mostly playing between four walls.

The soundtrack is pretty awesome, working with modernized interpretations of traditional Chinese music. Tian's use of music is as subtle as ever, especially considering the genre he's operating in. It's not as refined as in his earlier films, but it works miracles with the visuals. Acting is very strong too, with Odagiri in yet another powerful role. His international career is taking off like a rocket and he holds up pretty well in foreign cinema. Maggie Q complements him, and the chemistry between the both of them does light up the second act. The rest of the supporting cast is equally impeccable.

screen caps of The Warrior And The Wolf

Short intertitles explain the gaps and holes in the main story. Flashbacks and flash forwards tell you what you need to know, though many of the details are hidden deep within the dark shadows that leap over the screen. Multiple viewings will probably sculpt a better picture of various scenes and plot points, but the overall impression is crystal clear. Tian's vision of epic period pieces is one that is dark, gritty and unpleasant. The mythology is fascinating, raw and as pure as the cruel surroundings the characters reside in. The result something that compares difficult to other films in the genre, but stands proud on its own to feet.

If you're looking for an action-filled film leaving you behind in a victorious state of mind, The Warrior and The Wolf is probably not for you. If you're looking for typical dramatic arthouse-light fare, you can just as well skip Tian's latest. But if you're up for a good 90 minutes of alternative, arthouse-inspired genre cinema, this might be just the film for you. Ignore (or embrace) the fluttering storytelling and let yourself be swamped by the majestic and dark images of Tian's film, and you'll have no problem uncovering the heart of The Warrior and The Wolf. Superb cinema. 4.5*/5.0*

Check the short trailer for some sneak peeks.

]]>
Tue, 15 Dec 2009 11:03:30 +0100
<![CDATA[selling html pt1/the theory]]>http://www.onderhond.com/blog/work/selling-html-pt1-the-theory

It's sad, but true. 2010 is rapidly approaching, but as front-end developers we still have a tough time selling the importance of well-written html. Many attempts have been made these last 10 years, but it all amounted to very little. Clean html is the first priority to go whenever problems arise within a project. For those of you still fighting with much conviction and spirit, the next two articles will help you conquer those who oppose you.

What puzzles me most is how differently html is approached when it comes to quality. Compare it to programming languages or human languages and you'll see a frightening gap in quality perception. Of course there are some understandable reasons for this, but after 10 years of hmtl-awareness you would assume that people would start to grasp the need for improvement.

about languages

We all know that html is a descriptive language, with its own spelling and grammar rules. Much like the human languages in fact. We write it to describe elements within a page, giving meaning to components and making it possible for automated features to recognize these components and process the data for whatever reason possible.

The html language is a very simple language with few words. To cover for the unknown elements we have the div element, equivalent of the English word "thing". Further specification is done through classes giving our "thing" extra semantic meaning. For elements that do have an equivalent in html, we use the assigned tags. This all sounds very logical, but the reality is quite different.

draconian error handling

The difference? In case of human languages it's our brain doing the error handling. We are interfacing directly with the language. In case of html, we interface with the product of the language (the actual web page), not the language generating the page. That's why it's not immediately apparent when the html of a page is full of grammar and spelling mistakes, as the browser effectively hides (almost) all the ugliness from us.

Ai coud rait laik dis and with a little bit of effort you would be able to read it perfectly well. Still, people would be quite annoyed if I wrote entire articles likes that, no matter how interesting the content. But when talking about html, people don't seem to care, even when it's bordering on complete nonsense. Since there's an automated service trying its best to cope with these errors, it appears to be free for all.

history

To be fair, this way of handling html did help to launch the internet. It eclipses some of its finer points and helped in getting things online for people to see. In many cases, badly marked up content is better than no content at all. But for professional websites, it is time we stop ignoring the potential of html, as its current state is actively hindering the progress of the internet today. Semantics in combination with automated processing is an area still very much underdeveloped, partly due to bad html structure and grammar.

conclusion

While there are little arguments against well-written html, it's a sad fact that all I've written above will usually get you nowhere. For now, html is still considered a low priority, and when CMS or other automated html-generating tools remain spewing grammatically incorrect code.

When you compare it to human languages you will make people understand, but at the same time the argument is too theoretical to have much weight when a crisis is looming. Next article will delve a little deeper into more practical weapons to battle the rapers of html. Stay tuned.

]]>
Mon, 14 Dec 2009 12:40:54 +0100
<![CDATA[accident/pou-soi cheang]]>http://www.onderhond.com/blog/personal/accident-review-pou-soi-cheang

If you've been keeping track of the film reviews on this blog, you might remember Pou-Soi Cheang from his previous film Shamo. He's slowly establishing himself as one of my favorite directors, so with much anticipation I was looking forward to Accident, his latest. Cheang was nice enough not to disappoint.

screen caps of Accident

Accident was made under the caring wings of Johnny To. Not only did he produce, but the film was also co-released by his very own Milkyway. Lately To's doing a really good job of turning his production company's logo into a true seal of quality. With his own recent output and a quality selection of films like Eye In The Sky I'm more and more drawn to films coming from the Milkyway stables.

With Accident Cheang leaves his more cult-oriented background and takes on a sub genre that's been gaining popularity in recent years. The Brain is the leader of a small gang of sophisticated crooks. They are calculated, immaculate, precise and most importantly, extremely good at what they do. In essence they are a team of killers for hire, but they specialize in cases that need to look like accidents, erasing all suspicion of a real murder.

Half of the fun is seeing the murders planned and executed. Rather than aim for action and grit, Cheang tries for a more stylish approach. The build-ups are slow and well-planned, the characters silent and pensive. And even when the story twists halfway through the film and it appears they are being set up themselves, the style does not change much, though a sense of urgency is added to the film.

screen caps of Accident

Cheang loves darkness. Throughout the whole film (and also apparent in his earlier films) he tries to fill each frame with dark corners, hidden alleyways or blind spots. Accident is not as colorful as his previous films though, reducing the contrast and creating an ever darker cinematic world. There are little shots or scenes that jump out, but as a whole the cinematography and styling is very strong and extremely consistent.

The soundtrack too is nice, supporting the events on screen in a rather subdued yet still leading manner. After the end credits have faded it's hard to remember particular songs, but the overall quality of the soundtrack will stick nonetheless. The acting is overall strong too, with a splendid performance of Louis Koo as lead actor. He was probably chosen because Simon Yam was busy or on holidays, but Koo manages remarkably well. The supporting cast is superb too, with the ever-present Suet Lam taking on another good role. I like that man.

screen caps of Accident

While the first and second act of the film are pretty straight-forward and predictable, the ending takes a rather surprising turn. It's the expected twist, but with a twist. I actually loved those final minutes, as they left me quite stunned like few other films have managed. I'm sure it's a hit and miss affair and most people will be quite unaffected by these final events, yet it's remarkable how simple an ending can be without losing its strength, even gaining from its simplicity.

Accident is a very good film. Not really excelling in anything particular, but strong and stylish in every department, forming a very solid and tight whole. Visually consistent, great characters and acting, a strong soundtrack and an excellent plot. It's all you've come to expect from a modern To film, but directed with the flair and personality of Pou-Soi Cheang. Highly recommended. 4.0*/5.0*

For a quick peek, try the trailer.

]]>
Wed, 09 Dec 2009 12:36:00 +0100
<![CDATA[goemon/kazuaki kiriya]]>http://www.onderhond.com/blog/personal/goemon-review-kazuaki-kiriya

When Kiriya unleashed Casshern onto the masses he divided the audience like a real pro. Those of you hoping he learned from his first film will do good to lower their expectations before sitting down to watch Goemon. On the other hand, if you loved Casshern, brace yourself for another two hours of Kiriya goodness.

screen caps of Goemon

With Goemon Kiriya confirms his style. He makes it clear that Casshern wasn't just an accident coming from an unskilled freshman. As many "faults" his first film might have had, many of them were intentional and based on mere taste, rather than bad film making. Now I know many of you won't agree with this, but it is the simple truth.

Kiriya is not one to tell a story straight. Of course his films need a storyline, as they are over-the-top epic and he's in dire need of dramatic moments to play around with, but as a director he has other priorities. His films are extremely visual, but even visual storytelling is not really on his list of things to worry about. Just forget about the story. It's there, it's used for its hooks, but that's about it. Goemon is about the direct link between visuals and emotion. It's visual film making, not storytelling.

The Goemon character is a Japanese Robin Hood. A thief that steels from the rich and gives to the poor. A popular figure that even featured in some videogames (remember Ganbare Goemon on the SNES?) and who's name is often misspelled as Goeman or even Geoman. The film borrows a couple of other historical figures and throws them into a mix of betrayal, struggle for power and superhuman mysticism. Nothing you haven't seen a hundred times before, so I was happy enough to settle for the somewhat underdeveloped story.

screen caps of Goemon

Kiriya is a man of visuals. It's true that he regularly aims way to high and completely misses the mark, but those moments hardly compare to the times he does hit the spot. The first big fight scene was a pretty big let-down, so were the scenes that involved horses and ninjas running around. Whenever the scenery was supposed to flash by the CG faltered, revealing its cheap texture. The second action scene (on the boats at night) easily made up for this, so did the grand ending. But the most beautiful moments are those when the camera remains static and the exuberant details of the costumes and backgrounds can be enjoyed to their fullest. This is where Kiriya truly excels.

The soundtrack is little more than wallpaper decoration for the dramatic and epic moments. It's not really bothersome and never too present, but could've been a tad better as a whole. Acting is decent enough too, though it takes a little time to get used to the comedic interludes of Eguchi. Supporting cast is nice, with good work from Hirosue, Osawa and Okuda. But in the end, I enjoyed the role of Terajima the most. Even though it's another submissive role, he must've been quite happy to play a guy like Hanzo Hattori.

screen caps of Goemon

Goemon is a film where the great parts easily outshine the lesser. But only if you appreciate it for what it is. Kiriya is aiming for sensory overload and tries to connect his epic chaos directly to the nerve ends of the audience. This is a film that doesn't need brainpower, but thrives on good old-fashioned primordial thrills. If you expect the story to pull you in, either narratively or visually, you'll have little to be excited about. Seen from that angle, Goemon plays like a 2 hour recap of the whole LOTR saga with twice as much epic moments and half the emotional involvement (at least, if you're capable of that while watching films like LOTR).

Kiriya serves a roller-coaster ride, but one that makes sure that the better moments can be relived late at night while lying in bed with your eyes closed. Not everything works, it's pretty chaotic at times and it feels quite out of control. It's up to you to decide whether these are good or bad characteristics of a film. I enjoyed it a lot. With ever-improving techniques and cheaper budgets I'm sure Kiriya still has a masterpiece hidden inside of him. Until that time comes, he can keep making films like this, I'll be there to support him. 4.0*/5.0*

Check the trailer for a good taste of Kiriya's style.

]]>
Mon, 07 Dec 2009 11:34:18 +0100
<![CDATA[ink/jamin winans]]>http://www.onderhond.com/blog/personal/ink-review-jamin-winans

I like urban fantasy, a lot. But it appears to be a difficult genre to translate to the silver screen. It seems that creating an elaborate modern fantasy world is just too much trouble for a mere 90 minutes adventure. Ink is one of the rare few that dares to tackle the genre full on, and does a marvelous job at that. All hail to director Winans for taking the leap.

screen caps of Ink

If you haven't heard of the film before, it's because Winans has had quite some trouble getting it distributed. A little strange considering its strength and merits, especially when you know this is one of those no-budget affairs. I would've loved to see this on the big screen, but as it is I'll just settle for the DVD. I just hope Winans has better luck with his next film.

Winans created his world from scratch, avoiding the easy way of adapting just another comic book series. He sculpts his tale in modern-day society somewhere between the worlds of the living and the dead. Several fractions exist within his universe, all of them well-developed but not explained in full. They live within the reality of the film, but the film itself never sees it as an obligation to explain their motives and being in complete detail. Not to everyone's liking I presume, but I enjoyed this patch of mystery a lot.

The story centers around the kidnapping of a little girl. She is kidnapped by an Ink, a dark creatures that lives in the shadow of our world and comes at night. He works for the Incubi, a group that brings nightmares. Up against the Incubi are the Storytellers, bringers of dreams and happiness. Their mission is to protect the people from the Ink, if they happen to have malicious intentions. This might sound like I've explained half of the movie already, but rest assured, this is just the setting. The story itself might not be too innovativy (battle of good against evil and all), but the setting sure is wildly original.

screen caps of Ink

Winans has little budget but decided to make the most of it. He applies a very bold style that is somewhat reminiscent of Toy Reanimator. Bright and screaming colors in overexposed settings, sharp and energetic editing and pretty wild camera angles. The lack of funds for expensive CG is hidden by the bold style and allows Winans to do some very cool things with the styling of the inhabitants of his world. The Incubi in particular are pure genius, with their weird face masks distorting their facial expressions.

The soundtrack too is captivating. Maybe a tad too in your face, but it features some genuinely likable music enhancing the atmosphere a great deal. Sound effects too are strong and flow very well with the editing, creating a very solid audiovisual experience. Acting on the other hand is a little below par, especially the role of the father could've used a better actor. Only a minor issue as the acting felt hardly as a priority in this film, but it does manage to leave a nagging feeling through some of the scenes.

screen caps of Ink

The film follows a rather predictable path, twist included. Mind you, it's one of those semi-twists where the audience is quite aware of the facts without being explicitly told. Predictability aside, the film's reality is so elaborate and vast that every scene still has plenty of creativity to enjoy. The visual bombardment alone is enough to warrant a viewing, though in the end that's just part of the fun.

Winans lack of budget does show a little. The styling of Ink could've been a bit better, some of the characters might've deserved an extra-grade actor and the visual trickery is sometimes a little too bold in order to conceal its shortcomings. Only little points of critique that Winans can easily get rid of with a bigger budget and a little more financial security. Ink shows enormous potential, executed well beyond what anyone could expect considering the limitations. A little gem that will one day find its audience and is destined to become a cult hit, much like Dark City and Delicatessen. 4.0*/5.0*

The trailer is rather spoilerific, but gives a good indication of what is to come.

]]>
Wed, 02 Dec 2009 12:36:16 +0100
<![CDATA[raging phoenix/rashane limtrakul]]>http://www.onderhond.com/blog/personal/raging-phoenix-review-rashane-limtrakul

Thai action cinema has been pretty successful ever since Ong-bak arrived on the scene. And even though they've enjoyed considerable international commercial success so far they've avoided swamping their audience with a bucket-load of inferior films. Raging Phoenix is the latest in the steady rise of the Thai martial arts film, and one that is sure to please the fans.

screen caps of Raging Phoenix

Raging Phoenix sees the return of Vismitananda who debuted rather well in Pinkaew's Chocolate. Though this time around she gets help from a few back-up fighters who help to broaden the range of moves seen in the film. While it's always a little tricky to put lots of fighting styles in one film (see Ong-bak 2), Limtrakul makes sure that the different fighters flow well together and don't just perform separate from each other.

The angle that needs to sell this film is the mix of Muay Thai, drunken style and breakdance. It might sound like a rather crazy blend of styles, but the result is very impressive alright. It's always cool to see the drunken fighting style, but coupled with the agile legwork and fluidity of Muay Thai it creates a very special flow within the fights.

The story, as usual, is not too interesting and simply functions to draw the main cast from battle field to battle field. Deu is a lost and lonely soul that almost finds herself kidnapped by a band of notorious criminals. She is saved by a group of victims that are after the criminal organization. Of course they know martial arts and around halfway she's found capable enough to join them. Nothing new there.

screen caps of Raging Phoenix

Raging Phoenix is a film that belongs to the colourful Thai film school, meaning lots of pretty and bright colours tampered for a little extra effect. I love the vibe coming from these films as each frame and scene seems to jump from the screen. Not really sure why it is so dominant in Thai cinema, but it's always an extra reason to look forward to these films. Direction is slick but good, the editing very fitting and the locations beautiful. Especially the hideout of the gang looks otherworldly. The only point of critique is the dark setting in the final part of the film. Could've used some better strategic lighting as some of the moves are too much obscured by darkness.

The music is pretty nice too, though I'm sure the Thai hip-hop tracks will be met with some weariness. Not that I would play the stuff myself, but it flows well with the fight scenes and gives some context to the strange dance moves the fighters are doing in between. It's not the first (and definitely not the last) time martial arts choreography is coupled to dance choreography, but it's nice to see a modern version for a change. Acting is pretty nice too, giving some extra flair to the already strange team of characters, just don't go expecting any award-winning performances.

screen caps of Raging Phoenix

Even though all the filler is nicely shot, it's the fight scenes that will draw all the attention. I was particularly taken with the early fights, demonstrating the best mix of drunken style and Muay Thai. Fun fights with a slight dash of comedy, yet very controlled and awesomely choreographed. Some people have complained about the staged character of the fights, which is a given whenever drunken style is used, so be warned. The latter fights are not as fluid and focus more on elaborate killer moves. They are still fun but do lack the agility of the first few fights. The actual finale kicks ass though, so the film is sure to close on a positive note.

Raging Phoenix is another very solid entry in the Thai martial arts selection. Not only are the fights well-choreographed, the fighting style is original, the film is beautifully shot and the characters are a varied and fun bunch. But when all is said and done, it's still very much a martial arts film, so if you're not a fan of unrealistic show fighting this film is probably not for you. For all the others, enjoy the ride. 4.5*/5.0*

Check the trailer for a little warm-up.

]]>
Tue, 01 Dec 2009 11:21:49 +0100
<![CDATA[mary and max/adam elliot]]>http://www.onderhond.com/blog/personal/mary-and-max-review-adam-elliot

Financially well-developed stop-motion films are hard to find. 2009 has been a good year though, with Selick's Coraline getting the most attention and Anderson's Mr Fox getting raving reviews all over. In the shadows of these films another one was made. One that's had a hard time getting commercial recognition but is every bit as good. And so I present to you, Mary and Max.

screen caps of Mary And Max

Mary and Max is a little Australian film that popped up on the radar rather unexpectedly. It's a rather dull title and doesn't really invite immediate investigation, but behind that somewhat boring literary façade hides a very rich and accomplished film. Mary and Max is obviously a work of love, but with the proper financial backup to turn it into a true marvel.

The film is a celebration of old-fashioned artistry. All the little characters were made from polymers, clay, plastic and metal and are hand-animated. Some of the settings took people more than two months to construct. I'm not going to spoil all the neat little stats, you can check the official Mary and Max website for that, but it's telling for the amount of work that went into this film.

Best of all though, the film is more mature than most of its peers. Coraline is a lovely fairytale and films like Wallace and Gromit are nice enough, but they are all a bit childish by nature. Mary and Max tells the tale of two lonely souls who find each other by accident. The 7-year old Mary writes to the 50-something year old Max for advice and they become pen palls. Mary's lack of confidence and Max' suffering from Asperger syndrome puts a big strain on their relationship and it doesn't take too long before they find out that having friends can be a painful experience.

screen caps of Mary And Max

Visually Mary and Max is probably the best thing ever conceived using claymation. Mary's world (a little village in Australia) is seen through a sepia filter, Max' (New York) is modeled in contrast-heavy black and white. The settings are superbly detailed and look grand. Character animation is smooth, the character style is adoring and the camera work earns a special mention. Though completely different in style I think it easily defeats Coraline.

The soundtrack is fun, quirky and with sudden dashes even emotionally touching. The film makes use of some commonly known musical pieces but knows how to put them in a new context. Voice acting is surprisingly strong too, with an almost unrecognisable Philip C Hoffman playing a big part in laying out the atmosphere of the film. Plenty of use of voice overs though, which might deter some people, though I didn't find it an issue at all.

screen caps of Mary And Max

The true beauty of Mary and Max lies in its smart balance of comedy and drama. The film has a rather dark edge and while many little facts and details are portrayed as funny, as the film progresses you find out there is more to the jolly façade of the film. In a few scenes Elliot tears away the comedic layer and I found it surprising how fast he could go from dark comedy to uneasy dramatic moments, even delivering some straight punches. One scene in particular near the end of the film is not what you'd expect to see in a "mere" claymation animation film.

There is not a dull moment to be found. The film is littered with funny anecdotes, cute visual jokes and some very telling scenes. It's funny, endearing and dark at the same time, hitting a very rare balance. Add to that the mastery coming from every frame and you have a true gem that should appeal to a pretty large crowd, if they are willing to put themselves past their initial fear of (clay) animation. Easily one of the best films of 2009, deserving of a large and loving audience. Availability is still very limited, but don't miss the chance to see this one. 5.0*/5.0*

Still not convinced, check the trailer.

]]>
Mon, 30 Nov 2009 12:28:31 +0100
<![CDATA[suikoden tierkreis/rpg konami-style]]>http://www.onderhond.com/blog/personal/suikoden-tierkreis-review

Buried underneath a mountain of farm and animal sims the DS has a strong line of RPGs granting the hand-held plenty of flair. Suikoden is one of the latest to arrive in Europe and even though it can't compete with the best, it's a solid purchase if you're aching for turn-based stats fun and can stand the Japanese hairdos.

artwork of Suikoden Tierkreis

Suikoden is a long-running series that started its life on the first PlayStation. I never played any of the previous installments, but I heard a lot of good about these first games. For fans it's important to note that Tierkreis is not a direct continuation but a spin-off, as it not as closely connected to the core of the 5-part storyline. I can't really judge how well it compares to the other games, but as a stand alone effort it manages pretty well.

The start of the game is like many other J-RPG. You're a young kid in a somewhat peaceful village, but trouble is brewing. The peace lasts through the short introduction, after which the earth needs saving and you start your journey. The villains are evil, you are good and off you go for 50 hours of numbers, swords and magic.

I found it a little hard to get into the game as the start is somewhat bland and the mechanics of the game need some getting used to. You can't simply walk through villages but have to pick destinations in the village which you can then visit. There's a somewhat strange trade system that gets you the necessary money to buy stuff and the fights appear quite random at the start of the game. But most irritating of all is a small quirk which prohibits you from selecting the standard option during conversations. This is probably done to counter unwanted selections, but it's hardly a graceful solution.

screen caps of Suikoden Tierkreis

Visually Tierkreis is almost impeccable. The 3D battle sequences can look a little muddy and edgy at times (a few camera issues with bigger enemies that obscure hit counters and such) but towns, areas and maps look truly gorgeous. The animated videos in between are of high quality too, which is not too surprising if you know that they were done by the people of Production I.G. Add to that the varied and detailed character designs for 100+ characters and you have a game that will go easy on the eyes.

The music too is pretty nice, though nothing out of the ordinary. Battle and victory music is nice enough and most towns and areas have their own recognizable background tunes. Sadly the voice overs are a completely different story. Grating English dubs that go way too fast and manage to be more than merely annoying. Not just a little issue, as there is a lot of conversation during the game, most of which is dubbed.

artwork of Suikoden Tierkreis

The battle system is rather advanced with several types of weapons belonging to one of three categories. All enemies have varying resistance to each category of weapon. There are magic spells for each character (of which you can select 4 for each character) and there are group attacks for specific combinations of characters. If you know that there's a total of 108 characters there enough fun to be had. On the other hand, the difficulty level of the game is pretty low, so most of the time standard attacks will suffice (and will be quicker than watching the elaborate animations of fancier moves).

The problem with Tierkreis for me was that the format of the game could've been tailored better to the needs of the DS. For a hand held console the game is pretty strict and demanding. It's not an easy game to pick up as there is lots of conversation and a serious lack of save points. This either means starting over or leaving the DS on if you have to leave before you reach a save point. On the other hand, if you have the time Tierkreis is a very engaging game that outshines its flaws with ease.

If you plan to buy this game for some quick dashes of RPG fun you will be disappointed. But if you have the time to spare and are willing to spend the time needed to engage yourself to the Suikoden world, it's a cool game with a vast team of playable characters, lots of secret missions and items and an interesting storyline that adds shades of grey with every hour you'll play. The choice is up to you. I was lucky enough to play this during my vacation, so I enjoyed it immensely. It's telling though that I spent 2 weeks on the first 40 hours, then two months to finish the last 15. 4.0*/5.0*

Check the trailer to get warmed up.

]]>
Fri, 27 Nov 2009 10:44:48 +0100
<![CDATA[gamer/neveldine and taylor]]>http://www.onderhond.com/blog/personal/gamer-review-neveldine-taylor

Neveldine and Taylor stormed the scene in 2006 when they unleashed Crank onto the masses. Crank 2 established their style and Gamer is the film that takes it even a few steps further. How many fans they're going to lose along the way is hard to predict, but if you're looking for hyperactive craziness, there really is no alternative.

screen cap of Gamer

Crank was a fun little action film that abused its simple storyline to put as much adrenaline in its short running time as possible. It was a low budget affair that showcased the duo's talent and would redoubtably lead to more expensive films. As usual I was a little weary of their next projects as more money often results in more studio involvement, ultimately putting a handbrake on their hyperactive and action-infused style. Gamer proves there was never any reason to worry.

The concept of Gamer is quite fun. It takes the Second Lives of this time and adds some little twists. Not only can you choose an avatar to play with, you can also become the avatar and be played with. A somewhat perverse idea that gets exploited pretty well by the directors. Of course, not long after the initial launch of this technology the concept is applied to gaming software and before you know it there's a bunch of death row convicts killing each other in FPS-like battlefields. Hooray!

Neveldine and Taylor create a pretty fun vision of the future, though not one I'd like to live through. They've taken the trends of the web (nerds, messaging, porn, spam) and enlarged them in their typical uninhabited way. Almost bordering on parody of the current state of the web, their vision is a mix of extremely colorful bubblegum consumerism within a darker and grittier reality. Not that Gamer has much value beyond its fun factor, it's hardly trying to convey a serious message, nonetheless the vision of the director's duo is a welcome addition to the scifi genre and much more in tune with our everyday reality than usually the case.

screen cap of Gamer

The directors learned a lot from the Crank franchise and went a serious step forwards visually. They cranked up the pace a notch or two, bombarding the viewer with flashy images, hand-held action shots, strobes, tumbling cameras, extreme colors and rather outrageous color corrections. The result is something that is hard to describe and needs to be seen to be believed. Many people will be put off by the flashy appearance, crazy camera work and swift editing, but it is executed with such precision that it is hard not to love.

The soundtrack is quite funny and applied with some big nudges (Bloodhound Gang, really?) but ultimately could've been a little better. Not that it's bad or irritating, but a more mechanical and electronic soundtrack would've served the film a lot better. Acting is decent with Butler leading the film in a pretty good direction. He is cut out for a job like this, though he can't really surpass Statham. The supporting cast is a little uneven though, with Hall and Sedgwick putting in subpar performances.

screen cap of Gamer

Gamer is one upping Crank in every department. From the reactions it's obvious that many people consider it simply "too much". But for those of us that can only snigger when they hear comments like "too much" it's an extremely fun and densely detailed film that knows no equal. Neveldine and Taylor are a very playful duo and put on a show that not many could or would dare to mimic.

If you're looking for a short, fun and action-filled film than Gamer is prime choice. Don't go in expecting anything serious or realistic and you might even be surprised with the satire running below the entire film. Gamer is a film perfectly tailored to my needs. It's extremely visual, fast and without compromise. And above all, it's executed remarkably well. I wonder what the duo could do with a budget in Bay's league.4.5*/5.0*

Check the explosive trailer if you're interested.

]]>
Thu, 26 Nov 2009 12:21:59 +0100
<![CDATA[floated multi-row blocks/a quick css trick]]>http://www.onderhond.com/blog/work/floated-multi-row-blocks

The float is a popular css property. Not often used for its intended purpose but still extremely useful in many circumstances. For one, it helped push liquid designs by allowing elements to fill in any available space. Floated blocks would line up next to each other and shift to a next row when all horizontal space was used up. Today I'll show you a little css trick facilitating the css for this particular setup.

issues

While such strings of blocks are popular elements featured on many web pages, there's not really one clean way to css them. The main problem lies with the outline of the blocks related to elements above and below. You need to set a margin to push the individual blocks away from each other, but since the blocks are floated none of the margins will collapse. This will create an extra space to the left or right which is unwanted in most designs.

There are a few typical solutions to fix this. You could mess around with the left or right spacing of its parent (leaving a space equal to the margin between the floated blocks) or you can work with a .first or .last class, using it to nullify the margin on the first or last block within a row. The first fix is messy and upsets the logical flow of the css. The second option only works if you know how many items will be in a row (in other words, it fails in liquid designs) and is quite ugly to implement.

issues

<ul> <li>...</li> <li>...</li> </ul>

We're going to use the above html as a base structure for our floated blocks. I usually add a structural div around it to allow for headings and such, but this is not really important for the issue at hand. The html is composed of a simple unordered list. The li elements will be floated, the ul will act as the container for the floated blocks. The unordered list is a typical way of marking up such elements, but you could just as well use nested divs if you'd like.

ul {overflow:hidden; margin-left:-1em;} ul li {margin-left:1em; width:Xem;}

The trick is very simple. Rather than mess around with the spacing between its parent we'll use the ul to create the needed space. We'll pull it to the left using a negative margin equal to the margin defined on the li element. This way the first block will receive the same position as if no styles were applied and the last item will be able to align with the right edge of the element (as we've used a left margin). All that is left is to determine a good with for the alignment to work. Note that the same method can be applied for vertical alignment.

This little trick requires us to keep two separate values equal to create the effect, which is something I don't like doing. In this case though, it's better than the alternatives I listed above. As we're using negative margins we'll have to add a position:relative and zoom:1 for IE6 (what else is new) and we have to be a little careful with overflow:hidden statements on surrounding element. If for some reason the negative margin is bigger than the margin on the floated blocks than you'll have to use a different clearing method as some elements will hide behind the overflow.

Check the test page to see it working.

conclusion

A very simple trick, but one that many people seem unaware of. Nothing earth shattering, but a good trick to have in your inventory, resulting in cleaner and leaner css. As often the case, the good stuff doesn't have to be hard. Enjoy!

]]>
Wed, 25 Nov 2009 12:13:12 +0100
<![CDATA[turtles are surprisingly fast swimmers/satoshi miki]]>http://www.onderhond.com/blog/personal/turtles-are-surprisingly-fast-swimmers-r

After watching Adrift In Tokyo not too long ago I was excited to dig a little deeper into Satoshi Miki's oeuvre. This title immediately drew my attention as it looked pretty quirky and a little less dramatic than former film. It turned out to be exactly that, which can only be a good thing if the film is coming from the hands of Miki.

screen cap of Turtles Are Surprisingly Fast Swimmers

Even though Turtles cuts down on the drama, the atmosphere and feel of the film is still pretty much the same. After watching three Miki films it's obvious the man has a very unique style which he likes to explore in different gradations and settings. All of his usual traits are present, just a little wackier, bolder and more colorful than I'm used from him.

It's hard to explain the story without giving away too much, but central to the story stands Suzume, a rather plain and boring housewife living her life in general mediocrity. Her everyday rituals are numbing her down and when she rather unexpectedly gets the chance to liven things up a bit she accepts reluctantly. From there on, things get stranger by the minute.

screen cap of Turtles Are Surprisingly Fast Swimmers

Visually Turtles is a bit more colorful than the other Miki films I've seen so far. In some ways it even reminded me of Sasanatieng's earlier films, with brightly colored wallpapers, interior decorations and costumes blasting out of the screen, though Miki is hardly as visually capable as his Thai peer. Still, framing of the shots is strong, the editing is cute enough and the flashy colors do lend the film a brighter façade.

The soundtrack can be called pretty typical for a Japanese film. Some soothing piano tunes and light-hearted melodies carry the viewer through the whole film. Nothing too out of the ordinary but suitable and pleasant nonetheless. Acting is pretty decent too with a somewhat plain main character (which you could say is part of the setup) and some very good supporting roles. The Ramen Chef in particular has some pretty funny moments, but the other actors also deserve their share of the praise.

screen cap of Turtles Are Surprisingly Fast Swimmers

The film knows a rather vast cast of secondary characters, some returning, others merely there to lighten up the atmosphere or to add some freakiness to the film. The humor is never laugh out loud funny, but it is ever present and often coming from places you wouldn't have expected. Turtles is a strange little film following a weird story outline, but without ever feeling disjointed or out of place. Miki possesses the rare comedic gift to make this work, which is quite unique even outside the borders of cinema.

Turtles is a film that will go down well with people who have a certain affinity for Japanese comedy and have a good idea of what to expect. It's a fun, quirky and silly film that slowly grows on you and leaves you behind with a warm smile. It's probably a little too odd to fearlessly recommend it to everyone, but if you know what you're in for it's a damn fine experience. 4.0*/5.0*

Here's the trailer, no subtitles though.

]]>
Tue, 24 Nov 2009 11:17:33 +0100
<![CDATA[coweb/xin xin xiong]]>http://www.onderhond.com/blog/personal/coweb-review-xin-xin-xiong

While recent Chinese and HK action films are going through an early 90s revival, some film like to travel back even a little further. Coweb is not unlike HK action films coming from the late 80s, updated to match modern standards. Whether you believe this is a welcome genre reconnaissance or a boring retelling of times past is entirely up to you.

screen cap of Coweb

Coweb might be Xiong's first directorial effort, he's not exactly new to the film scene. For years he dabbled in acting and stunt coordination in some of HK's most prolific action films and built quite a name for himself. For Coweb he called on Jiang Lui Xia, a fresh martial arts talent discovered by a Jacky Chan hosted reality show and on her way to revive the female ass-kicking in action films. This makes Coweb a good companion piece to Pinkaew's Chocolate.

If you want a good storyline Coweb is not your film. The setup is cheap and doesn't even try to engage the audience. All it does it build up an excuse for several bouts of martial arts battles to be fought. The "big twist" can be guessed after a good 10 minutes into the film and the filler in between the bouts is a complete bore. Add some shabby acting performances in supporting roles and you might wonder why I even bothered reviewing this one.

Coweb is a film which caters to a pretty specific audience. It doesn't bother with many a thing people look for in a good film. The core of Coweb is the sequence of fighting bouts and luckily that's where it excels. The fights are spread evenly throughout the film (a point where the film differs from those late 80s HK films, which often kept the interesting bits strictly for the finale) making the filler less of an issue as it never takes very long before arms and legs start flying again.

screen cap of Coweb

It's obvious that Coweb wasn't a very expensive film to make, that said it does try to liven things up a bit from time to time. Visually it's not exactly bad but during the filler parts it does get a little boring. The fight scenes are excellent though, with smart editing and some great angles showing some unexpected limbs flying by in many of the fights.

The music in the film is pretty dull, the sound effects on the other hand make for a pretty cool experience. Similarly to Dog Bite Dog they are a little distorted, bolder and almost symbolic (featuring some funky animal noises) to spice up the fights. I understand people not liking this but I appreciate the effect, ultimately making the fights more fun to watch. And it's not as if these kind of films are any serious to begin with.

screen cap of Coweb

Jiang impresses as leading fighter, with some cool moves, great speed and a pretty mean look. The action choreography isn't too original but thrilling nonetheless. A nice variety of styles and fighters, great locations and very good use of the surroundings to liven up the fights. Together with the poignant cinematography it creates more than enough pleasure for actions fans to rejoice.

Coweb is little more than an excuse to show some nicely choreographed fights and that's what it delivers. All the rest is filler and is handled accordingly. If you're not a true genre fan there is enough irritation material around, but if you're looking for some great and fun fight sequences, here's your chance. 4.0*/5.0*

Try the trailer for a preview of the action.

]]>
Mon, 23 Nov 2009 09:55:57 +0100
<![CDATA[chandmani sum/rowan lee hartsuiker]]>http://www.onderhond.com/blog/personal/chandmani-sum-review-hartsuiker

Mongolia is faraway, barren and mostly unknown territory for us Westerners. Most of us know very little about it, except maybe a little trivia about Genghis Kahn. Rowan Lee Hartsuiker took the time to visit the place and document his findings, granting us a quick peek into a culture most of us didn't even know existed. The 30-minute documentary Chandiman Sum is the result.

screen cap of Chandmani Sum

I'm not much of a documentary fanatic myself. Not that I lack interest in the varied range of subjects (name it and there is probably of documentary on it), but I find the format very limiting. As part of the film medium it does very little with images and sound, making the audiovisual experience neglectable. On top of that most documentaries prove very manipulative and subjective, not exactly when I have in mind when watching badly shot images with little to no artistic direction. I know this is not the case for all documentaries, but unless proven wrong I consider them the exceptions to the rule.

Chandmani Sum is clearly one of those exceptions. Hartsuiker traveled to Mongolia and stayed there for 6 months in a tiny village, spending time on getting to know the people and their customs. His camera observes them in their everyday lives, but rather than simply capturing life in Mongolia, his documentary tries to convey his experience over there. For that, he is not shy to experiment with all means necessary.

screen cap of Chandmani Sum

Visually Chandmani Sum is a true beauty. Completely presented in a light blue monochrome color, only rarely allowing other colors to come through, the documentary gives a very unique look at the desolate countryside of Mongolia. Hartsuiker has a great eye and knows to capture some magnificent scenes, giving them a rather daunting and otherworldly feeling. In some scenes the editing reminded me of Aronofski's Pi, with very quick and sharp cuts, creating a streak of chaos within the quiet and barren landscapes.

The soundtrack is almost completely composed of Mongolian) vocal music, but plays mostly like illbient. It calls a dark and moody atmosphere, creating a perfect flow with the images. In several short sequences the performers are visible themselves, demonstrating their vocal skills which is actually quite impressive to see. On top of that layer of sound Hartsuiker provided a couple short monologues. Their muffled appearance, trying to become part of the soundtrack but ultimately failing as the brain is too conditioned to make out the words, is probably my only real issue with this film. Of course this is only an issue for those who understand the Dutch language.

screen cap of Chandmani Sum

Hartsuiker explained that his main goal was to give people an image of Mongolia they would remember. I can only speak for myself, but with his documentary he surely achieved his goal. In a rather ironic twist all extra stylistic additions help in creating a more believable view on the Mongolian people and their lives. On top of that, the film's a blast to watch and to listen to.

Chandmani Sum is not your everyday documentary. It presents reality in a stylized way but doesn't lose any of its incredibility. Hartsuiker succeeds in his mission, delivers a visually accomplished document with a superb soundtrack and transports you to a world not quite like ours. And the best part? It's entirely free (in a legal way), a quick look around the web will guide you to the source. 4.5*/5.0*

Check the trailer to get an idea of what to expect.

]]>
Thu, 19 Nov 2009 12:35:29 +0100
<![CDATA[alone/pisanthanakun and wongpoom]]>http://www.onderhond.com/blog/personal/alone-review-pisanthanakun-wongpoom

When directors duo Pisanthanakun and Wongpoom made Shutter in 2004 they stormed the Asian suspense scene and convinced tons of people of their talent. But like many before them, they were soon forgotten and returned back to relative anonymity. Completely unjustified as their later output easily outshines Shutter. I already reviewed 4bia before, up next is Alone.

screen cap of Alone

I was never a big fan of Shutter as it did very little for the genre. It was a pretty basic genre piece that went through the motions rather blandly. Take some long-haired ghosts, some jumpy noises and a good little twist at the end and you have a film that's very much like all these other Asian horror flicks. Ironically, the same could be said about Alone, and yet I found it to be way better than Shutter.

The premise of Alone is pretty standard. When Pim's mom falls ill Pim and her husband return to Thailand to visit her in the hospital. There, Pim is confronted again with the death of her twin sister who died during an operation to separate them from each other. Old wounds are reopened and it doesn't take long before visions appear and loud noises are added to create some big scares. Ah yes, the perks of Asian suspense flicks.

Like many other in the genre, Korean suspense films in particular, there's a very strong dramatic line running below the entire film, creating a mixture that goes beyond simple horror and easing the audience in a somewhat subdued state. Only to scare them awake at given points in the film. An old trick, but one that works if executed well.

screen cap of Alone

Visually Alone is a definite step up from Shutter, with meticulous shots, good sharp editing and impressive sets. There's something about those Thai houses with their green/blue walls that is very attractive to the eye. The cinematography gives the film that extra notch of class that is largely absent in most of its peers.

The soundtrack too is pretty solid, only at the end becoming a tad over-dramatic. Apart from that, the timing is excellent and the noisy scares actually transcendent cheapness. Acting is also strong, with good performances from both leads and their younger versions. Nothing too fancy, but more than sufficient for a film like this.

screen cap of Alone

All things considered, Alone is just another Asian suspense film following in the footsteps of a gazillion others, but executed so well, with so much precision, that it rises far above mediocrity. The difference with Shutter is that it's simply better in each and every aspect, gluing things together in a more cohesive way and creating a far more enjoyable overall experience.

Fans of Shutter should really try and find this film as there is little that can disappoint them. If you were a little disappointed by the directors' first film you should still give this a go, unless you're looking for something original and creatively sparkling. Alone is Asian suspense done right, remaining firmly within the limitations of the genre yet getting as much out of it as possible. 4.0*/5.0*

Check out the somewhat lengthy trailer.

]]>
Wed, 18 Nov 2009 11:08:58 +0100
<![CDATA[ie6 css fixer v0.7/transparent background png fix]]>http://www.onderhond.com/blog/work/ie6-css-fixer-0.7

Less than a month ago we released version 0.6 of the IE6 CSS Fixer, now it's time to expand our little tool yet again. There's only one major addition this time, but from where we stand it's a pretty interesting one, definitely justifying a number upgrade. Enter version 0.7.

new and improved

As promised in our previous article we looked into incorporating a fix for transparent background pngs. This quest led us to a pretty interesting method conceived by the good people behind TJK Design. This fix is not exactly perfect, but it's as good a fix as I've come across. It messes around with scripting and IE css expressions to achieve the wanted result, but can be a little hard to memorize.

First of all a little word of warning. This fix will only work for clients who have scripting enabled. The fix makes use of javascript and Alpha Filters (Direct-X), so if your visitors won't or can't support these techniques it will fail. Probably worse is the fact that the fix breaks the css background-position property. In other words, the fix is only useful for images positioned top left (which is the standard background position value). And finally, the fix can become a burden on the performance, so be careful not to overuse it.

What our tool does is look for all pngs in a given css file and apply the fix to all the selectors it finds. Depending on what image formats you prefer to use, the selector list could become quite long and the fix will be applied to a series of selectors that don't need fixing. After applying the fix it's key to make sure that only the needed selectors are making use of it.

So why include this if there's such a high chance of breaking stuff? Well, simply because the code is a bit too complex to memorize, and removing some unneeded selectors is often faster than remembering where it was you last used this fix. Remember, it's purely optional, so if you consider it not worth all the trouble, simply leave it unchecked.

that's all folks

So that's all for the 0.7 release of the IE6 CSS Fixer. For thoughts, comments or suggestions you can always contact us. More updates sooner or later!

Check out v0.7 of the IE6 CSS Fixer.

]]>
Tue, 17 Nov 2009 13:20:37 +0100
<![CDATA[pop skull/adam wingard]]>http://www.onderhond.com/blog/personal/pop-skull-review-adam-wingard

Wingard is pretty new to the scene, but with Pop Skull he makes sure people will have a hard time forgetting his name. Not that his film will become a big commercial success or cult favorite, but even those that hate it will carry the experience for some time to come. Pop Skull is not an easy film to shed off.

screen cap of Pop Skull

The ironic thing about Pop Skull is that its very core lies one of the most conventional and over-used themes in cinema. Daniel is a rather normal guy that one day finds himself dumped by his girlfriend. Unable to forget her he retreats from social life and even estranges himself. Sounds like a good start for a solid romantic drama featuring moody autumn-like settings and wailing guitar music, but Wingard decides otherwise.

I do believe that Pop Skull can still best be described as a rather straight-forward drama, only occasionally drawing from other genres to enhance Daniel's feelings. There are equal parts mystery and horror mixed in for added effect, but even by saying that you won't have a good impression of what this film is actually like.

Pop Skull plays like a mixture of Vincent Gallo and Tsukamoto with some dashes of Noé. The setting, characters and general mood seem to be lifted from Gallo's films. Daniel is a rather scruffy-looking character, numbed down and floating through life as if he isn't even there. The dark, sharp and brooding drama feels like Noé's territory, and as for Tsukamoto's part, that's where the hyperactive editing, crazy strobe effects and tampered soundtrack come in.

screen cap of Pop Skull

Wingard starts his film with a short epilepsy warning. I managed to suppress a little snigger, but only 10 minutes later it was obvious he wasn't just kidding or playing safe. Daniel's first crazy scene involves some scary use of partial, full and multi-colored strobe effects (the red and blue ones were killer). Later on Wingard goes even beyond by cross-editing certain scenes in a strobe-like manner. Scenes with similar setups are entwined together in one aggressive visual trip, alternating each other every frame.

Crazy editing tricks aside, the film features some strong camera work, an elaborate range of filters and Wingard has a strong sense of color. Most scenes are rather dark but things never become vague or unclear. All of this was done with virtually no budget and in a certain sense it shows in the uncompromising and unrelenting way the film was put together.

The soundtrack is pretty cool too, featuring a various range of electronic and guitar-based ambient tracks, underlining Daniel's moods and granting the film plenty of extra atmosphere. All of this adds up to a very emotive, tangible film that is more interested in making you feel than making you follow a simple narrative.

screen cap of Pop Skull

The film is not overly long but since it is quite demanding that's not really a big problem. You'll have your hands full with all the crazy visuals, mad editing tricks and trippy cuts. The horror aspect is used sparsely but adequately and only helps to further immerse the viewer into the barren world of Daniel. The drama, as simple as it might be, is very strong and effective. Just don't be expecting a straight genre film, Wingard is aiming higher than that.

Films like these don't come around too often, so they should be treasured. It's a difficult film to recommend as it's not really your average drama which can be enjoyed with a bucket of popcorn and a couple of handkerchiefs ready. Pop Skull is an experience that will take you to rather unpleasant places in a pretty straightforward and bold manner. It's the kind of cinema I like and love, so here's to hoping Wingard's next film will be just as impressive. 5.0*/5.0*

The trailer might be a little subdued, but you'll get the basic idea.

]]>
Mon, 16 Nov 2009 11:23:00 +0100
<![CDATA[zombieland/ruben fleischer]]>http://www.onderhond.com/blog/personal/zombieland-review-ruben-fleischer

Horror and comedy are two genres that mix surprisingly well, although the mixture is often not to the taste of everyone. Some classic cult and pulp films came forth out of this unlikely marriage, Zombieland could just as well be considered next in line. That is, if you can stand Woody Harrelson popping zombies with a smile.

screen cap of Zombieland

I wasn't expecting a whole lot from this film. The zombie rage is already subsiding again and previous attempts at mocking the brain-munching corpses didn't amount to much (not a Shawn of the Dead fan myself). The trailer and poster didn't look too promising either, so it was lack of better options that drove me to watch this one. Sometimes this leads to unexpected surprises.

I doesn't take the film too long to get up to speed. The first five minutes have some gooey deaths and a list of aptly visualized rules on how to survive zombies. Eisenberg's ever-present and self-introduced voice-over might not be to everyone's liking, but it sets the mood for a somewhat silly and dry-humored trip through the land formerly known as America.

Story-wise there is not much to talk about. Zombies have overrun the country, only a few survivors are left and four of them meet up to tour around together. Not as willingly as you might expect, but clich&éacute;s dictate that in the end they get along just fine.

screen cap of Zombieland

Visually Zombieland is quite fun and playful, although not actually pretty. Fleischer loves playing around with onscreen text, resulting is some rather humorous scenes and effects. It's a cool addition that found it's way into many films these last couple of years, but Fleischer manages to give it his very own twist. The rest of the film doesn't look too bad, but apart from the cool, deserted setting it's not exactly visually striking.

As for the acting, the film has solid performances all around. Most of the humor comes from Eisenberg's character. It took me a while to get over the fact that he looks and sounds a whole lot like Michael Cera (even plays a similar role), but his dry voice-overs and somewhat dorky presence work very well within the boundaries of this film. Harrelson is visibly having fun and the both of them make a good zombie-killing duo.

screen cap of Zombieland

The film starts slacking just a little halfway through, but only for a couple of minutes. It's not a long film and the first and final part are plenty of fun, so there's not much time to actually get bored. The film has a surprisingly balanced focus on both comedy and horror and features some memorable scenes and interludes to increase the fun factor.

If you're up for an entertaining, funny and fast zombie flick than Zombieland should be first pick. Even though it's not wildly original it hits all the right notes. The presentation is fun and quirky, the humor somewhat silly and dry. Add to that some genuinely gory bits (though nothing too insane) and you're up for a fun and undemanding ride. 4.0*/5.0*

Don't forget to check the trailer, though I liked the film a lot better.

]]>
Fri, 13 Nov 2009 11:09:50 +0100
<![CDATA[making your site html5 ready pt2/the gentlemen way]]>http://www.onderhond.com/blog/work/making-your-site-html5-ready-pt2

Last week's article explained the main pitfalls of using new structural html5 elements. This second part will explain how to be a true gentleman to those people you've left in the cold by deciding to switch to html5. The method described below isn't perfect and could possibly use some tweaking, but as far as graceful degradation goes, I believe it's pretty solid.

The following solution was developed for people visiting with IE and javascript disabled. They fail to benefit from the html5 shiv trick and end up with a whole lot of non-styleable elements, completely ruining the design you've so carefully constructed. Depending on your visitor's demographic the following measures might be a bit over the top, but they were conceived to be as thorough as possible. Just a little warning.

detecting there is no javascript

document.body.className = document.body.className.replace("noJS", "");

Our first problem is finding out if a user has javascript enabled, which brings us to a rather interesting technique that could be used independent of the whole html5 deal. The trick is to add a .noJS class to the body element of every page. Then, first thing after opening the body tag we insert a little javascript removing this class. If the .noJS class is still present after that, you can be sure the user has javascript disabled. You can now use the .noJS class as a selector prefix for restyling elements when javascript is disabled.

Note that the javascript above "does the trick" and isn't the cleanest or leanest way possible to do this. Also note that this action should be done as quickly as possible, that's why I chose to do it right after opening the body tag. Unobtrusive ways require a longer waiting time and waiting for document loads or other events will most likely cause some graphical glitches as the base css might already be applied while loading the page. Modern browsers are getting quicker, but remember we're also doing this for IE6 users.

<!--[if lte IE 8]> <link rel="stylesheet" type="text/css" media="all" href="/style/html5-ie.css" /> <![endif]-->

The .noJS class can be used for all situations were no-javascript degradation is required, but in this case we only need it to handle IE browsers. That's why we'll create a separate css file for our downgraded design and serve the css through conditional comments. We can use the same conditional comment we created for the html5 shiv javascript file, which is quite nice. You now have all the means to serve javascript-less IE users a downgraded design.

how to be a gentleman

Serving a seriously degraded design is still a pretty drastic decision, and most people will probably fail to understand what has happened to your site. Just put yourself in their place. One day you are visiting a nice looking site, next you know the design went from nice to completely crap (but still usable). It's only fair to inform them why this is happening to them. Sadly, actually doing this in a clean way is not as easy as you might think.

Remember that we are doing this for IE users without javascript enabled. That means you can't use any normal overlays or spotlight effects to draw their attention. Also, I wanted the message to appear only once, namely the first time they visited my site after I switched to html5. Only on their specific demand should they be able to see the message again. It took us a while, but we worked out a solution. Here goes.

being a gentleman

First thing to do is to create an overlay which will be inserted the first time they visit your site after the switch. The .noJS class is extremely useful as you can style the overlay to show by default, effectively hiding the rest of your site. Simply add a specific class to the overlay you'd like to show and apply all styles to .noJS .your-preferred-classname. So now they know.

Of course, once they've read the message in the overlay you shouldn't bother them anymore. Setting a cookie is a good place to start. As long as the cookie is set (from the back-end, no javascript remember), you can make sure the overlay isn't inserted in the html code. So what about people without cookies? A bridge too far you say? Well, maybe, but with the current solution these people will keep getting the overlay for each page, and since they don't have javascript either the only way to reach a new page for them is through an actual page refresh, triggering the overlay again and effectively making your site completely inaccessible.

So we looked a bit further and came to the url referrer. This parameter (accessible in the back-end) will tell you where your user came from before he hit the current page. If your domain isn't in the referrer you can show the overlay, since you know it is the first page on your site he hits. If your domain is in the referrer, you keep the overlay out of the html code. This means that a visitor with javascript and cookies disabled will see the message with each visit, but that's his punishment for being so stubborn I guess. Some quick testing revealed that the referrer was also entered for new tab and new browser hits, which only works to our advantage.

Finally, you can add an additional check on the user client string, filtering out IE users. Another security measure it to delete the overlay with javascript on body load. This way, there's no way it will ever surface in the wrong circumstances. Furthermore, it's a good idea to add a little warning box which can trigger the overlay again at any time, overriding any of the previous conditions. There's always people who might want to read it again. This warning box can be easily hidden for javascript-enabled and non-IE users, using the noJS class.

conclusion

A whole lot of trouble for just a couple of visitors? Maybe, but you can take from this method whatever part you like. There's no shame in dropping the url referrer option, or to simply insert a contextual box for IE/non-javascript users which directs them to a separate page containing the message. This method is merely an exercise in graceful degradation, and trying to be as graceful as possible.

If you want to see it in action, visit my blog with IE and javascript turned off. You can even disable your cookies (and make sure to clear them first) to see the referrer option in action. Again, this method is a bit far-fetched, but it should give you all the means to be as polite about it as possible. If any other measures or workarounds exist, do let me know.

]]>
Thu, 12 Nov 2009 11:48:38 +0100
<![CDATA[the spirit/frank miller]]>http://www.onderhond.com/blog/personal/the-spirit-review-frank-miller

Frank Miller entered the Hollywood spotlights when people started turning his graphic novels into films. Sin City and 300 were great successes, but now Miller himself is taking place behind the camera. To remake one of his own comics? Nah, too obvious. Miller is taking one of Eisner's and tries to make it his own. Whether to say he succeeded is not an easy task.

screen cap of The Spirit

People will tell you The Spirit is exactly like Sin City. Chances are they will then tell you how Sin City is better, effectively explaining why this film isn't really like Sin City at all. Visual style withstanding, there really isn't all that much common ground between both films. If you will, The Spirit relates to Sin City in the same way Batman & Robin relates to The Dark Knight.

The Spirit has a very typical superhero setup. There's the main hero, protecting the city with his cape and face mask. He has a love/hate affair with the local police and ties with some secondary villains. All of this acts as filler, juicing up the time not spent on battling his arch enemy Octopus. There's some fighting, some gun-slinging, lots of fancy talk and in between some very serious drama.

American comics usually handle this stuff in a rather grave, serious tone. Miller's adaptation of The Spirit does not. It's light-hearted, fun and even a little tipsy. Oh sure, everything might look dark and moody, but the tone of the film is almost humorous. There are even some manga-esque influences, best seen in the over-the-top character of Johansson, making dry comments from the sidelines at the weirdest of times.

screen cap of The Spirit

Visually the parallels with Sin City are plenty, as The Spirit more or less adapts the same visual style. Not too surprising of course, Sin City based its visual style on Miller's original comic, but as this is filmland we have to give some credit to Rodriguez. That said, I liked The Spirit a whole lot better. Technically not perfect, but artistically way more impressive than Sin City. There are tons of landmark shots, smart play of shadows, nifty contour shots and Miller shows us a superb use of colour. The Spirit is a visual feast and screencap heaven.

The soundtrack is not as interesting, sadly, as it is composed of a rather typical superhero comic book score, featuring crappy tunes and lifeless melodies. Acting is equally horrible, with only Samuel L. Jackson making the best of his character. He goes completely over-the-top, clearly having the time of his life. The other characters are plenty of fun too, but most of the cast just doesn't cut it. Prime example is Johansson, who completely fails as Silken Floss, a role that should'nt have been too hard to play. Luckily, her character manages to survive nonetheless.

screen cap of The Spirit

Even though the acting is quite bad and the humour doesn't work all that well, the tone of the film is just right for a story like this. It's nonsensical garbage and the film is quite aware of this fact. Miller blows everything out of proportion and has a lot of fun along the way, often felt in his over-the-top approach of the simplest of moments. All of this is carried to a big and explosive finale, giving me everything I would ever hope to expect from a film like this.

Fans of more serious adaptations will probably feel betrayed by Miller's film. Fans of Batman felt the same way with Schumacher's second Batman masterpiece. I say blah to that. I prefer my comic book adaptations like this. Silly, quirky and fun, drowning all seriousness in a puddle of over-the-top goofiness. The Spirit is just that, so beware before you venture any further. 4.0*/5.0*

Watch the trailer if you want a taste before trying out the real thing.

]]>
Wed, 11 Nov 2009 12:40:52 +0100
<![CDATA[nuit noire/olivier smolders]]>http://www.onderhond.com/blog/personal/nuit-noire-review-olivier-smolders

Belgians have a hard time recognizing their own talent. That's a fact of life. We're simply not good at promoting our own stuff, even when it's obviously quite awesome. We don't expect to make things that matter in the global view of things and somehow we can't seem to grasp the idea that someone outside our tiny borders would be interested in our products. Want proof? Check out Nuit Noire.

screen cap of Nuit Noire

Smolders' film played some festivals and got some good reviews (check out the ones on Twitch), but locally this film did nothing. Until a couple of weeks ago I never even heard of the film. Which is strange considering it doesn't look like your everyday low-budget experimental flick. While watching I had to keep reminding myself that this was a film coming from within the confines of our little country.

Nuit Noire exists very much in a reality of its own, but some parallels to other directors and films can be made. The film is best summarized as a mixture of early Lynch (think Eraserhead and The Grandmother) and Cronenberg's Naked Lunch, while still retaining its very own unique style. And Smolders makes sure to do proud to his influences, as Nuit Noire manages to surpass his influences on several points.

The story is hardly coherent and mostly symbolic. As an audience, you simply have to go with the flow of the film, hanging on to whatever strands it throws your way. Multiple viewings are advised, but it probably works best with an audio commentary to get all there is to get. Oscar is a rather peculiar guy working in a museum. He loves insects and spends his whole day among them. In his spare time, he wrestles with his past and tries to paste back his memories of his lost sister. Those are the basics.

screen cap of Nuit Noire

Visually Nuit Noire is almost impeccable, with superbly designed sets, smart color design and some very strange and inventive imagery. There is much symbolism hidden in the imagery, some very direct (plenty of bug shots), some a little harder to spot. Sadly there is also a downside. The dreams of Oscar are depicted in a very stage-like manner, almost resembling a theater play registration. A visually accomplished one, but the feeling of stage performances is carried over to the other scenes, creating a definite awareness that everything is played on set. This is a bit of a shame, as the film isn't trying to break through the 4th wall. A little disappointing.

The soundtrack on the other hand doesn't disappoint at all, with dark drones and eerie waves throughout the whole film. It brings the film tons of atmosphere which helps to build a rather unsettling feeling. Acting is stark and emotionally distant, but without a doubt intended to create a darker and edgier reality.

screen cap of Nuit Noire

Around halfway through you'll be wondering what this film is all about, though the main themes come through rather well. Oscar's struggle with his lost past is at the core of the film, but those trying to find a coherent narrative will have a hard time following the film. Luckily the atmosphere remains consistently strong and some of the imagery is simply stunning to behold.

It's a real shame that the dream sequences weren't handled in a different way. It would've been the final touch to an already strong film. Now they distract a little and even hurt some of the other scenes, which could never have been Smolders' intention. It's definitely not a film for everyone as it's strange as hell and is rather impenetrable on the first viewing, but it's a very accomplished piece of cinema that should find its way to an enthusiastic fanbase. Check it out if you have the chance. 4.0*/5.0*

Check out the trailer to warm you up.

]]>
Tue, 10 Nov 2009 12:32:11 +0100
<![CDATA[layton and the curious village/fancy puzzle game]]>http://www.onderhond.com/blog/personal/layton-and-the-curious-village-review

Since the early Brain Training releases on the DS the handheld has welcomed many puzzle games, making the quest to filter simple cash-ins from truly well-developed games a little tricky. But with Layton, it will take you less than a minute to realize that the game is far beyond the reach of all those other puzzle games. It's rather unique really.

artwork of Layton and the Curious Village

While most of these puzzle games on the DS aren't bad perse, they often lack presentation and/or uniqueness. Some of them are straight ports from existing platforms, others are juiced up versions of free online puzzle games. Only a few actually try to go beyond and manage the look and feel of a uniquely developed game.

Layton and the Curious Village is exactly that. The very core of the game is made up of 135 puzzles. Simple riddles, action puzzles or deceptive brain teasers. A pretty varied bunch of challenges that will keep you occupied for quite a while. Once your mindset is adapted to the puzzles (for me it was around 30 puzzles in the game) it does get a little easier as you'll have learned what details to look for and what pitfalls to avoid.

The developers (Level 5) could've just slapped on some nice artwork and title boards for each puzzle and left it at that, luckily they didn't. They extended the gameplay by introducing an actual, well-developed storyline and some point and click action to actually get to the puzzles. So rather than go from puzzle to puzzle, you have to stroll around the village, gather information about mysterious events and try to uncover the location of all these puzzles. And all of that while looking for the main treasure of the game.

screen caps of Layton and the Curious Village

The storyline is quite fun and engaging, with quite a few mysteries popping up early on in the game, hiding the true secret of the village. The puzzles are challenging and fun, while the harder ones can be made a little easier through the use of hint coins. Each puzzle holds tree hints, making it a little harder to get actually stuck. These hint coins are scattered throughout the village, so random clicking can help from time to time, as to uncover some extra coins.

Puzzles can be repeated if not answered correctly, though this will reduce the amount of points you'll receive for finishing them. Some extra bonus games were also included with the game, so you'll find yourself reconstructing a painting, building a strange machine and rearranging both hotel rooms of the main characters along the way. All these extra missions will lead to bonus puzzles later on.

artwork of Layton and the Curious Village

Not only the added storyline, but also the presentation of the game makes Layton into something special. The game features a rather bold but attractive visual style and some very impressive animated sequences illustrating the adventures of our duo. Rather than showing a few static screens and basic artwork it really makes the story come to life. The music is nice too, although it can be a bit repetitive further on in the game.

Layton is a very accomplished game, mixing engaging storytelling with impeccable presentation and good puzzle fun. It might be a bit short (even though there's a weekly free-downloadable puzzle) but apart from that it's a pretty immersive and addictive little game. If only more puzzle games were like this one, can't wait to lay my hand on the sequels. 4.0*/5.0*

The trailer gives you a pretty good idea of what to expect.

]]>
Fri, 06 Nov 2009 12:52:49 +0100
micmacs a tire-larigot/jean-pierre jeunethttp://www.onderhond.com/blog/personal/micmacs-a-tire-larigot-review<div class="textblock"> <p> <span class="intro">With 5 critically acclaimed films in almost 20 years time (and only one failure) Jeunet has settled himself between the greats of contemporary cinema. Amélie was the film that granted him access to a larger international audience, but like many before him he found it quite hard to confirm his status after that. A Long Dimanche de Fiançailles wasn't exactly bad, but Micmacs is the one that will get him back on track. </span> </p> <div class="img"> <img src="/style/site/micmacs-1.jpg" alt="screen cap of Micmacs" /> </div> <p> That said, Micmacs shouldn't be compared to Amélie directly, as Jeunet travels farther back in time and lands his newest as a perfect companion piece to Delicatessen. Rather than give the film a romantic twist he inserts a darker edge, balancing witty satire with almost childlike playfulness and pure slapstick comedy. All in true Jeunet style. </p> <p> The first five minutes are a bit chaotic with lots of character flashbacks, yet once the film settles down the true Jeunet magic quickly works its way to the surface. Bazil is a rather dull guy living a simple and ordinary life. One day he finds himself caught between two rivaling weapon manufacturers. One company's land mine killed his father, the other company's bullet nested itself deeply into his brain (an accident which he miraculously survived). Now, thrust on the streets with only a gang of castaways as friends, Bazil is out for revenge. </p> <p> Jeunet introduces quite a few of his regular actors, forming a rather strange clan of outcasts and oddballs, each bearing their own specific talent. The rest of the film is spent on meticulous plans trying to set up both weapon manufacturers and having a few laughs along the way. It's a simple concept, but in the hands of Jeunet it works like a charm. </p> <div class="img"> <img src="/style/site/micmacs-2.jpg" alt="screen cap of Micmacs" /> </div> <p> Visually Jeunet is stunning as always. No chance goes by unexplored to pull some cool camera tricks, his play with colors is as splendid as ever and the film features some absolutely stunning scenery. Especially the hideout of the gang is a joy to behold. A fortress of junk and scrap metal sculpted into a tiny little house. On top of that Jeunet has some very cool low-tech inventions which appear useless but are genius in their own right. These non-narrative interludes are without a doubt the best part of the film. </p> <p> Micmacs might not look as slick as his previous films but makes more than up with its grittier style and visual splendor. The soundtrack is not quite up to par and quite frankly rather forgettable. On the other hand, it didn't irritate either, so it's not really a big issue. And in all fairness, I've never been too happy with Jeunet's taste in music. </p> <div class="img"> <img src="/style/site/micmacs-3.jpg" alt="screen cap of Micmacs" /> </div> <p> Even though I've always been a fan of Jeunet's films, it's been hard to get a firm grasp of his actual qualities. His first few films were made together with Marc Caro who received much of the credits (even credited as co-director for some films). When Caro left, Jeunet delivered Fiançailles which felt lacking compared to his other work, but with Micmacs he simply erases all doubt. Jeunet has what it takes to make a good film. </p> <p> Micmacs turned out to be quite lovely, containing all of Jeunet's usual traits. It's laugh out loud funny, contains several creative interludes and some dreamy and fluffy sequences. On the other hand, there's also a more cynical undertone present in the film. On top of that it's visually striking and features a truckload of A-class actors. What more could you want, really? </p> <p> As long as you don't expect a new Amélie chances are you'll love this film. If you've seen Delicatessen you should have a good idea what the expect, if not you should think Amélie but with a darker, more adventurous and boyish edge. Most of all, it's a good 100 minutes of fun in a recognizable but still outlandish version of Paris, hosted by a gang of endearing weirdos. Highly recommended. <em>4.5*/5.0*</em> </p> <p>Check the <a href="http://www.youtube.com/watch?v=OpD5yE2t1lA">trailer</a> for some nice teaser moments.</p> </div>Fri, 06 Nov 2009 12:25:05 +0100 <![CDATA[making your site html5 ready pt1/the time is now]]>http://www.onderhond.com/blog/work/making-your-site-html5-ready-pt1

If you have anything to do with html and/or css you should already know about the recently heightened interest in html5. Of course it's all very cool and exciting, but where do we stand (being the eager web developers we are) if we want to start implementing these new tags? Can we simply start using them and assume that all browsers will handle them seamlessly? Are we really web developers if we dare to ask such silly questions? Here's the breakdown.

clearing the skies

Before I start let it be clear that this article is not about any of the new functional html5 elements. Elements like video and audio are unsupported in older browsers and should be approached with graceful degradation in mind. This are elements which require added browser functionality for them to work. This article will focus on the use of new semantic and structural elements (like nav, aside, header and footer, ...), which require no additional browser functionality to be of any value and, at least in theory, should be ready for practical use.

starting with the good

You would assume that making use of these new elements is quite straight-forward. And for most modern browsers this is actually the case. Even though the new elements lack any standard css styling (fe you still have to explicitly define display:block for header and footer elements in css) they are accessible for use in css and javascript and they automatically carry their semantic weight in them.

Of course, when I say most modern browsers you already know what's coming. None of the IE browsers available today allow you to use these elements in css or javascript. On top of that, FireFox 2 has a DOM issue were the engine will immediately self-close each tag he doesn't recognize as html, completely ruining the html structure. The new html5 elements won't wrap the inner elements any longer but will be placed above them, containing nothing.

/* basic html5 */ <nav class="mainNav">...</nav> /* fixed html5 */ <nav> <div clas="mainNav">...</div> </nav>

One possible solution is to add the new elements, but strip them from all classes and ids, also making sure there are no direct references to them in the css and javascript. Then, transport the classes and ids to an inner wrapper (preferably using a div element). This is shown in the code example above. This solution will bloat your html like hell and sounds rather pathetic, but in reality it isn't (... quite as bad as you might think). After all, you're still adding richer semantic and structural information to your html document, which is exactly the purpose of these elements.

Currently this is the only know method to incorporate html5 elements without sacrificing any support from most everyday common browsers. Even FireFox 2 should handle this well, as this setup will only result in some unstyled and empty elements scattered through the DOM. Then again, I believe this has very little real world value, so let's see what else we can accomplish if we try a little harder.

sacrifice

If you plan on taking a different route, you should be prepared to make some sacrifices. Currently there is no flexible solution for FF2 users. That doesn't mean people are not working on a solution, but for now there's not much in the way of FF2 support. You can either write a custom js function, fixing the DOM after it has loaded completely (which doesn't sound too maintainable and might cause design jumps) or you could serve your pages as xhtml. Know that this will kill of any page on your site that doesn't validate according to the xml specs (resulting in a yellow screen of death), so it's best to do this for FF2 users only. A risk I'm willing to take with my blog, but for commercial sites or sites that gather user content I would strongly advise against. A detailed explanation of both methods can be found on the html5 Doctor site.

<!--[if lte IE 8]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]-->

Then of course there is still the IE problem. Luckily here we have a better change of fixing things (which in all fairness is also an IE constant). Quite early on a little javascript was made available to fix html5 support in all IE versions. The html5 shiv principle is quite simple and works like a charm. The code is hosted on Google Code so you won't even have to download the actual file. The rule above will serve the javascript to all IE browsers, leaving the other browser families alone and providing (near) full support for the new semantic and structural html5 elements. Ain't that sweet!

This just leaves us with a group of IE users that's cruising the net without javascript support (for whatever reason). There's not much we can do for them, but there is something. What we're going to do is serve them an extra css file based on the non-html5 elements. This means serving them a seriously degraded design (as you won't have as many structural elements to work with), but it does give you an opportunity to even out any graphical nonsense resulting from styles that could not be applied. How much you'll have to degrade your design will depend on how many html5 elements you used and where you added your classes and ids, but it will never be as bad as leaving the site as is. The result will still be a fully functional site, only with a bare bones design.

conclusion

Actually providing this extra css file is a little harder than you might expect, especially if you want to be a gentleman about it, so I'll leave that for the next article. Still, this article should have given you a good enough idea of the current issues with implementing new semantic and structural html5 elements. Reading all this might discourage you, which isn't all that strange as there are still plenty of ifs and buts here, but for personal and non-commercial projects I would say that things are looking bright enough to start experimenting with these new elements. Alternatively, be sure to check FF and IE stats before you consider sacrificing browser support. You might be surprised how many people out there are still using outdated browsers.

The next article will delve a little deeper and will provide a method to serve IE users without javascript support with an alternate layout and a nice warning message. So stay tuned.

]]>
Wed, 04 Nov 2009 11:21:16 +0100
<![CDATA[adrift in tokyo/satoshi miki]]>http://www.onderhond.com/blog/personal/adrift-in-tokyo-review-satoshi-miki

Satoshi Miki is a rising star in the Japanese film scene. His first film established him as a somewhat strange and atypical director, Adrift in Tokyo only seems to underline this classification. His films succeed in blending drama and comedy in a pretty interesting way, creating something larger than the sum of its individual parts. Adrift In Tokyo is no different.

screen cap of Adrift In Tokyo

On the surface Adrift In Tokyo looks pretty simple and basic. Even that is an accomplishment, as the premise of the film is pretty outrageous. Odagiri plays a student down to his last cent and carrying a whopping 800.000 yen debt. When the debt collector makes his final visit he makes Odagiri an offer. Walk with him through Tokyo for as long as he demands, offering Odagiri 1 million yen in return. When was the last time that ever happened to you?

The first hour of the film is spent travelling through the streets of Tokyo, slowly revealing the background of both protagonists. Some pretty strange revelations are made in subtle, down-played conversations, but somehow they never feel out of place. Miki also knows the traits of the Japanese drama by heart and applies them graciously throughout the film. Plenty of quiet moments, silent characters and observant shots. Action fans be warned.

screen cap of Adrift In Tokyo

Miki's uniqueness lies in these quiet moments, which he not only applies for subtle drama but also for some pretty dry and oddball comedy moments. They pop up rather unexpectedly and are often gone as quickly as they came, but they manage to give the film a rather dreamlike and warm atmosphere. There aren't too many laugh-out-loud moments, but chances are you'll be wearing a rather big grin the entire running time, maybe even some time after.

Visually Adrift In Tokyo is a little uneven. From time to time Miki wakes up and throws in some visual candy, on other times he seems to forget about this rather important aspect of cinema. The film never looks cheap or dull, but some scenes can be a bit boring, making you wonder if he shouldn't have tried just a little harder.

screen cap of Adrift In Tokyo

The final half hour sees Odagiri and Miura settle down to wrap things up. Two new characters are introduced and with them a whole lot of extra warmth creeps into the film. The drama setup starts to pay up while the comedy level remains constant. The film works up to a pretty simple but engaging finale which left me somewhat in trance. Not because big and important things had happened, but simply because reality started to seep back into the room.

Adrift In Tokyo is a rather lovely film. It knows how to blend comedy and drama into a perfect mix of blanket-like warmth, covering the viewer with a world he'd somehow like to inhabit. Visually the film has its faults and there is not much in the way of a soundtrack, but the acting is superb and the comedy works magic, acting as fuel for a simple and light-hearted dramatic finale. 4.0*/5.0*

Try out the trailer if you're interested.

]]>
Mon, 02 Nov 2009 16:50:40 +0100
<![CDATA[halloween II/rob zombie]]>http://www.onderhond.com/blog/personal/halloween-2-review-rob-zombie

With the resurrection of the horror genre a shortage of clever concepts was imminent, and so the American remake machine geared up for another run. Most of the true 70s and 80s classics are already blessed a make-over, but now it seems these remakes are actually spawning sequels of their own. It makes you wonder where all of this is leading to, on the other hand it doesn't necessarily make for bad films. Enter Zombie's Halloween II.

screen cap of Halloween 2

Halloween II is already the 10th installment in the famous Myers series. The first remake (also by Zombie) was not so much a simple remake as a prequel and remake in one. The first half of the film was new, the second half a pretty strict retelling of Carpenter's original film. Now Zombie made a sequel, referring slightly to the original Halloween II but ultimately traveling a different path. Pretty messy for those trying to keep track of the saga, but not a bad choice as the second Halloween film from the original series wasn't all that good to begin with.

The first remake changed a few things about the Myers legend, mostly related to Myers' own character. No longer was he the silent outline behind the bushes transporting from point A to B with supernatural swiftness, but he became a person with a background who was able to produce noises of his own. This didn't work too well in the first film, but somehow it's less of an issue in Zombie's sequel. It seems that Zombie needed his first film to recreate the setting, waiting for this sequel to recreate the icon. And he does so with plenty of flair.

screen cap of Halloween 2

The story picks up where Zombie's first film stopped. Laurie survives, Myers is left for dead, everything seems wrapped up. The first fifteen minutes roughly follow the original Halloween II outline, then Zombie shift to a different gear and follows his own path. Zombie's sequel puts a bigger focus on Myers' relationship with his mother and makes Myers into a killer out to reunite his family in death.

Visually Zombie takes several steps forward. He makes splendid use of lighting to craft Myers into a massive lump of human madness, often lighting the killer with spots from the back, accentuating his massive outlines. The camera work is still rock solid and heightens the adrenaline during the killings. Even though somewhat freehand and shaky, it's not difficult at all to make out what's happening.

The soundtrack is decent, but Zombie's background in music isn't always beneficial to the film. His choice of music certainly isn't mine, though for the most part the music flows rather well with the images. Acting is pretty good for a film like this, with Dourif in one of his best roles so far, and even the scream queens being semi decent. Add to that the dark 'n dirty setting and you can rest assured that the typical Zombie stamp is as present as ever.

screen cap of Halloween 2

Halloween II is very much a slasher movie with a focus on the killings. They might not be too original, but they are very brutal and graphic. There is a back story pushing the film forward but it's definitely not as present as in Zombie's first remake. The scenes with Myers' family do add a lot though, as they are chillingly mysterious and superbly shot.

Halloween II might not be the purest of films, driven by the purest of choices, but the result is a smashingly good slasher flick. It's raw and dirty, recreating a different Myers and succeeding with ease. Zombie really made the series his own, making it easier to forget the old Myers and accept the new one. He needed two films for that, but I'm actually a bit disappointed to hear he won't continue this Halloween series. Possibly the best Halloween film, including all the old ones. 4.0*/5.0*

Check out the trailer for a taste of Zombie's vision of Halloween.

]]>
Tue, 27 Oct 2009 11:37:35 +0100
<![CDATA[ie6 css fixer v0.6/some updates]]>http://www.onderhond.com/blog/work/ie6-css-fixer-0.6

It's been a while since we last updated our IE6 CSS Fixer tool, of course that doesn't mean we're completely neglecting it. v0.6 brings us a couple of steps closer to a v1.0 release and adds a valuable css fix, while at the same time broadening the scope of the tool. More information follows below.

dead ends

These last couple of months we've been looking into minimizing unwanted effects resulting from the use of our tool. Sadly all our experiments have failed as we're lacking the html on which the css gets applied. This makes it impossible to find out what the range of css properties is for each element on a page. Our tool applies fixes based on each separate rule in a css file, but isn't aware of overriding or cascading. As for now this remains the biggest issue in our tool.

.error {background:url("");} .error.spec {display:inline;}

Currently we have one possible optimization, explained by the little code snippet above. Our tool will place a zoom:1 on the .error class if the background fix is applied. This poses a problem for elements set to display:inline, so for .error.spec we could set value of the zoom property back to 0. It's a very small fix which doesn't sound too effective as this is still not a 100% fail-proof solution. We're keeping this option open, but don't expect it to appear anytime soon.

new, new, new!

On to better news. The most notable addition to v0.6 is the option to fix transparency for ie6 (and 7 for that matter). The fix scans for the opacity rule in the css and replaces it with the IE filter statement. Mind that this doesn't work for transparent pngs, only for those rules where the opacity property is explicitly defined in the css. Also know that the IE filter fix doesn't work with scripting disabled in IE. These are the normal constraints of the fix, there's little our tool can change about that.

The second addition is an option to generate the fixes for IE7 (using the IE7 specific hack). Not all fixes might be necessary for IE7, but we noticed that by applying them to IE7 nothing breaks and stuff still gets fixed in the process. What we usually do is place the generated code in a css for IE7 and below (through conditional comments), only excluding the part about min-heights as this works in IE7 by default and the fix will actually break IE7 behavior. As the conditional comment solution is not always available (project constraints), we added the option to generate the fixes specifically for IE7 (without the min-height fix).

Finally some minor code changes were made, making the tool a tiny bit faster, though this is hardly noticeable. Still, faster is better.

future additions

We are still looking into adding an option that accepts a url to a live page which will filter all the css found in the html code (of that single page) and applies the fixes for the combined css. Sadly we encountered some issues, mostly related to password-protected sites (usually the case for development environments, which we assume will be a typical scenario for this particular option).

Besides that we'll be looking in the transparent png fix for ie6. This will probably be added in the near future, but will be marked as "dangerous" as it could destroy the layout in a fair number of cases. The fix breaks the background-positioning property (the image will always be positioned top left) and as it will be applied to all pngs found in the css this might very well have some negative effects on the layout. Still, we believe it will be useful, even if you have to remove some lines from the generated file, as the fix is quite messy and almost impossible to write from memory.

So that's it for now. If you want to test out v0.6 of the IE6 CSS Fixer tool, it's still at same location. Hope this helps!

]]>
Mon, 26 Oct 2009 12:43:45 +0100
<![CDATA[crows zero II/takashi miike]]>http://www.onderhond.com/blog/personal/crows-zero-2-review-takashi-miike

Miike returns with a sequel to one of his slickest films ever. The original Crows Zero was a huge box office hit in Japan, making a sequel almost inevitable. For Crows Zero II Miike takes control again, delivering what must be his first straight-forward sequel. There is a first time for everything, and it seems when you're talking about Takashi Miike you should take that "everything" quite literally.

screen cap of Crows Zero II

I enjoyed the first film so didn't really mind this sequel, but there was another reason for looking forward to watching this. It's the 50th Miike film I've seen, which officially makes me a fan I guess. His recent output seems to lack a little flair and goofiness (though I still need to see Yatterman), but nonetheless his films remain interesting and entertaining, always something to look forward too. Crows Zero II is no exception.

Miike's first straight-forward sequel is as straight-forward as can be. There is no time, character or settings trickery to reminds us of Dead or Alive, only a simple continuation of the Crows story. Not a big surprise, as this sequel too is based on the Crows Zero manga, but still a welcome warning for Miike adepts. Don't be tempted to believe he trampled sequel conventions again. And people expecting a more surreal or humorous film based on the whole setting are advised to watch Cromartie High instead.

Oguri crawls back in the skin of Genji, but is faced with bigger enemies this time around. For starters he breaks a peace treaty with a neighboring gang, obliviously lighting fire to a dormant gang war. Besides that Genji is still at war with himself, trying to find peace with his father and looking for a goal in life. Worst of all, he does a pretty terrible job at combining the two and in result is struggling for support from his underlings.

screen cap of Crows Zero II

Visually Crows Zero II is still looking incredibly slick. Maybe not as many landmark shots, but the dense and graffiti-laden backgrounds make for a tasty looking film alright. The fighting scenes are still a blast to behold too, with strong, intense and action-driven camera work and some tight editing to keep the adrenaline flowing. In the end though, during these two hours you might start missing the more edgy style of former Miike films. I guess it depends on where your preferences lie.

The soundtrack is still a little disappointing, though luckily not quite as bad as the first film. Not as many R&B intermezzos (just one really), and some rather silly but functional J-Rock stuff. Acting on the other hand is rock solid, especially the key roles portray their characters with plenty of flair. Oguri is perfect in his role, but the supporting cast also deserves some credits. It's not high-profile drama acting, but what they do, they do extremely well.

screen cap of Crows Zero II

Crows Zero II is a rather strict sequel, following the exact same route as its predecessor. It's almost like a film split in half. Visually nearly identical, same characters and same side stories (the yakuza line is back again, so is Oguri's father). There's a comedic interlude about a blossoming romance and Oguri's girlfriend gets a little screen-time too. All things considered, the sequel is a bit more fight-oriented, which is probably the biggest difference between both films. Proof of this can be found in the massive 30-minute brawl finale, featuring little to no breathers.

Crows Zero II will probably appeal to the people who liked the first film and can bear a second, almost identical, serving. There's still plenty of posing, lots of fighting and some drama in between. It's a little weird seeing Miike do a sequel like this, but he pulls it off rather well. A bit more entertaining than the first film, but (of course) a whole lot less original. Though you can wonder how original a manga adaptation is in the first place. Recommended for fans of the original, others shouldn't bother at all. 4.0*/5.0*

Check out the trailer for some teaser poses.

]]>
Fri, 23 Oct 2009 09:10:20 +0200
<![CDATA[header and footer/html5 structural goodness]]>http://www.onderhond.com/blog/work/header-and-footer-html5-structural-goodn

With html5 two interesting html elements were introduced to the specs. The header and footer element were added to the arsenal of the seasoned web developer, ready to make the world of websites a better place. But after the initial excitement it seemed that many didn't really understand the need to introduce these elements. This article will run down the most commonly asked question and will hopefully provide a decent answer.

what are they?

The header and footer are structural html elements. For the last couple of years the focus of html has been semantics, but html is more than semantics alone. The header and footer elements don't really tell you what kind of data is in them, they tell you how that data relates to the main content of a certain content type.

The header and footer elements are structural elements and will help you to build a more structurally meaningful document, giving queues as to how parts of contents relate to other parts. These two elements come to the aid of the div and span elements, relieving some of their functions. A good thing, as they aren't really the most popular tags to begin with.

what do they do?

Both header and footer elements don't do anything. They weren't conceived so they could do anything. Some people still seem to assume that html elements should do something in a browser. This doesn't have to be anything big. Take for example the p element, which typically comes with a standard margin defined. To some people, that seems to be the only function of the p element.

Standard browser styling is not a bad thing, but it has little to do with the html element itself. Just look at all the talk about reset css files, nullifying these exact browser css rules. The core of html is still semantics and structure, which, from the point of view of a visual browser, is something that doesn't really surface in the visualization of elements.

what's their semantic value?

Close to none. Surprised? Well, like I said before, there's more to html than pure semantics. Similarly to div and span elements, the header and footer elements don't really give you an indication of what can be found within.

Still, their function is a welcome one. Those of you remembering the whole "divitis" deal will probably see where the value of these two new elements lies. Curing "divitis" is not done by removing a whole bunch of divs, or by renaming them to p and ul/li structures. It is done by increasing the diversity of structural elements. Elements that give extra information about the structuring itself.

That's what the header and footer elements are for. The header element holds information that's important to know before the bulk of the content. Typically there's a heading telling you in short what to expect, but other data like publisher, publish data, rating, ... can be included too. The footer element has a similar function, but holds data that comes as an afterthought to the bulk content. A 'read more' link, link to comments, 'send to a friend' link. All these things are only useful after you've been through the bulk of the content.

And rather than using divs to group this content, we now have header and footer elements, reducing the amount of divs used and adding extra meaning to the structure of the document. Who benefits from this? Programs interpreting our html code, ranging from screen readers to search engines or even customized code.

so it's all good?

Some time ago most outstanding issues with the footer elements were solved. As of now, almost all restrictions are lifted, allowing you to throw in whatever element you seem fit. At first the footer element couldn't hold several other html tags, making it in some cases absolutely useless. Luckily we have some people looking out for us, so that's one thing less to worry about.

There is of course still the problem of when to include these extra elements. If there's only a single heading present, should it still be wrapped in a header element? A question that already exists today and which I usually answer based on the probability of extra elements being included at a later date. But as a default answer, I would say that header and footer elements should be included wherever they seem appropriate, even if there's only one nested element inside, especially now they provide extra meaning to the document structure.

Of course there's still IE, which doesn't recognize these elements without the use of some clever javascript, making it impossible to apply any css to these elements. A real pain, but as long as you include a little javascript file (and maybe even provide some simplified styling for people lacking jsavascript) you're fine.

Only remaining issue is related to cssing nested elements. Older versions of IE still don't support the '>' (child) selector, which might make it difficult to style nested content. You could of course overrule a whole lot of css for the deepest nesting, but this is hardly beneficial to the flexibility of your css. So for these cases, extra classes for differentiation still work best. In the end this doesn't reduce the amount of classes you use, but it still provides extra meaning to the structure of your document.

conclusion

Will these elements change the web forever? Probably not, but they do underline the structural function of html, which is definitely a good thing. Also something many people seem to have forgotten after joining the divitis mob.

The header and footer tag reinforce the structural value of html. That's what they are all about.

]]>
Thu, 22 Oct 2009 12:54:53 +0200
<![CDATA[bronson/nicolas winding refn]]>http://www.onderhond.com/blog/personal/bronson-review-nicolas-winding-refn

Every once in a while a film arrives that speaks to you instantly, but still manages to slip by. All the right people like the film, all the promo material looks stellar, but still you can't find the time to actually site down and watch it. Bronson could've been such a film, and boy am I glad I made that ultimate attempt to catch it anyway.

screen cap of Bronson

I'm not too big on trailers, reading previews or digging into a film before I've actually seen it. I didn't even know Refn (you might remember him from the Pusher series) had directed Bronson. So I simply sat down and went in blank. After the first few words I paused and switched the subs on. Love that British accent, but without subs I don't get too far.

Bronson is the story of Michael Peterson. He's young, he's bored, he's married, and so he robs a bank. Sadly he gets caught and ends up in jail. Still, determined to become famous, he doesn't give up his battle with life. His short fuse and violent nature help him in his quest, and not much later he becomes Britain's most famous and violent prisoner. He even takes on a stage name, hence the title. And if all of this sounds a little crazy, know that it's based on real facts.

Refn, rather than turning the film into a simple biopic, decided to make something more special out of it. The entire film is presented by Michael's character himself, in true cabaret monologue style. These scenes glue the story together and provide a good insight in Michael's main goal in life: becoming famous, by whatever means necessary. It's a bold choice of presentation, but one that works like a charm.

screen cap of Bronson

Visually Refn has progressed a lot since the Pusher series. The films is visually fun, cool and quirky. A rather strange blend of Ritchie and Jeunet, with some other minor influences thrown in. Refn also does some smart tricks with the lighting to convey Michael's moods, which leads to a couple of very memorable scenes. Add to that some fast and snappy editing, and you have a visually impressive, fast-moving film.

The sound is equally solid, with suiting classical music and some messed up poppy tracks (Pet Shop Boys) thrown in for balance. But when all is said and done, it's Tom Hardy, the actor playing Bronson, who steals the show. The way he portrays Britain's most notorious prisoner is sublime, with his bald head, mean eyes, muscular body and goofy mustache. Bronson is a crazy character, switching from laughs to violence in mere split seconds, hiding a warped mind behind a fearsome front, but always radiating a weird sense of humor. No doubt one of the best performances of the year.

screen cap of Bronson

The most surprising element of Bronson is that it's really a rather pure and good-natured comedy. Not exactly what I was expecting, considering the nature of the subject, but Refn pulls it off brilliantly. Every aspect of the film is tailored to make it all a bit more amusing, though underneath the film remains a somewhat darker and viler stream of thought. As funny as it might be, there's still plenty of tragedy to be found too.

Bronson's form is not your typical choice for a biopic, or for a film in general. This might put people off, especially when they're expecting a more serious version of his story. The only films it really relates to is Chopper, which showcased a somewhat similar attitude towards its main character. So people who like their films just a little different, a bit more daring and served with a dash of freshness will do good to check this one out. Highly recommended. 4.5*/5.0*

Still no idea what to expect? Check the trailer.

]]>
Tue, 20 Oct 2009 11:29:29 +0200
<![CDATA[do over/yu-chieh cheng]]>http://www.onderhond.com/blog/personal/do-over-review-yu-chieh-cheng

Slowly Taiwan is expanding its cinematic interests to other genres. A couple of years ago it was near impossible to find anything besides slow-paced, moody drama films, now other genres are emerging from Taiwanese shores. Do Over can still be considered a drama film, but its definitely putting a more modern, slick and edgy style on display. Gone are the days of dreamy bike rides against the slopes of a green mountain covered in mist. Enter drugs, discotheques and murder.

screen cap of Do Over

Yu-chieh Cheng is a director with a background in commercials, and while those kind of directors are often looked down upon, they usually fare quite well in film land. Their storytelling skills might not be up to par, but they have a way of conveying emotions through images and sound that many home-bred film directors seem to lack. I guess you could say that Cheng is a 100% match to the stereotype, which should be a good indication whether the film will appeal to you.

The story of Do Over centers around a director having trouble completing his film. Do Over spans a period of 24 hours, following 5 stories related to the director. It's a pretty typical Pulp Fiction-type setup, with some jumping back and forth in time but with each segment told in a straight line. The stories are quite varied, ranging from some gangster drama and brotherly love to bored youngsters and blossoming love. Cheng does a good job of combining all these storylines and delivers a somewhat surprise ending, though original it is not.

screen cap of Do Over

From the first frames on it's obvious that Cheng is aiming for something more than your average drama film. The framing of the shots is exquisite, the use of color, even though not too in your face, marvelous, and the lighting often harsh but playful. Cheng doesn't neglect to make a visual statement with his first feature film. There's not a dull shot to be found, mixing quite a few styles and applying a rather broad range of cinematic tricks, without ever hurting the uniformity of the film. Quite impressive indeed.

His taste in music is equally nice. The soundtrack is composed of electronic-oriented background music draping a crisp, modern and yet dreamy atmosphere over the film. Especially the scenes driving around at night are some of the best in the field. Acting is all around solid, with some good performances. And with a rather large main cast, the absence of weak performances is quite a feat in itself.

screen cap of Do Over

Thematically the film is rather broad and the whole "director doesn't know how to finish his film" concept does come off as a little self-centric. On the other hand, Cheng leads his audience to a rather fulfilling finale and avoids coming off as too pretentious (though I guess that fully depends on how much you feel the film).

One thing is certain though. Cheng has style and he has a clear vision he wishes to share through his films. His addition to Taiwanese cinema (and cinema in general) is a very welcome one. Do Over is stylish, modern and sheds some light on the somewhat overlooked age group of 20/30-year olds, without having to resort to marginality or poverty. An interesting film, on many levels, and one that stayed with me for some time after the end credits had faded. 4.5*/5.0*

The trailer gives a good impression of what to expect.

]]>
Mon, 19 Oct 2009 10:25:28 +0200
<![CDATA[transparent corners/context-independent fun]]>http://www.onderhond.com/blog/work/irregular-corners

My previous article showed you how to implement a simple and minimal rounded corner effect. This week I'll show you a different trick, hardly as elegant or simple as the former, but still useful when all other options are failing. This article is about creating context-independent irregular corners. Quite a mouthful indeed.

Using solid images for irregular corners (think rounded corners) is fine, as long as you can predict the background color on the outside of the edge of the box. But mind that you cannot use transparency in your images as the background color of the box will spill through, destroying the intended effect. I know that css3 provides a solution for rounded corners, but not every irregular corner is a rounded corner. What if you need corners cut off at 45°? Even if future css could handle that, there's still an almost unlimited amount of irregular shapes you could create that wouldn't fit any spec out there.

In many cases the context of a box is known. Even when it crosses a diagonal gradient you can still cut the gradient into the corner images. It's a bitch to maintain (slight changes in widths/margins will influence the position of your box over a gradient), but ultimately it works. So what if you have a page overlay with irregular corners? You cannot possibly predict what will be underneath that, so it becomes impossible to cut the context into the images for the irregular corners.

finding a solution

As far as I know there is no elegant solution to this problem, but elegance is not always a key factor. There's a huge difference between "I cannot do it" and "it can be done, but it'll be dirty and time-consuming", especially when talking to project managers who demand results. And so I started looking for a solution that worked, not one that would revolutionize the world of css. If you start from there, it's actually quite easy to accomplish, you just need wrappers. Tons of wrappers.

One rule I set for myself was not to use any empty structural elements above, below or inside the box. Even though some people see wrappers divs as an equally dirty trick, at least they maintain structural integrity, while empty structural elements mess up the structural composition of your document.

the basics

/* the images */ .box {background:url("corner-1.gif") right bottom no-repeat;} .boxWrap1 {background:url("corner-2.gif") right top no-repeat;} .boxWrap2 {background:url("corner-3.gif") left bottom no-repeat;} .boxWrap3 {background:url("corner-4.gif") left top no-repeat;}

The key is to make sure there just isn't a background color behind any of the transparent images. We start by setting the four corners of the box. That leaves us a cross-shaped area in the middle to fill with the background color of the box.

As a little side note, I usually apply a strict order in placing background images. Bottom right corner first, then bottom left corner, top right corner and finally the top left corner. It doesn't matter much when you're restricting yourself to pure wrapper divs to apply said images, but if you're using structural elements part of the contents of the box (hX tags or footer tags) the bottom right corner is usually the hardest one to reach. That's why I apply it as quickly as possible.

Like I said, just a little side note. You don't even need to agree with the order I'm using here, but any strict order will increase predictability of code over time. Just make sure to set a standard, even if it's just for yourself.

Check out the first example on the test page.

the trick

/* the background color */ .boxWrap4 {margin:0px 8px; padding:8px 0px; background:#cc0;} .boxWrap5 {margin:0px -8px; background:#bb0; } /* ie fixes */ .boxWrap4 {zoom:1;} .boxWrap5 {zoom:1; position:relative;}

The difficult part is getting the background color in the remaining area of the box. First we apply a left and right margin the same width as the corner images, and a top and bottom padding the same height as the corner images. Giving a background color to this wrapper fills in the center area and the top and bottom strips between the corners. Next we apply the same background color and a negative left and right margin (same numbers as the margin defined on its parent), so we can fill in the remaining left and right strips between the corner.

If the width of the top and bottom corners differs, choose the widest of the two. Same goes for the height of left and right corners. And to make this work in IE, we need the typical fixes for negative margins. Nothing too complicated.

Check out the second example on the test page.

the finishing touch

/* the background color */ .boxWrap6 {float:left; width:100%; margin:-8px 0px;} .boxWrap7 {padding:5px;} /* ie6 fixes */ .boxWrap6 {position:relative; zoom:1; padding-right:16px;} .boxWrap7 {position:relative; zoom:1; margin-right:-16px;}

In most cases this should suffice. The only remaining problem is that the inner box doesn't span the complete surface of the outer box. If you have big corner images you could be losing a lot of valuable space. The design might even dictate that text should be appearing in the strips between the irregular corners. To fix that we need two extra wrappers. The first one is floated and given a negative top and bottom margin (same size as the padding defined by the heights of the corner images). We also need a width:100%; to make it span the whole box. The second wrapper adds the needed padding to push the most inner box (boxWrap7) away from the edge again. Because of the width:100% declaration on the floated wrapper, this needs to be placed on an extra wrapper, otherwise you'll mess up the widths.

ie6 doesn't like this though, and loses Xpx (X being the sum of the left and right margin) with the float. Adding Xpx padding on the float and crossing it again with a negative margin on the next wrapper fixes this. I'm sure there must be a more elegant way to do this, but nothing I tried worked so far. Please do share your thoughts and fixes.

Anyway, check out the final example on the test page. A border was added to illustrate the position of the most inner box.

conclusion

As you can see, elegant it is not. Many double declarations and computed values of paddings and margins. It's a pretty messy setup requiring 5 extra structural elements and a massive 7 if you want it perfectly controlled. On the other hand, if anyone knows better alternatives which are just as flexible (and using wrappers, not empty structural elements), do share!

In the end, the technique works, cross-browser and without too many hiccups. And even if you despise the use of so many extra wrappers, you can now tell your project manager you know of a way, you just don't like the implementation. Looks better on your CV, trust me.

]]>
Wed, 14 Oct 2009 09:21:27 +0200
<![CDATA[ghost in the shell 2.0/mamoru oshii]]>http://www.onderhond.com/blog/personal/ghost-in-the-shell-2.0-review

It's been almost 15 years since Mamoru Oshii blessed the world with his adaptation of the Ghost in the Shell manga. A true anime milestone and a film that flared the hunger for anime in the West. For the 2.0 version Oshii revisited his masterpiece and granted it a little polish job. Question is, did he kill off his own masterpiece or was he actually able to improve on it?

screen cap of Ghost In The Shell 2.0

Touching a classic is always dangerous. Just ask Ridley Scott or George Lucas. You're bound to piss of some angry fanboys who consider the film more than a simple film but a relic of its time. On the other hand, you might reach a new audience which doesn't really feel the need to try out the films of yonder. Sound and color touch-ups are usually quite harmless, but Oshii also decided to redo some sequences to connect it closer to the second film.

Ghost in the Shell was my favorite film ever for a long, long time. When I first saw it, I was quite blown away with the structure and lack of narrative urgency. My favorite scene has always been the long trek through the city in the middle of the film. Five minutes of good solid atmosphere to lose yourself in. But over the years some cracks appeared. Innocence was every bit as good as its predecessor and some scenes became a little murky and gray. So if done right, I wouldn't really mind the new paint job.

screen cap of Ghost In The Shell 2.0

Visually some important changes were made. The most obvious one is the switch from green overtones (the wireframe views and intro) to sepia, diminishing its imposed relation to The Matrix and tying it closer to Innocence. Apart from that, some extra CG scene were included, mostly in the beginning of the film. While the CG is nice enough, it's not the same quality as in Innocence and it doesn't always blend it too well. The whole new intro isn't really an improvement, the helicopter flight (with the shark-copter) on the other hands looks a lot nicer.

Some extra cleaning was done, making the colors more vivid and the city views more crisp. There's more detail in the backgrounds, enhancing the overall visual impression of the film. As for the audio, some of the effects were obviously redone, capturing more of the surrounding noises and giving more audio feedback of what's happening on screen. They even redid some of the voices, most notably the Puppet Master himself who received a more fitting voice. It's these neat little things that give the film a more polished feel.

screen cap of Ghost In The Shell 2.0

Overall I would say that the polish job resulted in a draw. The CG is somewhat intrusive and doesn't always add anything new to the film, the smaller touch-ups hold more value but aren't really all that groundbreaking. For people new to the series, I believe 2.0 is probably the best place to start, as it gels better with Innocence and narrows the gap between both films just a little.

It was a while since I last watched Ghost in the Shell, but the film still feels like a dream. It's a collection of stellar scenes and passages, drenched in atmosphere and showcasing a level of maturity not often seen even in live action films. The 2.0 version is good and a worthy attempt to make it easier to appreciate for younger film fans. Older fans might be a little disappointed by the lack of groundbreaking changes, but shouldn't fear a demolished masterpiece. Oshii did quite good. 4.0*/5.0*

Check the trailer for a few glimpses of the improved material.

]]>
Mon, 12 Oct 2009 12:06:41 +0200
<![CDATA[seventh moon/eduardo sanchez]]>http://www.onderhond.com/blog/personal/seventh-moon-review-eduardo-sanchez

Eduardo Sanchez, should his name not ring a bell, is 50% of the success behind The Blair Witch Project. Altered, his second full-length feature, proved to be a tremendous flop (and rightfully so), which left him stranded as a failed talent. At the same time it relieved some of the pressure Sanchez must have felt after the success of Blair Witch. Seventh Moon is his third film, and a reassuring poke in the right direction.

screen cap of Seventh Moon

Seventh Moon is based on the Chinese tradition of the Hungry Ghost Month, a familiar subject for those who dabble in the realms of Chinese and HK horror films from time to time. It looks like this tradition is catching on in the West, as They Wait (a Canadian film from 2007) based its story on that same tradition. A somewhat remarkable fact, as Western horror films aren't usually very prone to pick up on Asian influences.

Sanchez takes the concept one step further and transports his main characters to mainland China rather than Chinatown. Yul and Melissa are newlyweds celebrating their honeymoon in China, playing the happy tourist in search of Yul's family. When it turns out their guide isn't as friendly as initially assumed, things go from bad to worse very quickly. A rather simply setup for a simple horror film, but complexity is usually not high on the list of expectations for a film like this.

screen cap of Seventh Moon

Seventh Moon plays like a typical trip into madness. When the couple is confronted with the first body you know they're in for a pretty scary ride, with things getting a lot worse before they'll get any better again. The film's only perspective is that of the young couple, keeping the audience equally clueless throughout the film.

Sanchez tries to heighten this experience by mimicking handycam camera work, making the audience the third person there. And while the idea is good, the execution is simply too poor. Contrary to what many seem to believe, there's more to it than randomly swinging a camera up and down. While the tempo and editing are all quite nice, the actual camera work is a little disjointed and sometimes fails to capture the action. Sanchez is not able to convey the same level of urgency seen in films like Cloverfield and [REC], which is a serious issue.

Luckily Sanchez has another trick up his sleeve. The soundtrack and sound design of Seventh Moon is absolutely brilliant. Superbly atmospheric ambient music and eerie sounds paint a picture of the surroundings way more effectively than the images do. Where the images fail to capture the tension, the music jumps in and grabs the audience, spraying a very unnerving and grim atmosphere across the whole film.

screen cap of Seventh Moon

Even though the acting is nothing more than decent, it suffices to enjoy the journey of the couple. While they have little to work with, they're not as irritating as most horror fodder. As the film nears the ending the tension is increased and explodes in a terrific finale. I was a little dazed when watching the credits, somewhat fazed out due to the ambient score and slightly surprised by the solid atmosphere captured in the film.

It's a shame that Sanchez couldn't get the camera work right, otherwise Seventh Moon could've been a contender of films like [REC] and Blair Witch. As it is, Seventh Moon is still a strong film, sporting some good tension, cool creatures and a terrific soundtrack. 4.0*/5.0*

Check out the trailer trailer to get a glimpse of what to expect.

]]>
Fri, 09 Oct 2009 13:01:39 +0200
<![CDATA[district 9/neill blomkamp]]>http://www.onderhond.com/blog/personal/district-9-review-neill-blomkamp

District 9 is without a doubt the media hype of 2009. Through clever internet marketing and by shrouding the film in a veil of mystery many have been eagerly anticipating the film for quite a while. It just opened in Belgian theaters and even though I didn't really expect all that much from it, it seems that marketing did its job well. Most obvious question is of course whether the hype was worth the wait.

screen cap of District 9

When I first watched the District 9 trailer I immediately turned it off after spotting the alien creature. I'm not a big fan of spoiler-heavy trailers, but this particular one made me wonder why they would reveal this much, this plainly, so early on. It could only mean there would be more to the film than simple alien appeal. Luckily there was.

The premise of the film is quite interesting, featuring a shipload of aliens stranded on Earth. Rather than taking the typical "alien flick" road, these particular aliens get a pretty rough deal as they are shipped away to a slum district on the edge of Johannesburg, controlled by military forces. The slum develops as most slums would, proving a perfect breeding ground for crime, violence and even interspecies prostitution. This is all presented in a news-like/documentary fashion with short interviews and typical news station fragments in between.

Cool stuff, but that's about all there is to the film. Beyond the interesting premise it's still very much a typical blockbuster film, as the developing story quickly illustrates. It doesn't take long before the main character becomes infected with alien genes, turns into the prime target of an international concern and goes into hiding trying to save himself. Standard stuff.

screen cap of District 9

Visually District 9 is something else though. The typical documentary visuals don't sound like too much of a graphical treat but seeing how tremendously believable the CG is integrated it becomes almost unsettling to watch. Alien movement is still a little shaky, but apart from that everything feels solid, real and actually "there". The action-filled ending is absolutely amazing, featuring lush mech designs and awesome firepower without ever only slightly resembling something coming from a gaming console.

CG is often applied in a manner where the camera follows a pretty slick and premeditated path to improve the blend of CG. It gives it a fake dimension which is difficult to ignore. District 9 takes the Cloverfield approach and cleverly builds on that. The only real downer is the alien design, which is quite uninspired and dull compared to the rest. The soundtrack is decent enough but is rather secondary. The only remarkable thing there is the alien language which comes off as quite developed and original. Nice little touch.

screen cap of District 9

As the film progresses the premise is mostly forgotten and all that matters is action, explosions and alien gear. People expecting a more intelligent approach might be disappointed, I on the other hand wasn't expecting anything at all and felt that there wasn't much more to be done with the premise anyway. Throw in some comedic interludes at regular times and you have a pretty basic blockbuster outline, but presented in such a way that the experience is completely different.

I liked District 9. A lot. It's a blockbuster, but as blockbusters should be. Near perfect use of CG, superb mech designs and great action scenes. Some funny moments and a premise interesting enough to kick-start the whole thing. Add some popcorn and you're gone for a good 100 minutes of alien fun. Hollywood should take notice, it's pretty amazing what Blomkamp achieved with the relatively low budget (compared to regular blockbuster budgets that is). 4.5*/5.0*

I would advise against it, but if you want a quick preview, check out the trailer.

]]>
Tue, 06 Oct 2009 12:43:06 +0200
<![CDATA[tracing shadows/marco mak and francis ng]]>http://www.onderhond.com/blog/personal/tracing-shadows-review-mak-ng

The new millennium brought us a new kind of martial art flick. Gone were the years of manic camera work, blue overtones and quirky humor. Films like Hero and House of Flying Daggers dominated the Eastern martial arts market for a good 10 years. But just like about everything else, old becomes retro hip and Tracing Shadows is eager to demonstrate. Mak and Ng reach back to the 90s style of martial arts while doing their best to maintain modern standards.

screen cap of Tracing Shadows

Tracing Shadows is quite clear in its intentions. The first scene features some heavy and agile fighting fun, the second one relies more on comedic relief. The storyline? Something about martial arts masters in exile, lost treasures and roaring revenge. The golden days of Chow and Jet Li are never far away, yet Mak and Ng make sure it's more than a simple rehash of the old days.

Besides co-directing the film, Ng is also taking on the lead role. Ng's character has taken his leave from the martial arts world, but not before humiliating his second in line. Nonetheless he is granted the title of No1 martial arts master, but simply can't forget about his defeat to Ng. Meanwhile, Ng has retired to a little village where he lives with his thieving wife and adopted daughter, trying to locate a long lost Ming treasure. In between you get some funny scenes featuring a trio of Li/Lau/Chan impersonators and a rather greedy village chief. Prime stuff.

screen cap of Tracing Shadows

Visually Tracing Shadows is all you'd expect from a film like this. While it honors the traditional and agile style of filming, it also integrates some more modern techniques to give the fight scenes extra flair. Framing and use of color is particularly noteworthy, giving the film a more polished feel than its ancestors. Add to that detailed decors and the result becomes very pleasing to look at. The soundtrack too is quite interesting, bringing more modern rhythms and sounds while still using traditional instruments. It suits the film particularly well.

Acting is pretty decent though nothing out of the ordinary. Chinese comedy is prone to overacting so if you can't handle that you might have some troubles watching this film. Luckily Ng and Wu prove to be strong leads and the rest of the cast also play their roles with conviction.

screen cap of Tracing Shadows

The comedy is a bit more self-referential than usually the case, but hey, it's a post millennium film after all. The film remain amusing to follow, features some genuinely funny moments and definitely delivers on the action side of things. On the other hand, it won't win any new fans to the genre, and if you've had difficulties before trying to appreciate the martial arts vehicles of the 90s this film is probably not for you.

I assume that most fans will appreciate this film for what it is, unless you're expecting a 1-on-1 copy of the older work. Mak and Ng gave the film a unique style and flavor while royally quoting older films from the genre. Amusing, fun and quite lovely to look at. Great fun altogether. 4.0*/5.0*

Want to know what I'm talking about? Check out the trailer.

]]>
Mon, 05 Oct 2009 12:47:40 +0200
<![CDATA[1px rounded corners/smart faking]]>http://www.onderhond.com/blog/work/1px-rounded-corners

Rounded corners are css hell, and even though they've been around for a while it's still quite hard to find a neat solution to implement them. You could use wrapper divs (excessive html) or the css3 border-radius property (hardly perfect either), but whatever you do, they always end up making your job harder than it should be. This article will focus on a little trick to make the implementation of one particular kind of rounded corner a tad easier.

When a rounded corner is implemented using html wrappers (and css images) people easily forget that the background color of the rounding (the color outside of the box) is actually crucial to the whole process. Since the background image used for the rounding needs to overlap the background color of the box itself, it cannot be transparent. Therefor you have to add the background color of the outer element into the image. This becomes quite messy when you're dealing with gradients or a whole range of possible background colors. Something to keep in mind for later.

1px rounded corners

The technique we'll be discussing today is suited for a specific kind of rounded corner. By cutting out the 1px corners a designer can give the impression of a rounding without actually designing some elaborate rounded corners. It's an easy technique with good visual effect.

To implement this we could stick to our regular patterns, creating four wrapper divs and applying a 1px background image (correct color) in each corner. This works fine, but means a lot of hassle for such a simple visual effect. And remembering the problem described earlier, cutting several 1px images in different colors and providing all the right classes could become a tedious job. There has to be a better way to do this.

css'ing outside the box

/* example 1 */ .example1 .outer {background:#0cc; margin:0px 1px; padding:1px 0px;} .example1 .inner {background:#0cc; margin:0 -1px;} /* example 2 */ .example2 .outer {margin:0px 1px; border:1px solid #0cc; border-left-width:0; border-right-width:0;} .example2 .inner {background:#cc0; margin:0 -1px; border:1px solid #0cc; border-top-width:0; border-bottom-width:0;} /* combination */ .example2 .outer {background:#0cc; margin:0px 1px; padding:1px 0px;} .example2 .inner {background:#cc0; margin:0 -1px; border:1px solid #0cc; border-top-width:0; border-bottom-width:0;}

The solution is simple and only involves two html (block) elements. The outer element will set a simple base color, the inner element will be pulled 1px outside the outer element on the left and right side. By making sure the inner element is 1px away from the top and bottom of the outer element the wanted effect will be created somewhat out of the blue. It's really as simple as that.

Example 1 shows this technique using a top and bottom padding on the outer element. The inner element contains the core of this technique, the 1px left and right negative margin. Example 2 is more or less the same but uses borders. This way the padding is not needed. A combination of both techniques (padding on outer and borders on inner) could also be used. The extra left and right margin placed the outer element is to keep the box within the correct vertical flow of the document.

I prefer the first example for situations where the background color is singular since it doesn't need as many color definitions. If the border color differs from the background color you could either pick example 2 or the combination of both methods. There's no real theoretical preference there, though I myself would probably pick the combination method (hate those border-x-width statements).

Whatever method you choose, since we are using the negative margins the color of the 1px corners will automatically take on the right background color as these pixels are not actually part of the box we are building. And there is more ... this technique works in all IE clients without extra hassle. Yay for that!

Want to see this in action? Check out the test page demonstrating example 1 and 2.

conclusions

You often see this type of rounded corners used with buttons layouts. Rather than start wrapping them like over-sized Christmas presents you now have a better way of handling these little design critters. This technique won't help you with other cases of rounded corners, but every little bit helps.

The technique works well cross-browser, requires only one extra wrapper and supports alternate border colors. And you don't have to worry about the visual context of your box. If only all css tricks were this easy.

]]>
Thu, 01 Oct 2009 13:33:01 +0200
<![CDATA[sakigake!! cromartie high/yudai yamaguchi]]>http://www.onderhond.com/blog/personal/cromartie-high-review-yudai-yamaguchi

I admit, I'm somewhat of a Yudai Yamaguchi fan. He's not the most famous of directors, but you might remember his name from Tamami and Ten Nights Of Dream. Cult fans on the other hand will surely feel more at ease with films like Meatball Machine and Battlefield Baseball. If you are one of these people, Cromartie High comes highly recommended.

screen cap of Sakigake!! Cromartie High

It's a given that most kids don't like school too much, but Japanese kids in particular seem rather traumatized by their years of education. Proof of this can be seen in the somewhat strange sub-genre of films where high schools are ruled by violent gangs and loner punks. Films like Blue Spring, Volcano High or Crows Zero are all the result of this strange trend which started in mangas from the 70s. Cromartie High walks a similar path, but doesn't take its subject matter nearly as serious as its peers.

The Cromarty universe originated from a manga, was later turned into an anime by Production IG and finally found its way into theaters through this live action adaptation. Rather than underline the coolness of school gangs, it takes a more humorous approach, shamelessly making fun of the poser attitudes often seen in the genre. And Yamaguchi turned out to be the perfect man to transfer the less than subtle humor of Cromartie to the silver screen, seeing how closely related it is to his first film, Battlefield Baseball.

screen cap of Sakigake!! Cromartie High

Cromartie High is the story of Kamiyama, a bright young kid who makes one erroneous decision and ends up on Cromartie High. Determined as he is, he vows to change the attitude of his fellow students, but needless to say, this is easier said than done. The first half of the film is almost entirely dedicated to introductory scenes for the main characters. Much as in the anime series this is done through sketches rather than fluid storytelling. Around the halfway point the main story is introduced, or at least what passes as a storyline. Coherence is not high on Yamaguchi's list, fun and weirdness on the other hand are off the charts.

Visually there's plenty to enjoy here. It's obvious Yamaguchi was working on a tight budget but he surely made the most of it. The agile camera work and crisp editing help a lot, some well-placed filters do the rest. The scenes that demanded an excessive amount of money were tackled from a different perspective, using old-fashioned and crude special effects for comedic effect. A perfect solution that only adds to the fun. Only a few scenes lack the level of competence expected from a professional film, but those are few and far between.

screen cap of Sakigake!! Cromartie High

Cromartie High is rather hard to recommend to people. It all depends on how familiar you are with the source material or how many leaps of faiths you are willing to take if you aren't. From what I have read the film takes quite a few elements from its source material and thus runs the risk of alienating people not familiar with it. On the other hand, if you like this kind of humor it's not too hard to simply sit back and fill in the missing gaps yourself.

If you don't mind a bunch of 40-year old actors playing 16-year old high school student with greasy hair and no manners to speak of, you're probably fine. Unless of course you dislike monkey costumes and mecha students. Cromartie High is a prime example of crazy and weird Japanese humor, and Yamaguchi is the perfect man to lead it all to a fulfilling climax (though the actual climax of the film is completely eclipsed by a totally bizarre insert featuring Kenichi Endo). Bizarre and goofy, and incredibly funny to boot. 4.0*/5.0*

Want a taste of the highlights? Check the trailer, though I advise you just watch the whole film instead.

]]>
Tue, 29 Sep 2009 12:00:22 +0200
<![CDATA[antichrist/lars von trier]]>http://www.onderhond.com/blog/personal/antichrist-review-lars-von-trier

A new Lars Vor Trier film means a guaranteed buzz. This time around he outdid himself though. He succeeded to shock Cannes and even managed to score some actual puke reactions at TIFF. Perfect marketing for your film as many people will automatically want to see it, even when they're not directly drawn to Von Trier's work. Question is of course, did Antichrist (and Von Trier) deliver?

screen cap of Antichrist

Von Trier has been straying from the Dogme path for some time now, but Antichrist is his first film in a long time where he returns to a more traditional styling. While films as Dogville, Manderlay and The Boss Of It All are clearly separated from the Dogme movement, they remain very minimalistic and still seem to pursue the original ideology behind the Dogme movement.

The opening of Antichrist leaves little to the imagination. Ultra-stylized, artificial and controlled. Playful use of slow-motion and Händel playing in the background. This is no Dogme alright. After letting the film sink in for a while I was surprised how much it made me think of some recent Belgian films. Both Linkeroever and Vinyan came to mind almost instantly when looking for films to compare Antichrist with.

At its very core Antichrist is a drama, but quite faithfully presented as a horror film. While revealing its actual premise would be quite the spoiler, it follows a very similar path to Linkeroever where a tragic (or at least dramatic) event is distorted into horror. When the son of Gainsbourg and Dafoe tumbles through the window three stories high while they are happily making love in the bedroom, all is in place for a nice little guilt trip. Gainsbourg suffers, Dafoe (being a psychologist) tries to pull his wife through these difficult times.

screen cap of Antichrist

Von Trier uses a range of horror tricks but divides them rather strictly between the first and second act of the film. The first part is mostly suggestive, depending on moody drones and ominous images of simple everyday objects to create an uneasy atmosphere. The second part is way more direct and involves the gruesome scenes that most people will have heard about. That said, Antichrist is not really shocking as the gore really is quite limited. The explicit sexual nature of the film is probably what made people so edgy in the first place, if you look past that there isn't all that much worth puking for. Not a bad thing really as the film works perfectly well as is, just a pleasant warning for people expecting to be revolted from start to finish.

Visually there's also a clear division within the film, between the hyper-stylized and superbly orchestrated scenes and the much rawer and grittier parts in between. While this grittier style might feel closer to Dogme it's still far away from the uncaring and "laisser faire" film attitude of Von Trier's former baby. Even during the rawer scenes the camera work feels more controlled and composed than in any other Dogme film. The soundtrack is equally important and resembles the ambient soundscapes found in Vinyan and Linkeroever, often somewhat crudely edited between regular scenes and eerily effective in creating a heavy atmosphere. One scene in particular stands out, when the sounds of rustling trees is suddenly added to create an almost noizy soundscape. Impressive stuff.

screen cap of Antichrist

From the moment Dafoe and Gainsbourg travel back to Eden the film takes a more symbolical approach and the actual story might be a bit more complex to follow. Not long after that Antichrist shows his gruesome side, creating a rather big shift for viewers to bridge in the middle of the film. It's also quite hard to take everything in with only one viewing and people not really familiar with the subject at hand will have a hard time completing the puzzle. Luckily the internet provides some very clear answers for those wanting to get a complete (and fitting) answer as to what it was all about.

Antichrist is atmospheric, moody, technically impressive and pretty mysterious. It's gory and contains a couple of harsh scenes, but never actually shocking (let alone added for simple shock value). The mix of drama and horror works very well and the actors give their all (or almost, as they used body doubles for two scenes) to make it work. It's certainly not a film for everyone, especially not if you're looking for simple and pure horror or drama fun, but if you like to be surprised, there's plenty to enjoy here. Hope Von Trier continues on this path, it would be a shame to see his talent further wasted on any more Dogme films. 4.5*/5.0*

Check out the trailer for a taste of what to expect.

]]>
Thu, 24 Sep 2009 12:35:29 +0200
<![CDATA[implementing html/trust your htmler]]>http://www.onderhond.com/blog/work/implementing-html-trust-your-htmler

Specialization has made our trade a lot harder. Just 10 years ago it was still possible to make a quality site by yourself, today you need to take into account accessibility, strategy, content structures, browser compatibility, usability, flexibility and scalability. In all of these fields you will find people with specialized skills, but getting all of them on the same line isn't always easy. This article will dig a little deeper into the relationship between the html guy and the people implementing the html and how to improve it.

Key to a successful project is making sure the next node in line has a good understanding of what it is you just handed them. As a html and css guy I have to put my trust in the wireframers and designers. Whatever they give to me should be considered as their ultimate attempt at excellence. Of course, within whatever constraints the project is dictating (time, money, meddling clients, ...). My job is to honor their work as best as possible without hurting the goals and constraints I have to deal with.

After I finish my work the same process is repeated. I deliver static templates to the technical implementation team, which in their turn has to sculpt it into a working, living and breathing website. From experience I have learned this isn't always an easy process and based on the feedback I've been getting, similar questions keep popping up. Reason enough to take a good look at what the exact problems are we are facing.

back-end implementation

Before I was hired at my current job I worked for a firm where I had to do almost everything from start to finish (excluding design work). Database setup, html/css/javascript and back-end coding were done almost simultaneously. It's there I learned that doing all these things yourself will often compromise the quality of certain aspects. More than once I changed html code simply because it was easier to implement in the back-end.

This has a serious impact on the quality of the final product, though at the same time I realize that the decision between fixing an error in the price calculation or adding a seemingly useless class to the html is an easy one to make. What I suggest is rather than forcing such decisions it would be much better to eliminate the need for these kind of dilemmas.

the invisibility cloak

While it is quite easy to explain the importance of css, it's usually a lot harder to do the same for html. The reason is simple: html is hardly visible. There is no way you could say anything about the quality of the html by using a website or by looking at it. The cleanest and brightest html can come of as ugly when the css or back-end is badly implemented. Similarly, the crappiest html can look shiny and impressive when viewed in a browser.

Only a couple of fringe cases will ever get a glimpse of the quality of your html. People using assistive technology or people browsing with css disabled is one such case. Then there are automated scripts and programs interpreting your html page and finally the quality of the html might show itself as the level of flexibility when a website needs a visual tune-up. Especially this third issue is key to the consistent quality of your project over time.

These cases are often somewhat ignored in the pre-launch testing phase, of course that doesn't mean that the quality of the html should be a low-priority issue and should suffer from it.

we, the html guys

As an html guy I spend quite some time tuning my html to deliver structurally and semantically correct documents with high level of flexibility towards future changes. I might add classes where I think they'll come in handy or where they are needed for semantic differentiation, even if that means I don't need them right away. It's not because a class has no direct function in css or javascript that it is useless and should be left out.

It's for the same reason I don't like extra classes generated by automated back-end systems (often CMS systems) because they can clash with the current or future implementations and mess up the clarity of the html. I also don't like structural differences even when they don't impact the visual output. Simply because structural relevance in very important for flexibility. When elements on a page belong together there's a very real possibility that one point they will be visualized as such.

This is what htmlers worry about. This is where our expertise lies and this is where we hope to earn people's trust. It is a difficult task as it's not easy to come up with direct proof of how important the quality of our work really is, but nonetheless the html remains one of the most essential parts of a web page. Without html, almost nothing can exist in a browser window.

concluding

The implementation of html is often checked by looking at a template in a browser. When the implementation matches the design it is often considered ok. While this might give an indication of an approximation of the html structure, it's hardly proof that they indeed match each other. I believe that css and javascript are not at all needed for implementing the html, maybe even a little counterproductive. When implementing html it is important that the output matches the structure of the static deliverables. This can not be seen by loading a page in a browser, but by comparing the html source of both the static and implemented page.

I believe that it would be helpful to have someone in the implementation team responsible for the correct implementation of html templates. As far as I know this isn't a standard profile nowadays, with every person part of the implementation team writing both programming logic and implementing the html code. It is perfectly normal that this setup puts most of the weight on the programming logic rather than on the html implementation, which often nullifies a lot of the work put into our html.

More than wanting to dictate how others should do their job, I hope this article demonstrates the time and effort spent in coding html pages and the need for an implementation as close to the delivered templates as possible. People writing html often don't write it in function of styling (css) or functionalities (javascript) but have other/more priorities to take into account. So put a little trust in us, most of us know do what we are doing :)

]]>
Wed, 23 Sep 2009 15:29:47 +0200
<![CDATA[meat grinder/tiwa moeithaisong]]>http://www.onderhond.com/blog/personal/meat-grinder-review-tiwa-moeithaisong

Food horror is a rather small sub genre in the big puddle of horror films, but one with good potential to shock. Meat Grinder is an aptly named entry in this sub genre, but there's a little more to it than watching a cook grid humans to meatballs. Meat Grinder travels outside the boundaries of its limited genre classification and delivers a more powerful punchline.

screen cap of Meat Grinder

The film plays as a mix of Dumplings and Art of the Devil with a little mindfuckery thrown in for good measure. The subject matter ties it closely to Dumplings as it doesn't take long before human meat finds its way into the noodle soup. On the other hand, Meat Grinder is way more direct in its delivery, containing a few scenes perfect for image building and drawing in audiences looking for more Art of the Devil-like Thai horror.

But there is more than meets the eye. Meat Grinder's story centers around Bus, a single mother running a small noodle restaurant. Life is hard and Bus has quite a handful bringing up her daughter, not really helped by her own troublesome childhood. When a dead guy ends up in her restaurant she decides to see it as an opportunity and word about her delicious soups starts spreading. At the same time she has to make sure that her love interest doesn't find out about her ominous occupation. Rather typical horror material so far.

screen cap of Meat Grinder

Visually Meat Grinder is quite the treat. The film looks absolutely lush from start to finish, royally showcasing Moeithaisong's talent. He applies quite a few styles throughout the film, all aptly tailored to the mood of the separate scenes. It does detract a little from the story, if that's what you're after, but the high-contrast black & color photography is just too good to pass up. In other scenes color filters, scratches, shaky camera work and anxious editing are added to the equation, but always neatly executed and sprawlingly pretty to look at.

The score too flows well with the film, although there's only one scene where it actually stands out. The track played during the police raid is some genuine electronic music, a rarity even in modern-day film. Acting efforts are also solid, with good performances of all characters central to the main story. Supporting actors can be a bit flakey (referring to the guy that looks like a Thai version of Suet Lam) but are little more than a small blip on the radar.

screen cap of Meat Grinder

As the film progresses it becomes more and more apparent how deep Bus' troubles run and how they can all be traced back to her childhood. The story contains quite a few twists and revelations but the film never really presents them as such. They appear as simple parts of the story, posing a possible danger to those who like to judge a film's quality on whatever twist they seem to find within a film's main storyline. While they are most obviously there, they simply aren't part of the main course.

Meat Grinder's strength lies with the excellent mix of ingredients put into the film. Even though the film twists and twirls through several themes, styles and atmospheres it remains centered around Bus' warped mind, grounding the stylistic experimentation into a solid focus. It takes some time to adapt to the film and I feel that many will be put off by its bold approach (the film is not exactly subtle), but I liked it a lot. The horror elements are pleasing, the dramatic angle works and all of it is packaged as a visual feast. More please! 4.5*/5.0*

The trailer gives you a good taste of what to expect.

]]>
Tue, 22 Sep 2009 12:40:47 +0200
<![CDATA[lovedeath/ryuhei kitamura]]>http://www.onderhond.com/blog/personal/lovedeath-review-kitamura

Just before Kitamura traveled to America to direct Midnight Meat Train he made one last film in Japan. LoveDeath would mark Kitamura's return to his Versus form, but somewhere along the line something went wrong. The film didn't get picked up overseas and was left to rot in Japan leaving only a few English-language reviews, mostly burning the film to the ground. Boo to that.

screen cap of LoveDeath

Ever since Kitamura was given an actual budget to make his films, he saw his fanbase decrease. His urge to make more commercial films was not appreciated, turning him into a cultfan enfant terrible in record time. That said, I never had too much trouble enjoying his later films (safe for Azumi). They are far from perfect, but still fun and entertaining. And even though his latest films have earned him some renewed respect, LoveDeath was obviously the victim of this downwards spiral. A film that should have had no trouble at all finding its audience in the West was left for dead, leaving hardened Kitamura fans with empty hands.

The film is not really what you'd expect from a Kitamura film though. It's hip and flashy and reaches back to Versus a couple of times, but it might be better suited as a companion piece to Katsuhito Ishii's Shark Skin Man & Peach Hip Girl (or Party 7 for that matter) rather than being compared to his own body of work. The two films bear many resemblances, ranging for similar storylines and crazy character to equal amounts of seemingly random Japanese weirdness.

LoveDeath is the story of Sai, a rather cool assassin who one day run into Sheela, lethal girl material and a yakuza boss' girlfriend. The fact that Sai runs away with Sheela is bad enough, but to make things worse it turns out Sheela just robbed the yakuza gang for all they're worth. Needless to say, an army of yakuza henchmen and crooked investigators is released to recapture the couple. There's some extra fluff about Chrysalis Day (the turning point in your life) but that's just to get things rolling.

screen cap of LoveDeath

With its 150 minutes running time LoveDeath is a rather long film, but it needs that time to cycle through its enormous list of characters. Very few of those characters are interchangeable as they all have their own quirky characteristics. Aside from the huge list of main characters there seems to be an ever bigger number of cameos with quite a few scenes thrown in just for laughs and showing off Japanese (b-list) celebrities. Acting is decent and appropriate all around and I was especially pleased to see Susumu Terajima in a fleshed out role again. Hilarious performance.

Visually Kitamura is still strong, certainly when there's not too much CGi around to play with. LoveDeath is colorful and vibrant, showcasing all style and no substance camerawork and throwing in some extravagant costumes to liven up the visuals as well as the characters. For a 150 minute film it's good to see that Kitamura is able to keep the level of visual playfulness consistent throughout the whole film. The soundtrack is equally pleasing and features quite a few electronic-based tracks to keep the adrenaline pumping. Nothing mind-blowing but exactly what a film like this needs.

screen cap of LoveDeath

Some reviews brought up names like Tarantino and Rodriguez, or referenced films like Smokin' Aces. For those remembering the initial reception of Ishii's Shark Skin Man this should be considered ultimate proof of its likeness. Even though these comparisons hold a certain truth (empty dialogues and stretched out scenes) DeathLove is simply too Japanese to compare it to its American counterparts. LoveDeath exists in a world where manga-influences dictate the rules, so don't be surprised if you run into dildo guns and nurse costumes along the way.

If you liked Katsuhito's first film there is plenty to like here, though LoveDeath is not exactly the better of the two. It does equals Ishii's first film but being a good 10 years younger people might be expecting a bit more. On the other hand, LoveDeath brings a guaranteed 150 minutes of fun if you accept it for what it is. It's all fluff, all style, no substance and utterly weird, but that's what makes these films so much fun. It's probably Kitamura's best film since Versus and a treat for all that love manga turned real. 4.0*/5.0*

If you're interested you can skip through the overly long trailer to spot some of the freakier scenes.

]]>
Mon, 21 Sep 2009 11:47:15 +0200
<![CDATA[the hgroup tag/born from restrictions]]>http://www.onderhond.com/blog/work/the-hgroup-tag

It almost sounds like a joke, but three weeks can be a long stretch of time in the world of web development. These last couple of days I've been catching up with the generated hassle around some obscurer parts of the html5 spec that found their way to the masses. Things moved quickly as some issues are already being addressed, others remain sketchy and unwanted. This article will focus on a new html5 element, the hgroup tag.

I've been following the whole html5 footer issue with great anguish as I caught up with it chronologically. Luckily people are working on it right now, but the prospect of not being able to nest header/footer tags inside a footer tag still doesn't please me (as far as I got the specs and comments right that is). Sadly, this is not all that's worrying me.

the hgroup tag

It was a new tag that immediately caught my attention. One of the new html5 additions is the hgroup tag. Rather than explain myself, I'll simply stick to the official definition of this new element. This is what the working group has to say about the hgroup tag:

The element is used to group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines

whatwg.org

I've been using split titles ever since I started this blog and I've been struggling with them all along. But needless to say, I'm not in the least bit content with this proposal. I fail to see how this is going to work in practice and what impact this will have on the general heading structure of a page.

heading headaches

Headings are horrible, always have been. The fact that there is not one single tag for headings (with an attribute describing the level) but six is quite the bother, especially when you're aiming to create a logical heading structure within a webpage. Furthermore, even though all heading tags are block elements, other block elements can't be nested inside them. This is particularly annoying when you have split headings with subtitles or quotes.

It's these kind of restrictions that become problematic over time. I understand that they are added to help the starting htmler get a better grip on the language, but more often than not they turn out to be too restrictive for experienced htmlers (see the recent footer example). For the split titles on my blog I was forced to use span elements. Bleh.

why the hgroup is not such a good idea

<hgroup> <h1>...</h1> <h2>...</h2> </hgroup>

It's nice that they tried to tackle this issue but there are so many things wrong with the hgroup that it's difficult to understand how this came up as a recommendation. What bothers me the most is that we need to use an extra heading level to capture a subtitle or even tagline/quote. This creates an empty level in the heading structure of your page which is completely unneeded and unwanted. In my case, my article titles should become h3 tags simply because I'm using a little subtitle? The subtitle itself is not really a heading of a section or part of my site, but more like a small expansion or side-thought related to the main title. Creating an extra heading level for that is utterly nonsense.

Another issue I have is that taglines or quotes might be closely related to the main heading, but are not really headings themselves. Using a hgroup for grouping a heading and a quote is impossible since quotes are marked-up using blockquotes, which don't belong in the hgroup. What am I supposed to do now, put quotes in hX tags? That can't be right.

Finally, you're adding another heading tag separate from the existing hX structure and making the whole heading concept even more complex. And I don't even see what the hgroup tag adds semantically. It's not even grouping similar elements as subtitles, alternative titles, quotes or taglines don't even count as separate heading levels and should be marked-up using different tag anyway.

why I shouldn't complain

I know my comments should be directed at the mailing list but I'm simply not signing up to these things anymore. I hate them, they are worse than spam and are completely outdated. So I'm simply posting them here. If anyone agrees and feels like picking them up, please submit a link to this article to the whatwg mailing list (or simply recap the issues I raised here). If not, then so be it.

My conclusion is simple. The hgroup tag adds little to no semantic value and makes the whole heading structure even more complex than it already was. It solves a very contained problem that could've been avoided by lifting some restrictions that were unwanted in the first place, but instead a new tag was added that could lead to even more semantic nonsense and structural chaos. They must've had some good reasons to add this tag, but I fail to see how they could stand up against the issues it brings.

Alternative, why do we even need structural restrictions in the first place. I've seen very little examples where they helped me to build better html but I can name plenty of examples where they proved very bothersome indeed (no block elements within the a tag?). In theory it's a good idea, only it supposes that we are well at predicting the future. The past has learned us we are not.

]]>
Wed, 16 Sep 2009 12:41:27 +0200
<![CDATA[lars and the real girl/craig gillespie]]>http://www.onderhond.com/blog/personal/lars-and-the-real-girl-review-craig-gill

Loneliness is a welcomed theme when making films about the big city. But even simple guys in little community-driven towns can be lonely. Lars is such a guy, and when he finally decided to reach out it's not how people expected it to be. Lars and the Real Girl turns out to be a surprising film coming from the man who blessed (*cough*) us with Mr. Woodcock earlier that year.

screen cap of Lars And The Real Girl

Comedy is a difficult genre. Not only because tastes in humor vary wildly, but also because defining sub genres is almost impossible. Lars and the Real Girl contains very high doses of dry humor with a dark rim, but "dry humor" is a term with many interpretations. I've seen it used for films ranging from Groundhog Day to The Big Lebowski and even the likes of Scary Movie. And yet, Lars and the Real Girl isn't like any of those films.

To me dry humor is humor with no real jokes. It's delivered in a deadpan manner, served as drama but ultimately so freaky or weird that it becomes fun. My favorite example is Dai-Nipponjin as it takes the concept one step further and goes documentary style. But Lars and the Real Girl is a refreshingly good attempt seldom seen coming from an American director. It's a lovely tragicomedy delivering drama and humor in impressively balanced amounts.

screen cap of Lars And The Real Girl

When Lars finally brings a woman home it turns out to be a doll. An anatomically correct doll, though that doesn't matter much since Lars is a dedicated Catholic. His brother and expecting wife don't really know how to handle it at first, but when the town community decides to play along with Lars he slowly builds up a social life. It's remarkable how quickly the audience adapts to the situation as well. The reaction of the community is highly unlikely and almost entirely dictated by the feel-good vibe of the film, but at the same time we as an audience are quick to accept Bianca (the doll) as just another character in the film.

Typically the beginning is more focused on comedy while the ending has more dramatic impulses. Or maybe it's because over the course of the film Lars' character grows on you and the funny parts becoming more tragic as we get to feel for him. Lars is played by Gosling who's putting in a tremendous effort. Strictly speaking his job isn't too difficult as Lars is a typical character with obvious characteristics and some obvious mannerisms, but around halfway through the film he adds a much-needed amount of flesh and blood to his character, something quite rare for a comedy. The supporting cast is equally strong, especially brother Gus is a important asset to the humorous side of the film.

screen cap of Lars And The Real Girl

Visually not much is happening in the film. It's not really Hollywood, it's not really arthouse. Extremely functional and quite grey and boring (though that is a huge part of the setting), not much is done to make it stylistically stand out. The music is similarly bland but functional. I would usually fault a film for this but since this blandness becomes part of the setting it's not really a big issue. Alternative, this is one of those rare films where drama and comedy are strong enough to carry the film on those merits alone.

Lars and the Real Girl is rare gem blending dry humor with well-dosed drama and a feel-good vibe. Many people seem to miss the humor but I've been smiling and laughing throughout the whole film. The acting is strong, making sure the somewhat bland presentation never becomes a real issue. Good stuff and refreshingly funny. 4.0*/5.0*

Don't forget to check out the cute little trailer if you're interested.

]]>
Tue, 15 Sep 2009 12:25:40 +0200
<![CDATA[santorini 2009/volcano fun]]>http://www.onderhond.com/blog/personal/santorini-2009-vacation

This year's vacation took us to Santorini, one of Greece's most applauded islands. And honestly, it didn't disappoint at all. We spent a terrific week over there, but rather than talk my way through it I'll let the pictures do all the talking. Enjoy!

the hotel

We spent the week at the Volcano View hotel, without a doubt the best hotel we've stayed so far. Constructed in typical Santorini style, built against the flanks of the volcano crater and very close to the capital and airport. Three swimming pools, not too busy and superb food. We even had a jacuzzi bathtub!

morning view of the top part of our hotel
morning view of the top part of our hotel
sun setting behind the first of three pools
sun setting behind the first of three pools

more pics in the hotel gallery

santorini towns

Towns in Santorini are tiny but pittoresque. There are only 14.000 people living on the island, the capital houses around 4.000. All towns are built in the same style, using white or light pastel colors. Bricks don't seem to exist on Santorini. Churches are easily recognized by their blue tops and white crosses on top and since the island has more than 450 churches you can't help but to run into them everywhere you go.

white walls and little towers
white walls and little towers
typical view of a church
typical view of a church

more pics in the town gallery

nature

Santorini is a volcanic island with no natural water sources. The island is quite dry but the volcanic landscape (and particularly the flooded crater) make for some awesome sights.

view at the crater from our hotel
view at the crater from our hotel
lava rocks on the active part of the volcano
lava rocks on the active part of the volcano

more pics in the nature gallery

sunsets

From our hotel we could see the sunset every night. The restaurant was located right at the edge of the cliff so it wasn't always easy dividing your attention between the food and the magnificent sights. It sure made for some pretty pictures though.

mist over the island makes for lovely pics
mist over the island makes for lovely pics
we got 7 of those, pure magic
we got 7 of those, pure magic

more pics in the sunset gallery

various

Of course we did a little more than linger around our hotel watching sunsets. We went on some nice trips exploring various parts of the island. Santorini isn't too big so a week is more than enough to visit the most important places.

a passing ship after the sun had set
a passing ship after the sun had set
vin santo, local dessert wine and very welcome after a greek meal
vin santo, local dessert wine and very welcome after a Greek meal

more pics in the various gallery

Affordable luxury, great surroundings and superb food and drinks. It was all around hot (nearing 40 degrees at some point) and sunny. The last two days we got some mist in the morning and evening but even that was an impressive sight on Santorini. Definitely recommended.

]]>
Mon, 14 Sep 2009 11:30:37 +0200