webdev – a video blog

videos about web development

Archive for the ‘DOM’ Category

Because of Chromium’s multi-process architecture, painting within Chromium is far from typical. In this talk, Brett Wilson starts from the Skia and the WebKit render tree, follows the bits across the process boundaries, and continues all the way to your screen. He also details many of the differences in painting between platforms, how things work in test shell, and interesting corner cases like resizing.

Original Post: http://www.youtube.com/watch?v=A5-aXfSt-RA

  • 0 Comments
  • Filed under: Browsers, DOM
  • A deep dive into the guts of WebKit. Eric Seidel explains the process from loading the resources, building the DOM tree, and the various trees involved in rendering.

    Original Post: http://www.youtube.com/watch?v=RVnARGhhs9w

    While SVG is not well supported under Internet Explorer it remains a unused treasure! Now Google shows us how to implement SVG in every browser, even in IE. And even more, not only how but why? You can see where Google use SVG in its full capacity.

    Optional HTML tags

    Overview

    HTML has some tags that are optional and can thus be omitted. In HTML 5, a shorter DOCTYPE and a few other techniques help reducing file size and load time of your HTML documents too.

    Even Faster Websites

    Overview

    Steve Souders

    Steve is the author of High Performance Web Sites and the creator of YSlow. In this talk, he presents some of the best practices from his next book, including optimizing CSS selectors, flushing the document early, and discovering why 15% of users don’t get compressed responses.

    Overview

    Jon Kragh

    Vast Rank is a College Ranking & Review website that makes use of several Google APIs to power its unique set of features. This session will dig into the code behind Vast Rank’s “Ranking Map” that provides contextual College Rankings based on what a user has in view on his or her Map. Code examples will be shown utilizing the Google Maps API, the Google Maps Marker Manager, the Google Client Geocoder, and the Google Client Location information exposed by the AJAX API loader. The session will end by discussing future plans to incorporate additional Google API’s including the Translation API to translate international content, the Languages API to utilize jQuery, and the Google AJAX Search API to improve the user’s search experience.

    Quote

    In our latest YDN Lightning Talk, we have a seat with Tom Hughes-Croucher, an evangelist for Yahoo! developer tools. Tom has worked on front-end engineering for Yahoo! and a number of Accessibility standards for recognized standards bodies such as the World Wide Web consortium and the British Standards Institute. Tom shares about some developer tools he likes to use, including YQL.

    Overview

    Today’s JavaScript is a decent language for writing small scale scripts. But even for beginners, it has too many minefields between
    what beginners learn and what they need to know. And JavaScript is now increasingly used for serious software engineering projects –
    straining to carry a load it was not designed for.
    (more…)