“CASCADE SF’s first “Innovators of the Web Conference”

Yes, this fine Sat I’m at the Adobe building in SF watching presentations on the intersection of design and programming.  The focus of the talks today are line by line examples of how to break through the limits of design for the web with new cutting edge techniques in CSS and graphic asset creations in photoShop and illustrator.  Talks dive as deep as designs and creating icons that can scale but up and down without breaking.

So the most important part of this post, links to the presentations.

FYI, finding the slides is not all that easy, the link is in pretty small font.  You can see in the screenshot provided.


From the CASCADE site:

On July 21, 2012, CASCADE SF is throwing the Innovators of the Web Conference in San Francisco, and the lineup is stellar. Top talent in the industry will cover best practices of HTML5, CSS3, UX/UI and Mobile Design, focusing on product design for an optimal user experience. Attendees will leave with sparks, fresh perspectives and cutting-edge skills from highly engaging presentations.Breakfast and lunch catered by local restaurants to help grow and promote small businesses.

Breakfast, lunch, beer-tasting catered by local restaurants to help grow and promote small businesses. Local jewelry company, Padis Jewelry donated luxurious gift bags filled with jewelry cleaner and other branded products.

Including Travelin’ Joe Espresso, Nico’s Tacos, Healthy Spirits catering lunch and providing an international beer-tasting from light to dark – largest selection in the Bay Area.

We aim to take care of our speakers and volunteers, VIP room with massage therapists. Exquisite wine tasting donated by Padis Vineyards at 3pm for VIP guests only.





Espresso & Belgian Waffle Bar

Belgian Waffles


“Microformats 2 – The Next Evolutionary Step For Web Data”

Tantek Çelik

with Tantek ÇelikMozilla, W3C Invited Board MemberStandards Lead, International Speaker & Author, An Event Apart Speaker

Microformats are published on millions of sites, providing a simple API for the data on those pages with no additional URLs, file formats, callbacks etc. Similar approaches have subsequently emerged and grown as well, like RDFa and microdata. This talk discusses lessons learned in all HTML data in general, and how those lessons have been incorporated into microformats 2.0, the latest in the evolution of web data.


“Select This!”

Estelle Weyl

with Estelle WeylStandardistaInternational Speaker & Author

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.


“Say Hello to Octicons”

Jon Rohan Cameron

with Jon Rohan & Cameron McEffeeGitHubNew Media Designers / Front-End Developers

The web is increasingly becoming more fluid & scalable. With higher resolution screens coming out, GitHub wanted to be ahead of the curve by building a font icon set. Listen to what critical decisions we made for Octicons as we detail the successes, failures, & compromises.



Local Restaurants, Various Cuisines – Both Vegetarian and Non-Vegetarian. Lots of Choices!


“”How Does Interaction Design Work with Technology?”


Ryan GatesInteractive Design Production Lead, Method Inc.
Melissa MartinSr. Interaction Designer, Method Inc.
Jacob SurberSr. Product Manager HTML Design, Adobe
Sumeet SaxenaPrincipal of Engineering, GlobalLogicPanel Description

Panel Description
In order to bring brands, products, and services to market successfully, designers and technologists must find ways of collaborating together to build products and services that are useful, valuable, and differentiated. This panel will discuss how interaction designers and technologists should work together to bring these designs to life, and why it is so critical for the two disciplines to communicate and collaborate during design and development.

Meet Ryan Gates (Moderator)
Ryan Gates is Method’s Interactive Production Design Lead, helping to guide their digital production unit. He brings hands-on experience with branding, UI design/prototyping/implementation, responsive web environments, video production and motion graphics to support a true end-to-end creative production process. Ryan has previously designed and supported campaigns for CalArts, Roy and Edna Disney/CalArts Theater (REDCAT), AT&T, Dreyer’s, Häagen-Dazs, SanDisk, Samsung, Chiquita and Logitech. He earned a BFA in Graphic Design from California College of the Arts and University of San Francisco.


“The Process of Creating Useful & Elegant Responsive Design”

Ryan Kirkman

with Ryan KirkmanSay Media Art Director
Say Media

User experience will determine whether a visitor leaves your page or hangs out for a while. The site needs to be readable and easy to navigate on a smart phone, iPad or laptop. Having attractive design won’t hurt either. Ryan is a hidden gem in the industry when it comes to interactive and web design. This is a presentation filled with tips you won’t want to miss.


“New Developments in Sass 3.2 & Compass 0.13″

Chris Eppstein

Chris EppsteinFounder of COMPASSSoftware Architect for @Caring
Rubyist, Creator of the Compass stylesheet framework, Sass Core Developer



“HTML5:The Mobile Approach”

Tomomi Imura

Tomomi ImuraNokia HTML5 Evangelist & App Developer

Building a mobile web no longer means dumbing down an existing desktop website. With HTML5 and ever-evolving smartphone capabilities, now you can create awesome web apps running on mobile browsers.
In this talk, I will cover the adaptive design approach, to support many form-factors including desktop to mobile phones, and mobile-specific approach, to leverage HTML5 APIs that enable to have native-like experience on browser.


“”From Ideation to Innovation: The Process of Making Something Yours”

Daniel Brusilovsky

Daniel BrusilovskyFounder & CEO of Teens in Tech Labs

Teens in Tech

Daniel Brusilovsky is the Founder and CEO of Teens in Tech Labs, a company he founded in February 2008. He’s also a Summer Associate at Highland Capital Partners on the Internet & Digital Media investment team.

Previously, he was on the founding team of Qik (acquired by Skype), and spent time at TechCrunch (acquired by Aol), atebits (acquired by Twitter), Apture (acquired by Google), and JESS3. He also actively advises Y Combinator funded startup Everyme, and is an Associate Producer of Olive The Movie. Follow him on Twitter: @danielbru.

Share and Enjoy !