Jennifer will get you settled in and provide an overview of what we'll be covering over the next two days.
Day One / May 5, 2014
We're working on increasingly complex websites. There's a tempting to match this growth with increasingly complex solutions. But there's a real value in keeping things simple ... or at least starting things simple. If you can build a solid robust foundation, there's a good chance that your work will be future-friendly.
Now that responsive design has rendered web-based design mockups more commonplace, there are plenty of tools formerly within the front-end developer's domain that can serve designers just as well. In this session, Stephen introduces you to a handful of these powerful tools and demonstrates how they can apply to browser-based design—and hopefully add a few extra to your toolbox.
Nearly four full years after Ethan's now infamous article was published, the idea of responsive email is still misunderstood at best and abhorred at worst. Having drank the "fluid + flexible kool-aid," inspired email designers have successfully applied responsive concepts within the constraints of a famously standards-adverse email universe. Set aside your cans of spam and learn how to whip your tables into submission.
Icon fonts are becoming an increasingly popular way to delivery iconography for websites. They reduce HTTP requests, provide a resolution-independent way to scale icons, and are often smaller than sprites. In this session we'll explore what icon fonts are, the pros and cons of using them, how to make your own, and best practices for deploying them.
In April 2013, Capital One launched a site-wide responsive web strategy, becoming the first Top 10 bank to do so, and joining the small list of Fortune 200 companies to embrace responsive design. Learn how this effort was brought to life through firsthand accounts by the three UI Design team leaders who developed strategy, oversaw implementation, and socialized the project through the political minefield of a large-scale enterprise.
Animations are a powerful option to add both design details and functionality to your work. When used well, motion can bring delightful moments to a user interface and improve interactions. In this session we’ll look at CSS in a whole new light and use it to craft interactions that bring our web-based work to life.
Matt Griffin and the Bearded team have been collecting interviews with some of the finest people working on the web today to discuss our changing internet landscape, how we got here, and what we're doing about it now.
The resulting documentary, What Comes Next Is the Future, collects the thoughts and experiences of web luminaries such as Ethan Marcotte, John Resig, Jeffrey Zeldman, Luke Wroblewski, Stephen Hay, Sara Wachter-Boettcher, Josh Clark, Jenn Lukas, Greg Hoy, Jennifer Robbins, Val and Jason Head, Jason Grigsby, Stephanie Hay, Kevin Hoffman, and Ben Callahan – with many more to come.
At Artifact, we'll be previewing a portion of the in-progress film, and Matt Griffin will answer audience questions.
Day Two / May 6, 2014
The web was first conceived 25 years ago, by an Englishman. Fifteen years later, as the first crop of dot.coms were going bust, close to 60% of its users (and all Alexa "top 20" sites) came from developed nations. Fast forward to today, and the picture is strikingly different.
Almost half the Alexa "top 20" now comes from emerging economies. Economies where close to 3 billion people have yet to use the web, but thanks to mobile — won't have to wait much longer to discover it.
This presentation will introduce you to fascinating and innovative services that are re-shaping the web to serve the consumers of tomorrow. Driven by mobile, the power of personal relationships, and the breakneck pace of globalisation, these services provide a glimpse into the business models, opportunities and challenges we will face, when growing a truly global web.
Many of the challenges that come from building a responsive site are based not in the technical implementation, but in the content. All your copy is now readable on a small screen, but is it useful there? Is it still serving the site and business goals? Who's actually going to write those blog posts?
We’ll talk about some approaches that content strategists use to figure out how (and if!) content should be displayed on your site, whether you’re dealing with a heavy archive of articles or a nimble webapp. We’ll explore common techniques and questions you can integrate into your workflow that will help you and your client think through the long-term content needs and goals of a new site.
The future is resolution-independence: designs that are crisp, scalable, and fast loading on every device. To get there, we need to leave our pixel-pushing days behind us and embrace the vector. In this talk, we'll cover how to decide which artwork is best as vector and when to stick with bitmaps, pros and cons of icon fonts and SVG (Scalable Vector Graphics), how to create and export your SVGs in Illustrator, techniques for adding SVGs to your markup and styles, and working with fallbacks for devices that don't get SVG.
There's no shortage of advice when it comes to process and Responsive Web Design. In real life, however, that advice is rarely plug & play. We’ll talk about addressing the inherent variability of the web through device-agnostic design: how to specifically handle things like hostile browsers, tiny screens, slow connection speeds, and a variety of input methods all while navigating process and collaboration. Trent will share stories and anecdotes from the last year’s worth of responsive projects he and his team at Paravel have worked on.
The front end web designer and developer tool chain has become more and more sophisticated over recent years. It's not easy to keep up especially if you have a fear of the command line. We'll take a look at just some of the things in the modern web toolbox covering things like the command line, Git, Grunt, and more.
Josh Clark, Brad Frost, and Jonathan Stark share a case-study presentation of their work designing responsive websites for TechCrunch and Entertainment Weekly. This is straight talk, with a focus not only on what worked, but what didn't—and how they bounced back from gnarly pitfalls. Get an exclusive behind-the-scenes look at their entire process from kickoff to early comps to finished product and working code.
Spoiler: there’s lots more to responsive web design than technique and markup. It requires a dramatic shift in design perspective, strategy, process, and the way you communicate within the design team as well as with clients and stakeholders. This crew will do a show and tell about how they set expectations, crafted a new process, and used a new set of tools to deliver great responsive websites on time and on budget.
Sure, sure, multi-screen design is a must-have as we try to cram our content into many different screens. But get ready for the next wave of design: no screen at all. As everything becomes connected, a new kind of interaction design is emerging to help us transfer not only data but behavior, control and intent between the physical objects and smart devices in our lives. With a rich trove of examples, this talk explores the passive cues and active gestures that turn us into wizards slinging bits and bytes between gadgets. Grab content from thin air and throw it into your tablet. Flick content from one device to another. Create a pied-piper cloud of data that follows you through mere proximity. This new class of physical offscreen interaction is enabled by technology that's already in our pockets, handbags, and living rooms. That means it's not a challenge of technology but of imagination. Time to start thinking in an entirely new way about what you do and where the web is headed.