Ist die Website Smartphone-kompatibel?

Der W3C mobileOK Checker funktioniert so, wie man es gewohnt ist: URL eingeben und ab dafür.

Der Checker gibt detaillierte Infos zu Größe der Website sowie zu den verschiedenen Requests. Gekrönt wird das Ganze durch den Detailed report, in dem in einem gepflegten Wutausbruch jede Kleinigkeit, die den 100 % im Wege stehen, kommentiert wird.

(via @MarcoStruckDE)

Facebook Custom Tabs: Iframes wieder mit Scrollbars

Seit ein paar Tagen werden Iframes mit Scrollbars angezeigt, obwohl der HTML Code tunlichst das Limit von 520px nicht überschreitet.Das Problem ist daß Facebook die eigene JavaScript-Bibliothek verändert hat und der Code im „fb-root“ Element ein Objekt hat welches breiter ist als 520px. Die Lösung ist, das fb-root-Element auf unsichtbar (display:none) zu setzen.

Somit gilt ab sofort um die Scrollbars bei Custom Tabs weg zu bekommen:

1) Im Header folgenden Code benutzen:

<script type="text/javascript">// <![CDATA[
// get rid of facebook scollbars!
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
function sizeChangeCallback() {
FB.Canvas.setSize();
}
// ]]></script>

2) und irgendwo am Ende der Seite die EInbindung der Facebook Lib:

<div id="fb-root" style="display:none;"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
FB.init({
appId : "<your app id>",
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Canvas.setAutoResize();
</script>