Profile cover photo
Profile photo
Rory Craig-Barnes
38 followers -
geek! software developer. whippet lover. runner. food geek. amateur chef & baker. urban gardener. daydream believer. Opinions are my own, not my employers.
geek! software developer. whippet lover. runner. food geek. amateur chef & baker. urban gardener. daydream believer. Opinions are my own, not my employers.

38 followers
About
Rory's posts

Post has attachment

Post has attachment

Post has attachment

Post has shared content
Building fast infinite list views: Let's collect the patterns and antipatterns.

These are lists that just keeeeeep scrolling content. Very common in mobile UIs. I know of a few guidelines for developing these, but would like to collect all the best practices and things to avoid when making  infinite content that can scroll at 60fps.

A few demos I know of: 
elliottsprehn.com/personal/infinite-scroll.html
airbnb.github.io/infinity/demo-on.html
rawgithub.com/Polymer/labs/master/list/static-scroll-display.html
rawgithub.com/Polymer/labs/master/list/virtual-scroll-examples.html

Do: separate scroll handler from rAF render loop
Do: minimize layout cost in render loop.  (Use textContent rather than innerHTML. Use overflow:hidden to keep layout boundary close)
Do: retain inertial scrolling. 
Do: GPU accelerate the layer
Don't: have a hover effect that can trigger during scroll
Don't: do anything more than get a scroll offset in the scroll event handler

Any posts or articles on the subject, you recommend? 

Post has attachment

Post has attachment
Slowly trying to improve my UI design understanding, this proved to be an interesting read.

Post has attachment
This!
"Rob Ford was not stripped of his powers because of recreational drug use. It was because the mayor has consorted with criminal elements, lied about it, and then refused to speak to police about it on the advice of his lawyer. He was stripped of his power because council realized they can no longer trust him, that they no longer know what influences him and that he refuses to answer questions that desperately need answers."

Post has attachment
As if I needed another reason to go to Chicago again :)

Post has attachment

Post has attachment
Interested to see what they do with this...
Wait while more posts are being loaded