Sessions at SXSW Interactive 2012 about CSS

View as grid

Your current filters are…

Saturday 10th March 2012

  • HTML5's Bleeding Edge

    by Paul Irish

    HTML5's momentum can't stop in delivering a huge mass of features our way. In this talk, you'll get the lowdown on the power of WebRTC, Media Source, CSS Filters & Regions, as well as improvements to the DOM, WebGL and Javascript. Hold on!

    At 1:00pm to 1:25pm, Saturday 10th March

    In Rainey St

  • CSS for Grown Ups: Maturing Best Practices

    by Andy Hume

    In the early days of CSS the web industry cut its teeth on blogs and small personal sites. Much of the methodology still considered best-practise today originated from the experiences of developers working alone, often on a single small style sheet, with few of the constraints that come from working with large distributed teams on large continually changing web projects.

    The mechanics of CSS are relatively simple. But creating large maintainable systems with it is still an unsolved problem. For larger sites, CSS is a difficult and complex component of the codebase to manage and maintain. It's difficult to document patterns, and it's difficult for developers unfamiliar with the code to contribute safely.

    How can we do better? What are the CSS best practises that are letting us down and that we must shake off? How can we take a more precise, structured, engineering-driven approach to writing CSS to keep it bug-free, performant, and most importantly, maintainable?

Sunday 11th March 2012

  • Killer App Design with Javascript and HTML 5

    by Jonathon Morgan

    HTML5 paves the way for a browser-based universe, and javascript is its shining star. Go beyond rounded corners and <section> tags and bask in the glory of dynamic stylesheets, CSS3 and responsive UI! Wield the awesome power of web storage, web sockets and device access! Conquer your single page app with event-oriented programming and client-side MVC! Even if you're not launching spaceships from the Chrome Web Store, you'll work faster and code better with emerging technologies and tool sets designed to manage complex, browser-based apps, viewed on any device. Websites are for wusses. Web apps = world domination.

    At 9:30am to 10:30am, Sunday 11th March

    In Town Lake Ballroom, Radisson Hotel & Suites Austin-Town Lake

    Coverage audio clip

  • Fast CSS: How Browsers Lay Out Web Pages

    by L David Baron

    This session explains the basic concepts in browser implementations of core Web document technologies (HTML, XHTML, CSS, and SVG), explains their general performance characteristics and how they interact with Javascript, and explains common optimizations (such as coalescing changes) that browsers make. Rather than presenting specific techniques authors can use, the goal is to build understanding of the performance characteristics of the Web platform so authors can have ideas of what things are likely to be fast or slow, and what types of changes they can experiment with to improve the performance of their Web pages.

    At 11:00am to 12:00pm, Sunday 11th March

    In Ballroom A, Austin Convention Center

  • CSS.next: Current Experiments, CSS4 and the Future

    by Divya Manian, Elika Etemad, Boris Zbarsky, Lea Verou and Tab Atkins

    In this panel, you will get to ask questions and be informed about the state of CSS, where we are at, what is pending, what we can look forward to, to some of the working group members who are hard at work to implement the various specs.

    We will also be discussing the support for CSS4 specifications, what we can expect in the future and how it will be useful for web developers and designers. Here is your chance to ask the experts and implementors at the cutting edge of CSS on what to expect and how to use the new technologies now.

    At 12:30pm to 1:30pm, Sunday 11th March

    In Ballroom A, Austin Convention Center

  • Mad CSS3 Skillz

    by Estelle Weyl and Stephanie Sullivan Rewis

    In this one hour tutorial workshop, you will become skilled in CSS3 selectors, transforms, transitions and animations. We will work through an animation examples, creating different paths, timing and effects, exploring linear gradients opacity, alpha transparency, border-radius, text-shadows, transforms, transitions and mostly animations. The code example will be provided participants can play with the code, going from novice to skilled without heavy note taking.

    At 12:30pm to 1:30pm, Sunday 11th March

    In Town Lake Ballroom, Radisson Hotel & Suites Austin-Town Lake

    Coverage audio clip

  • Simplify CSS Development with Sass & Compass

    by Alex Lemanski

    Simplify and speed up your CSS development with Sass. Overcome browser differences – particularly with CSS3 – and build grids the right way with Compass. Sass is a CSS meta language that brings more functional programming to the css language and complies to standard browser supported CSS. It adds tools like variables, functions, and mixins, as well as compilation tools for debugging and optimization. Compass builds an additional framework of tools on top of Sass. It adds mixins for almost all the new CSS3 modules to abstract away syntax inconsistencies and browser prefixes. It also enables the development of CSS frameworks *the right way*, using semantic classes instead of presentation oriented classes. Compass has ports Frameworks like Blueprint, YUI, 960.gs, as well as even some Compass only ones like Susy. On top of that, there are also loads of extensions to Compass for everything from CSS3 button generators to more complex sprite and image generators.

    At 3:30pm to 4:30pm, Sunday 11th March

    In Town Lake Ballroom, Radisson Hotel & Suites Austin-Town Lake

Monday 12th March 2012

Tuesday 13th March 2012

  • Compass/SASS/LESS: Tips, Tricks & Best Practices

    by Beau Smith, Jacob Thornton, Drew Yeaton and Wynn Netherland

    Sass & Compass are quickly becoming a standard for authoring and maintaining the styles (CSS) of many of popular websites. A derivative of these languages may someday replace CSS as the default language for styling html. As with using any new technology, a full understanding of how it works, how to use it efficiently, pitfalls to avoid, and patterns for success will benefit any user.

    At 9:30am to 10:30am, Tuesday 13th March

    In Town Lake Ballroom, Radisson Hotel & Suites Austin-Town Lake

    Coverage slide deck

  • Lie to Me: CSS3 Demystified by Haakon Wium Lie

    by Håkon Wium Lie

    Haakon Wium Lie worked with Tim Berners-Lee at CERN when CSS was conceived in 1994. His last name does not build confidence, but CSS has – after a rough start during the first browser wars – become a cornerstone of the web. CSS3 introduces features that designers have been asking for and this presentation will go through parts of CSS3 that can be used in common browsers today. For example, Media Queries will adapt presentations to any device, Webfonts will change the face of the web, and multi-column layouts will make better use of wide screens. Also, this presentation will describe how it is possible to use CSS3 to create books and other paged presentations from common HTML content, both on screen and on paper.

    At 11:00am to 12:00pm, Tuesday 13th March

    In Ballroom BC, Austin Convention Center

    Coverage audio clip