Text-align: Justify and RWD

Check out this Pen! Did you know that one of the most powerful tools for fluid and responsive layout has been a native feature for every browser since HTML4? A tad ugly due to those hardcoded placeholders, but sometimes you have to break a few rules to get an easy to work with result. Text-align: …

Ghostlab — Synchronized testing for web and mobile.

Ghostlab synchronizes scrolls, clicks, reloads and form input across all connected clients. This means what you’re testing is not the simple page load, but the full user experience. The concept behind it is dead simple actually: start a webserver serving the project and inject some .js which keeps all connected browsers in sync using websockets. …

How to troll frontend web developers

@media only screen and (min-width: 960px) and (max-width: 970px) { body { -webkit-transform : rotate(180deg); -moz-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } } That’ll teach them, constantly resizing their browser windows and what not! — Puh! (via)

On Responsive Layout and Grids

For those who often enquire about my responsive grid “solution” — it’s about 10 lines of code. Not a problem that keeps me up at night Tried a grid-based approach in a site that’s about to launch any time soon but found it conflicting with the mobile first idea: I’d be undoing the grid’s CSS …

The Gradient Chart

Handy tool/methodology to decide if you should make a responsive site, or build a separate mdot-site. Review the tasks that users want to perform on Device A. List them in priority order. Repeat for Device B. Put the two lists next to each other, and draw lines connecting identical tasks. Depending on the steepness of …

We’re not ‘appy. Not ‘appy at all.

The British Government Digital Service (a new team within Cabinet Office, which in its turn supports the Prime Minister and Deputy Prime Minister) is totally getting it: Stand-alone mobile apps will only be considered once the core web service works well on mobile devices, and if specifically agreed with the Cabinet Office. Above that: Apps …