Rogie's Blog: <html> <head> … </head> <body> <script> var b =...

rogieking:

<html> <head> … </head> <body> <script> var b = document.documentElement; b.setAttribute('data-useragent', navigator.userAgent); b.setAttribute('data-platform', navigator.platform ); </script> … </body>
</html>

An HTML5 boilerplate addon for CSS browser nitpicks

Gone are the days of CSS hacks…

64 notes

Carl Sednaoui: Google Maps One-Hand Zoom on iPhone

carlsed:

A friend and I just discovered a simple yet incredibly useful feature in Google Maps for iPhone… The one-hand zoom.

To perform a one-hand zoom simply double tap on your map and, after the second tap, leave your finger pressed. You can then move your finger up and down to zoom in/ zoom out.

22 notes

Vox Product: Better grids for a responsive world

voxmediaproduct:

For months, even before working at Vox Media, I’ve been working away at a pet project called Singularity, a grid system for Sass and Compass. The idea behind Singularity is to create a grid system that will work not only with uniform grids, but also grids built on modular scales. After…

13 notes

Bricss: box-decoration-break finally coming to more browsers

bricss:

One of the lesser known CSS properties I’m really excited about is box-decoration-break. From the official spec:

When a box is broken at a page break, column break, or, for inline elements, at a line break, the ‘box-decoration-break’ property specifies whether box fragments are treated as…

8 notes

Eric Bidelman: Data Binding Using data-* Attributes

ericbidelman:

Custom data-* attributes in HTML5 are pretty rad. They’re especially handy for stashing small amounts of data and retaining minimal state on the DOM. Turns out, they can also be used for one-way data binding!

I’ve been using a nifty trick in recent projects that I thought would be worth…

17 notes

visualgraphic:

Bring On The Night

visualgraphic:

Bring On The Night

(Source: visualgraphic)

300 notes

soupsoup:

Cameron celebrates Chelsea win. Merkel not quite jubilant. via @BuzzfeedAndrew

soupsoup:

Cameron celebrates Chelsea win. Merkel not quite jubilant. via @BuzzfeedAndrew

612 notes

Badass JavaScript: WebKit.js: Yes it has finally happened! Browser Inception is now possible.

badassjs:

I knew this was going to happen eventually, it was just a matter of time. WebKit has been ported to JavaScript, and no, this is not just some Emscripten compile, it is a full hand port of the popular browser engine to JS. WebKit.js uses WebGL as a rendering backend and basically enables…

79 notes

visualgraphic:

Alpine Bear

visualgraphic:

Alpine Bear

(Source: visualgraphic)

93 notes