HTML5 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 ArticleNobody 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 Articlebeyond 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 ArticleBasic 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
With any application that communicates with some sort of backend interface exchanging JSON data, you’re often in the need to use proxies in your own server configuration to overcome CORS restrictions...
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 ArticleGreat Scott! Five lesser known shortcuts for Emmet.io that rock!
I’m a huge fan of Emmet. It allows you not only to create markup in no-time by using a CSS-like syntax in your most favourite code editor (e.g. ul>li*5 expands to one <ul> element with five...
View ArticleContent vs. value
Title’s for all content strategists out there who expect something really meta and with a lot of additional bla bla. Well, this is about HTML Content vs. Input Values. Margin psycho and Sass expert...
View Article