TBA
Even in the biggest web apps built on continuous integration servers with automated deploys, CSS is still often tested only visually. Something can easily be missed or regressions can slip in and not be spotted until production.
As CSS is a declarative language, traditional automated testing techniques either don't apply or aren't sensible. This talk aims to give an overview of the techniques available for automated testing such as page render image diffs, cross-browser equality, frozen DOM structure comparisons. It will also cover some of the tools you can use to integrate automated CSS testing into your build pipeline.
Pick an element, any element. Style it. No IDs. No classes. No jQuery necessary. We'll learn all the new features of CSS3 selectors that enable you to select this DOM node, that DOM node, and even imaginary DOM nodes based on attributes, relation to other elements, location in the DOM, or just an element's mere existence. The possibilities are endless, if you know how to use the tools in your tool box. Today's tool is CSS3 selectors.
CSS media queries have revolutionized web design -- nowadays, if your site isn't responsive, it isn't cool. But page speed is also critically important and media queries can have a negative impact on performance and the user experience if not executed carefully. Learn how to optimize your media queries to keep your site both responsive and fast with Kimberly Blessing, who has focused on CSS architecture and performance for over 10 years.
The mobile web is a strange beast. While modern mobile browsers have advanced leaps and bounds beyond the mobile browsers of the past, there's still plenty of CSS quirks to deal with. Learn how to tackle weird behavior dealing with fixed positioning, overlays, box-shadows, tap-highlight-color, webkit-appearance, and a whole lot more.
The techniques of responsive web design are well established, but how do you put them to use in the real world? We'll look at ways to use these techniques on legacy sites giving attendees knowledge they can put to use immediately. Topics covered:
• creative ways to link retrofit styles
• additive and subtractive CSS
• responsive with minimal HTML changes
• fun real-world examples
Media Queries: Easy. Fluid Grids: Squeezy.
Fluid Media is surprisingly one of the most challenging aspects of RWD. Squeezing images, video, and display type may result in some undesired effects.
Dave Rupert covers a slew of CSS strategies, techniques, and sweet effects to awesomize™ your media in your next responsive design.
And when CSS can't fully complete the job, Rupert looks at how tiny bits of javascript can solve large problems.
For both designers and developers, whether you’re working alone or on a large team, having a solid UI Library and CSS architecture is incredibly rewarding and essential for your application. As continuous integration gains traction in today’s web application development workflows, living user interface style guides and Sass help keep everything in check. Learn how you can create smarter, forward-thinking maintainable web interfaces.
