As designers take on new problems of convergence and ubiquity, we find ourselves facing new challenges. The products we create are accessed through multiple devices, different channels and a wide audience. How do we accommodate the context of use?
Whether you design mobile apps, services or web experiences, you know that people have different needs and desires. Those issues are complicated further by a landscape of technology.
This discussion will highlight these new challenges and offer solutions based on years of design experience. Topics include:
• What should you be aware of when designing a product or service for use in various locations and environments?
• How does motion and distraction affect interaction and content design decisions?
• Do you provide for casual use vs. urgent need?
• How does the form factor or input method of your device steer your design efforts?
• What happens in an ecosystem of products?
• How does social and cultural context play into the strategy of your design?
With responsive design designers need to rethink the process they go through to work with clients and developers to create successful visual designs. Rather than creating traditional comps, style tiles are a deliverable that help you to communicate with your client, establish a visual language and work iteratively with developers. In this presentation, Samantha will explain how to reinvent your process to leverage Style Tiles as a deliverable.
WebGL has brought 3D Graphics to the browser offering a new world of possibilities for visualization and interaction. In this talk, we give you all the information you need to start using WebGL. WebGL has an unfair reputation for a high entry barrier, understanding what WebGL can do and using the right frameworks can help you very quickly create amazing stuff.
We will cover the following aspects: what WebGL is and what you can use it for (with some of our own awesome examples), the browsers and devices that support WebGL and what you can expect for the future, when and why you would want (or not want) to use WebGL, and some more hands-on stuff like sample code, frameworks and resources.
This workshop will cover the technical details of how to create an accessible HTML DOM structure, tie it to the visible Canvas surface, additional Canvas APIs designed to fill in the accessibility gaps, and how to keep everything in synch. The workshop will compare the implementation state of canvas accessibility across browsers. Expect code samples, and lots of them!
by Erik Möller
I took a platform game published on Win/Mac/iOS and its 100,000 line C++ code-base and turned it into an HTML5 game running on desktop, mobile and even TVs. This talk is the story of how that happened and also gives some great tips and tools for anyone aspiring to make games using HTML5.Building a game is never a trivial job and doing it on a platform in constant development can be even harder. That said, the advantages of HTML5 greatly outweighs the disadvantages. HTML5 is quickly turning into a great game development platform which offers well tested solutions to many of the peripheral problems you normally have to deal with when making games.With these solved for you already you can focus on creating a great game and an awesome user experience!I'll share what I've learned and hopefully the talk will make the process easier for anyone else building games in HTML5. I'll also talk about a new exciting open source project allowing you to leverage WebGL and COLLADA in your games.
Web 2.0 entertainment companies like Netflix, Twitter and Facebook, seem to be able to address our every need. When we search for movies we love the Netflix system immediately spits a list out. If you're a new technology enthusiast you might be like many of us scratching our heads and saying to ourselves - how'd they do that?
Apache Cassandra is a new platform, originally coined to address the changes and challenges arising with arising from cloud computing and the need to quickly leverage ‘big data’ coming into the database from new systems, like mobile devices, GPS, point of sale devices, new media, etc.
The benefits of Cassandra come down to elasticity, availability and scalability.
DataStax the commercial leader in Apache Cassandra, burst onto the scene last year evangelizing the benefits of Cassandra. The company works with industry leaders and start ups alike, including Netflix and Twitter to address the real business/consumer needs.
This session would delve deeper into the new technologies like Apache Cassandra that allow the inner geeks in all of us to answer the age old question of how'd they do that?
If you build it, they might not come, if you haven't thought about how search engines view your web site. Forget testing for Internet Explorer, Firefox, Chrome and Safari. Search engines are the common browser that everyone uses. The good news is that search engine optimization (SEO) doesn't mean terrible design or some type of black-magic trickery. Rather, there are good, sensible things that everyone should do that pleases both search engines and human visitors. In this session, representatives from Google and Bing provide this type of advice. They'll even get you up to speed on the impact that social media is playing on search results. Even better, it's all Q&A. Bring your top questions about how they rank sites and get answers directly from the source.
by Fritz Onion
This session will review the options available today and in the future for client-side templating in jQuery. We will show the libraries available today, including jQuery Templates, knockout.js, and JsRender/JsViews.The past year has been rather tumultuous in the jQuery Templating space. Before the jQuery Templates plug-in even had a chance to come out of beta, the project was terminated in favor of newer templating libraries currently under development. However, even though it is still unclear which templating library is the best to use, the concept of client-side templating is too important to ignore or put off using. This talk will review the various options Web developers have today for performing client-side templating, and will present guidance on what to look for in the coming year as newer libraries are released.
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.
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.
We’ve all been there. You work meticulously to craft lean, efficient, elegant code. Beaming proudly, you hand your little sweetie off to a client, a contractor, a colleague, or even a CMS, but the next time you check in, everything has gone to hell. Or worse – you’re on the receiving end of a long line of shitty code, trying to make sense of deprecated tags, naming collisions, arbitrary plugins, and other code soup.
So what happened? Where did all this cruft come from? And short of hunting down the abusers and beating them with Eric Meyer’s 2lb “CSS: The Definitive Guide”, what can you really do about it?
In this brutally honest session, front-end & back-end coders will unite with project managers to play the role of shrink, surveyor, and sensai. Using real-life examples, we will break down how bad code happens to good people, why it matters, and specific steps you can take to prevent it. Come learn why it’s important to code like the next person to use it is a homicidal maniac who knows where you live.
by Paul Trani
HTML5 and CSS3 are hot, driven by an explosion of new, Internet connected devices. While they offer many new features that should allow you to do the types of things that you previously did in Flash, actually making it happen is really hard. Until now. Adobe Evangelist Paul Trani will give you a first‐hand look at Adobe Edge, which is designed to save you time while creating beautiful motion and interactive content for the web. Paul will also give you an exclusive first look at new features for Edge – don’t miss out on this rare opportunity to learn about Edge from the source!
We are announcing something completely new ‐ Adobe will be unveiling a new product for web designers and developers to help with their mobile web workflows. Come to the see the live demo and check it out for yourself! Follow @AdobeSXSW for the latest information.
by Paul Trani
Part of being a great web designer is understanding the medium you are designing for, recognizing its weaknesses and pushing its strengths. Understanding this balance as we are thrust into the world of mobile and "progressive enhancement" will go a long way in making you a success. In this session, Adobe Evangelist Paul Trani will demystify the technology alphabet soup of CSS, HTML5, jQuery Mobile, PhoneGap, TypeKit and Sencha Touch so you can boldly execute on your next project (or at least sound really smart in meetings).
9th–13th March 2012