1. Workshops
  2. Main Stage Track
  3. Rising Stars Track

Workshops

Monday, October 7 (9:00am - 5:00pm)

  1. Jason Pamental

    From Sharpie to Sublime: A Responsive Design Intensive **SOLD OUT**

    Jason Pamental

    Responsive web design is a big deal, and a very broad topic. We're going to start early, go fast, and go from sketch to working web pages in a day. Bring your Sharpie, sketchbook and working knowledge of HTML5 and CSS3 (you don't need to be an expert) and we'll be off and running. We'll cover the basics of responsive design (fluid layouts, flexible media and media queries) and then talk about advanced techniques and emerging standards for responsive images; and using web fonts, icon fonts and SVG graphics for more resolution-independent design. We'll also cover emerging conventions in UI that will make your site better on small screens and even bigger ones. You'll need your laptop, your favorite code editor, a few web browsers and lots of energy. It's a lot to cover in one day, but by the end of it you'll have built something tangible with lots of extra sample code to use in your own projects going forward. Even better - we'll learn how to think responsively in the first place so your designs can take advantage of all this cool stuff you're going to learn.

    What You'll Learn

    • What are the core elements of a responsive design and how to build them
    • How to deal with the Bandwidth Dilemma: get the right assets to the right device
    • Responsive Typography - what it means and why it matters
    • Emerging conventions: menus, icons, swipes and focus (& why they matter & when to use them)
    • How to think responsively & design responsibly (& what that means & why it matters)
  2. Josh Clark

    Designing For Touch **SOLD OUT**

    Josh Clark

    Touchscreens are everywhere now, even the desktop, and this workshop tells you what you need to know to make the most of them. Fingers and thumbs turn desktop design conventions on their head, with the ergonomics of handheld devices demanding entirely new design patterns for both web and apps. Handheld touchscreen design introduces ergonomic concerns that are new to many digital designers; it’s no longer just how your pixels look but also how they feel. At the same time, touch gestures have the opportunity to sweep away away buttons, menus and windows from mobile devices, but gesture design takes care and education. Find out how to do it the right way. This workshop takes a hands-on approach (*ducks*) to touchscreen design with practical guidelines, rich examples, exercises, and a bunch of new rules that bust the "settled" conventions of the desktop.

    What You'll Learn

    • Layout and sizing guidelines for touchscreens on phones and tablets... and desktop, too.
    • Emerging gesture conventions and design patterns for both apps and web
    • How to make gestures discoverable by educating users with contextual cues
    • Techniques for making touch interactions fast and efficient
    • How to cope with the reduced real estate left in the wake of giant touch targets
    • When the best touch UI is no touch at all; how to use sensors to speed or replace touch input
  3. Shay Howe

    Front End Legos: Reusable HTML & CSS

    Shay Howe

    All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong. HTML and CSS are the backbone to every website, and are equally as important as any design or development. After spending some time playing with legos and writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity. The workshop is geared towards intermediate front end designers and developers, with a love of legos, looking grow their skill set. A sound understanding of HTML and CSS are required as the workshop will cover more advanced techniques around building and laying out websites. Don't forget to bring your laptop. Shay Howe will co-present this workshop with Darby Frey.

    What You'll Learn

    • Common problems working with HTML and CSS
    • How to write reusable HTML and CSS
    • The importance of maintainability
    • How to measure CSS specificity
    • How to modularize layouts
    • How to accommodate content
  4. Mike Nimer & Kellen Styler

    JQuery Bootcamp

    Mike Nimer & Kellen Styler

    A full day workshop to help participants realise the full potential of jQuery and unleash it in their projects to the very best effect! Delivering a consistent user experience across devices, platforms and browsers can be complicated, time-consuming and costly - jQuery Mobile simplifies the web and is your best friend when it comes to creating mobile websites. Through progressive enhancement, jQuery Mobile transforms the HTML tags you already know into rich interactive touch and gesture enabled experiences that work the same way across all popular smartphone, tablet and desktop platforms. In this workshop, we will discuss the basics of jQuery Mobile, how to build a mobile app taking advantage of jQuery Mobile and HTML5 and how to simplify the process of mobile app development.

    What You'll Learn

    • jQuery Mobile's core concepts
    • Interactive programming exercise
    • Explore the unified user interface capabilities
Thanks to our amazing sponsors
Sponsors
Media Temple