Ink: A Responsive Email Framework

Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink’s responsive, 12-column grid blends flexibility …

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 …