Since Spring 2013 the v1.0 version of the standard Twitter Widget doesn’t work anymore.

The old widget was built in JavaScript, and added elements to the loaded page. It was easy to add css styling for that, you could just add it to the main stylesheet of your page.

With the new widget, which uses the new API that doesn’t work anymore. It is still built in JavaScript, but it adds an iframe to the page. And adding rules to your standard stylesheet has no effect on an iframe.

You can however add a stylesheet to an iframe, and that’s what I did. It’s available as download. All you have to do is change the location of the stylesheet in it. You can then add it to your page-layout. It does use and need jQuery.

In case you are editing the stylesheet, but it doesn’t refresh in the browser, you can open the stylesheet directly in the browser, and push F5 to have the cache of your browser refreshed.

Under the new name Picture Time I just released my photo album again.

Download it here: Picture Time

There is much to do over responsive design, a technique to shape websites for for example a mobile phone. Or a television. Or a fridge.
At my job we use mostly the max-width media query.

With mobile phones there are several operating systems and browsers, and a pixel in hardware is not the same as a css-pixel. To simply show this I wrote a script so you can view which device has which viewport.

You can see the output of the script. You can also view the source code.