Jack's place
Setting native-like scrolling offsets in CSS with Scrolling Snap Points


One of the augments in favour of native vs. Web is that of user experience; particularly when it comes to scrolling. A typical interaction on touch screens (especially tablets) is the sideways swipe to flip between items, such as the next/previous page or photo. Native apps handle this…well…natively. The platform deals with it, so the performance is good, and the behaviour is consistent between apps on the platform. Web apps, on the other hand, have to roll their own. This usually involves a bunch of complex JavaScript, and it isn’t hardware accelerated. As it is an emulation, the behaviour may differ from that on the user’s platform.

However, some platforms use web technologies for native apps. As such, the platform vendor has probably had to solve this problem using those tools. One such platform is Windows 8. Internet Explorer 10+ provide a bunch of vendor specific CSS properties for touch-based scrolling. As these have proven useful, the properties for scroll offsets have been recently been added to the standards track as Scroll Snap Points. In this post, I will quickly guide you through the functionality that is currently in the spec. As it is very new, everything is subject to change, but it does work as is in IE 10 and 11.

Read More


With apologies to Ambrose Bierce

simple — It solves my use case.

opinionated — I don’t believe that your use case exists.

elegant — The only use case is making me feel smart.

lightweight — I don’t understand the use-cases the alternatives solve.

configurable — It’s your job to make it…

one silly emerald queen by atpalicis

Heat wave prediction gets an upgrade.



Marie by YukoRabbit
Lip Tutorial Resource by ConceptCookie

Great card trick with a message.

Isabelle Kingdom Brunel by AlyFell