Clik here to view.
Topconf Tallinn 2013
Last week I attended Topconf in Tallinn, Estonia. It was my very first time in Estonia and also my first time at a conference which wasn’t targeted to web developers or designers. Instead, it was a...
View ArticleThe magic of grunt-contrib-connect, and how to run PHP with it
One of the most loved Grunt.js extensions in our team is the ability to spawn a server for your project with the virtual push of a button, and to be able to see all the changes directly in the browser...
View ArticleHTML5 Audio on mobile devices
HTML5 Audio on desktop browsers is a mess. But you haven't experienced true pain and suffering until you try to get HTML5 audio done on mobile devices. This article is a follow-up to my talk at the...
View ArticleRobust (but hacky) way of portrait / landscape detection
On mobile devices it's pretty easy (and in some cases also pretty cool) to change the look of your website respectively to the orientation of your device with media queries. However, sometimes the...
View ArticleOf mice and touches
Unbelievable, but true: Imagine you bought a new Windows Phone 7 (e.g. Nokia Lumia or Samsung Omnia) with "Mango" on it and try to get your mobile web app running, you will be really surprised when...
View ArticleForcing browsers to print all pages in grayscale
Very short snipplet, but very effective.With Chrome 18 CSS3 filters are finally implemented and you can do amazing stuff with them. One thing we tried and which we found rather useful than fancy is to...
View ArticleRemake, Remodel.
Let's face it: ModX -- even with the Articles Plugin -- isn't suitable for fast blogging. At least not in the way I need it. So I switched back to Wordpress. Setting the whole thing up from scratch. So...
View ArticlePreventing FOUT in IE9
FOUT is an abbrevation for flash of unstyled text (or type) and is one of those really nasty bits in modern frontend development. Summarized it means that if you use webfonts it might happen that you...
View Article"Technologieplauscherl" at Netural
On Thursday we held the "Technologieplauscherl" at Netural for the first time. The "Plauscherl" (which translates to technology talk, but is unrelated to my beloved F.E.T.T.) is some sort of short...
View ArticleClik here to view.
Nobody wants HTML5 apps
There's much buzz going on about HTML5 being just the wrong way of developing apps. Facebook switched to "kind of native" a while ago (and still has an app below standards), now LinkedIn dropped their...
View ArticleRemake. Remodel. Part 2
@grigs said I should blog, so I'm going to take this thing seriously now. I spent the last few days (finally) creating a new look for my website. With the advent of flat designs I think I'm able to...
View ArticleClik here to view.
beyond our own noses - the "beyond tellerrand 2013"
Crosspost from Netural:Not one single line of JavaScript code? At a conference where web developers visibly outnumbered the rest of the audience? Yes, they can: Düsseldorf's "beyond tellerrand"...
View ArticlePreserving aspect ratio for embedded iframes
If you want to use videos on your webpage which are hosted on another server (YouTube, Vimeo, whatever), you most likely will use their embedding possibility rather than the HTML5 <video> Tag or...
View ArticleCaring for Sharing: Social share URLs
I truly hate social media share buttons. Especially those plugins which not only are coded badly but also create heavy traffic and performance issues. Plus, they're a pain in the ass to place...
View ArticlePreparing for an unprefixed future
I realized recently that I don't have to use "-webkit" on the transition property anymore for Chrome. Actually, to use transitions in modern desktop browsers I don't have to use any prefix at all. This...
View ArticleClik here to view.
Basic SVG path tweening with SMIL
@media(max-width:500px){.responsive-svg{width:100%;}.responsive-svg path{-webkit-transform:scale(0.5); transform:scale(0.5);}}.note{display:none;}.sorrynote{background-color: #c84941;...
View ArticleUsing assemble.io with yeoman.io's webapp Gruntfile
With Effeckt.css I discovered assemble.io, a node-based static site generator for ... well ... assembling HTML files from different parts.A tool like that was much needed by our department once we...
View ArticleUsing grunt-connect-proxy
Update 2014/01/13: The interface of grunt-contrib-connect has slightly changed. Please check my article on how to add middleware. The proxy middleware is still the same, tough.With any application that...
View ArticleDigital Visions 2013
Last friday Jürgen Liechtenecker and company held the Digital Visions conference in Vienna for the second time. I was invited to speak and got the amazing opportunity to try out a new talk in front of...
View ArticleIt's all about the content!
You know parallel scrolling websites? The kind where big sunglasses assemble themselves, break through rocks and crash your browser? The kind everyone loves. Except developers. Today I found...
View Article