Sessions
CSS3 & Progressive Enhancement
by Stephanie (Sullivan) Rewis
CSS3—it's the latest and greatest and all the cool kids are doing it. But there's a lot of crazy syntax to memorize and what happens when all browsers aren't capable of the effects you're after?
In this session we'll learn about progressive design principles, time-saving tools to aid as you visually write the code and a variety of methods to provide fallback when its absolutely necessary. Welcome to the next generation of web design!
Optimizing Massive CSS
by Nicole Sullivan
In 2009, Facebook committed to improving their site speed, six months later, they had cut their response time in half. In this session, Nicole will discuss the practical steps they took to make their goal a reality including UI component creation.
She will cover the technical details of how they moved from organic style sheet kudzu to Object Oriented CSS. After this talk, you will know how to diagnose the particular architectural problems in your CSS and choose a solution that fits. In addition, you will have the tools to end the “specificity wars” and get your team writing lean, efficient, and fast style sheets.
CSS3 & iPhone Development
by Estelle Weyl
Wouldn't it be cool to be able to use CSS3 and HTML5 unfettered by the lack of support in IE? Mobile developers for smart phones get to do just that!
When developing for iPhones, iPods, iPads and Android devices—mobile devices using webkit browsers—we can use CSS animations, transforms, multiple background images, rounded corners, text and box shadows, CSS columns, and HTML5 form elements.
In this session we'll use some CSS3 features learned in earlier session to create a native looking iPhone web app. We'll also cover some CSS UI and HTML5 form elements that will help you get up to speed on developing for mobile webkit. You don't have to wait any longer to use CSS3!
CSS3 Animations
by David McFarland
With Safari browser developers leading the way, CSS3 adds a whole new level of design to web pages: CSS-enabled animations and transformations.
In this session, we cover the basics of CSS animations and transformations in addition to exploring more complex arrangements that you can use in your designs.
CSS & Web Typography
by Jason Cranford Teague
For almost 15 years, Web designers have had a list of 10 "Core Web fonts" to choose from. Many ask, "Why can't I just download a font file from my Web server the same way I can an image?" Well, actually, you can. The verbiage for font linking is a little different than images, but the syntax for Webfont linking has been around for over 10 years as a part of the CSS standard.
Web typography expert Jason Cranford Teague shows you how to apply the principles of fluid typography, to choose, find and use Webfonts and create your unique typographic voice. Come and find out why 2010 is going to be the year of Web typography.
Effective & Efficient
Design with CSS3
by Zoe Gillenwater
Since many pieces of CSS3 are now supported in the majority of browsers, web sites are popping up all over the place that feature rounded corners (ooh), drop shadows (ahh), and unique embedded fonts (hooray!). But CSS3 can do more than add visual richness to your sites (though it's quite good at that).
Using robust, forward-thinking CSS3 techniques in place of the old standbys can have tangible benefits for your business and users. Powerful new selectors and image-free visual effects can streamline your sites and improve their speed. Media queries can make your sites more adaptable and usable on the wide variety of browser configurations and user agents in use today, including mobile devices like iPhone, Android, and iPad.
CSS3 is changing how we design and develop web sites, allowing us to quickly and easily create and maintain highly efficient and adaptable sites that are a pleasure to use. You'll learn practical yet progressive examples of the most beneficial CSS3 techniques to put to use in your pages today.
CSS with SASS, SCSS & Compass
by Chris Eppstein
Coding CSS by hand is how dad did it and it worked out fine for him.
However, once you add cross-browser hacks and add new CSS3 properties with
browser vendor's own proprietary CSS prefixes and your nicely laid out style
sheet just became a violent mess that copious amounts of caffeine can only
hope to contain.
Compass and Sass are to stylesheets what jQuery is to Javascript: shortcuts
and syntactic sugar to save you from the boring, drudgery of building and
maintaining production-ready stylesheets.
So, open up your dreaded terminal and learn how to set up any project with
Compass and Sass in just a few minutes. We'll cover the CSS extensions
provided by Sass: variables, color manipulation, nested rules, mixins,
selector inheritance, and more.
We'll walk through the CSS3 module and build a grid layout with blueprint without making a mess of your markup. Then you'll learn how to build abstractions that you can use to create your own personal
framework.
Of course, having this knowledge will leave you with a bit of moral
quandary: What will you do with all this extra time on your hands? Will you
build better sites? Will you charge more per hour? Or will you just pad your
time estimates and go outside and play?
Advanced CSS Troubleshooting
by Denise Jacobs
Just when you thought you were out of the CSS learning curve frying pan, you fall straight into the CSS troubleshooting fire.
In this session, we'll cover some advanced CSS investigative and problem-solving techniques,
including tiny tidbits to lay the foundation for clean, informative markup;
ways of dealing definitively with the dastardly IE6, proactive coding
practices for the "other" browsers' bugs, problems with the popular
float-clearing techniques and ways around them, and creating an approach for
knowing what to expect from CSS3 properties and how to gracefully degrade
them if and when necessary.
How Does It Work?
Once you are registered, you will receive a follow-up email
to confirm your reservation. Later on, as the event draws near, you
will receive a more detailed message, with the full schedule and other
helpful information to help you take full advantage of your
conference-going experience and plan your day.
On the day of the conference, you will receive an email
invitation about 45 minutes before everything starts. Click on the
enclosed link to sign in and enter the virtual meeting space. Once you
are signed in, you’ll be able to see and hear the presentations as they
happen, ask questions as needed and chat with the other attendees if
you like!
Technical Specifications: to attend The Summit, you will need
a modern web browser (Firefox 1.5, IE 6 & Safari 2 or newer, for
example) and a recent version of the Adobe Flash Player. Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.
Still have questions? Contact us at e4h@heatvision.com if there’s anything else you’d like to know.