Fast CSS: How Browsers Lay Out Web Pages (SXSW)

Hello there! I’m at SXSW (South By Southwest) 2012 this weekend, going to the interactive conference. Anyway, I tend to take copious notes when I go to talks. I thought they might be useful to a wider audience, so here you go. You can see other SXSW 2012 posts that I’ve made as well. Presenter: David Baron, Mozilla (@davidbaron) Slides: http://dbaron.org/talks SXSW Synopsis: http://schedule.sxsw.com/2012/events/event_IAP12909 Introduction I want to talk about the main pipeline from markup to graphics in web browsers: how they handle HTML and CSS, through this rendering path, to the screen. I will not talk about specific techniques or interaction with the network (resource loading).There’s better information about that out there. I’ll talk about how you can experiment for yourself to see what’s fast or slow, but I won’t talk about practical application. I can tell you about Gecko and Webkit, but we know nothing about Internet Explorer and Opera because they are not open source. We expect them to be reasonably similar, but it’s a guess. The core I’ll talk about is the pipeline from markup to graphics – html, svg, css – from being a file you get off the ntework, to being a tree represented …

The Potion for Motion: Interactive Interfaces / Apps (SXSW)

Hello there! I’m at SXSW (South By Southwest) 2012 this weekend, going to the interactive conference. Anyway, I tend to take copious notes when I go to talks. I thought they might be useful to a wider audience, so here you go. You can see other SXSW 2012 posts that I’ve made as well. The Potion for Motion: Interactive Interfaces / Apps Dan Simpkins – CEO of Hillcrest Labs SXSW Schedule Entry / Synopsis 2005, Hillcrest developed ‘Home’, the first TV interface for motion. Innovation is a good thing, but it can create confusion. Products that benefit from motion: smart tvs mobile devices game consoles set top boxes pc peripherals Motion sensors are becoming more commonplace. Every smartphone has an accelerometer, for example. Marketing has caused some confusion, so I’ll clear it up. What is motion? (Shows a photo of a man pointing.) Nautral motion, gesture, control knobs, pointing An equal number of you said this is a gesture, and an equal number said it is pointing. This is a key misperception. Motion is more than gestures. (Shows a photo of a woman running.) Not a gesture. Natural motion. (Shows Spock’s ‘V’ gesture.) A gesture. Motion is more than gesture. …