Skip to main content

Boooo-yah! You've landed on an (unfinished) open Beta of the next SmashingMag.
Something looks weird? Report a bug on GitHub or via email (Also: beware of cats.)

Upcoming Events

San Francisco

Featuring front-end ingredients, UX recipes and nothing but practical beats from the hidden corners of the web. Only practical, real-life techniques and recipes you can learn from and apply in your job straight away!

What's a SmashingConf like? We've prepared a little elevator speech with photos and videos from past events. Also, here's a Convince Your Boss PDF (1.1 Mb) to convince you-know-who to send you to the event. Obviously.

Get Tickets

Get 10% discounts off all tickets with a Smashing Membership.

The Speakers

  • Tim Kadlec
    Once More, With Feeling
  • Rachel Andrew
    Laying Out The Future With Grid And Flexbox
  • Sarah Drasner
    Innovative SVG Animations
  • Jessica Svendsen
    Designing for Display
  • Tin Kadoic
    Taking Responsive a Step Further
  • Erika Hall
    Beyond Measure
  • Laura Elizabeth
    Selling Design Systems
  • Jason Grigsby
    Why You Should Build A Progressive Web App Now
  • Christian Holst
    Conversion Rate Optimization Techniques in eCommerce
  • Marcy Sutton
    The Links vs Buttons Showdown
  • Nadieh Bremer
    Hacking The Visual Norm
  • Mark Robbins
    CSS and Interactive Email
  • Nathan Curtis
    Scalable Design Systems
  • Vitaly Friedman
    Smart Responsive UX Design Patterns

Event Schedule

Day 1
  • Doors Open
  • Welcome and Introduction
  • Denys M. Mishunov

    Denys M. Mishunov

    The Perception of Performance

    "A website should load in less than a second; we should reduce the number of server requests; keep your javascript and CSS files merge and compressed under 50 kilobytes.” These are just a few of technical solutions and recommendations we are getting in the industry to tackle the performance issues. But there is one catch – your users don’t care about kilobytes, milliseconds and number of requests. Performance is not about Mathematics. Performance is about Perception. Thereby user’s perception of your website’s speed is the only true performance measure.

  • Laura Elizabeth

    Laura Elizabeth

    Selling Design Systems

    The battle between designer and developer has often been written about. An oversimplified conclusion to these posts would be to empathise and learn the basics of the other’s craft. This is great advice but not very practical. Pattern Libraries (or style guides) not only help the developer implement the designer’s work more easily, they also force the designer to think about how their work is going to be used in the web. Pattern Libraries could very well be the end of the war between the two disciplines. This talk will outline not only the why of the Pattern Library but also (and crucially) the how.

  • Coffee & Snacks
  • Mark Robbins

    Mark Robbins

    CSS and Interactive Email

    Email has often been overlooked as simplistic, outdated and limited but with modern webkit based email clients accounting for over 60% of opens the possibilities have really opened up. The new age of email is a fully interactive experience based in modern CSS (with a solid fallback for Outlook).

  • Nadieh Bremer

    Nadieh Bremer

    Hacking The Visual Norm

    There are so many visualization tools out there today, most with a pre-made set of charts. But trying to wrangle your data to fit (uncomfortably) into the default charts is not the right mindset. Adjust the visual to your data, not the other way around. You don't necessarily have to be a code wizard to let your creativity run free. Even with the defaults, you can become creative by using them in a different way, combining layouts or chart types to create something new, or even changing small pieces of code from existing visualization frameworks.

  • Lunch
  • Nathan Curtis

    Nathan Curtis

    Beyond the Toolkit: Spreading a System Across People & Products

    A design system is made up of parts: visual style, UI components, code, editorial, and often more. We know how to design, build, deliver them is like any other digital product development process. And there’s the rub: your system is a product in and of itself, applied to an enterprise’s ecosystem of other products built by autonomous teams of designers and developers.

  • Marcy Sutton

    Marcy Sutton

    The Links vs Buttons Showdown

    Who would win in a showdown between HTML Links and Buttons? Marcy Sutton will settle it once and for all by pitting these opponents against each other in a dream match. Battles as simple links vs. buttons when designing and developing web interfaces can have significant impacts on users, including those with disabilities. By considering the strengths of each competitor, we can be more informed about making the right choice; from lesser-known features of HTML forms to conventions in client-side routing to effective use of WAI-ARIA. Come for the showdown, leave with practical UI tips for your next project.

  • Coffee Break
  • Christian Holst

    Christian Holst

    Conversion Rate Optimization Techniques in eCommerce

    In this talk, Christian will be sharing practical insights into conversion rates optimization in eCommerce projects. You'll walk out with a bag full of actionable insights that you can apply to your projects right away to generate more revenue from every user visit.

  • Jason Grigsby

    Jason Grigsby

    Why You Should Build A Progressive Web App Now

    There’s been a lot of discussion about how to build a progressive web app but not a lot of discussion about why businesses should invest in them. Better user experience, faster performance, more engagement—Jason Grigsby explains why progressive web apps are no-brainers for most websites.

Day 2
  • Doors Open
  • Welcome
  • And so the mystery begins...
  • Erika Hall

    Erika Hall

    Beyond Measure

    Site analytics. The quantified self. Big data. We can track, measure, and store more than ever before. This is naturally exciting to designers and technologists who want to make better informed decisions. But more data doesn’t necessarily create more meaning, and might even make it harder to see what matters. Human experience does not reduce to an engineering problem and what we can’t count still counts in an increasingly quantified world.

  • Coffee & Snacks
  • Tin Kadoic

    Tin Kadoic

    Taking Responsive a Step Further

    More and more, we think about responsive design beyond just RWD. The future of interactions is being redefined each day with new devices, emerging ecosystems and unplanned user flows. Could responsive design be perceived as intelligent? Should our daily tools act (and feel) smarter? Is it too much to ask for designers and developers to go that extra mile, and minimize the friction that is often created by poor interactions, integrations and experiences. Now that we are designing with screen sizes and aspect ratios in mind, we should go a step further and plan strategically to utilize the device data that’s already collected and available. Tin's talk provides case studies of where intelligent design with fewer features has had a great impact. In this session you'll expand your definition of responsive beyond RWD, rethink how you design and develop responsive software, see examples of how intelligent design can improve industry-leading applications, see how you can include Smart First approach into your UX and UI processes.

  • Jessica Svendsen

    Jessica Svendsen

    Designing for Display

    Display design requires arresting attention, whether in a mobile feed or a street billboard. Demanding an audience’s attention in an age of distraction requires a design approach that isn’t expected or safe, but unpredictable and new. This talk will cover multiple projects, ranging from brand identity to conceptual proposals, from literary analysis to experimental typography. Together, these projects present a method of re-introducing unpredictability in design.

  • Lunch
  • Sarah Drasner

    Sarah Drasner

    Innovative SVG Animations

    By now most Front-End Developers know the benefits of working with SVG: great support, resolution, and scalable images that can reduce the needs for multiple HTTP requests and be easily scaled to multiple viewports. But SVGs are capable of so much more. In this session, we’ll manipulate vectors with a myriad of creative techniques, ranging from the practical, such as data visualization with React, to the delicate, such as imitating candle smoke with morphing path data. We'll go over how to increase engagement and performance with examples and case studies. We’ll use SVGs as a window with clipPath, push the boundaries of the CPU with filters, and even combine techniques to create otherworldly effects.

  • Rachel Andrew

    Rachel Andrew

    Laying Out The Future With Grid And Flexbox

    CSS is now over 20 years old, yet it has taken this long for us to get a true layout system designed for web pages and applications. A layout system, not based on hacking properties designed for something else entirely, but one that considers the reality of design for the web today. With CSS Grid Layout landing in browsers, it is time to get to grips with this new layout system and discover how CSS Grid Layout works alongside Flexbox and the Box Alignment module to bring real layout to the web for the first time. In this talk you’ll learn the basics of Grid Layout and how it fits with existing layout methods such as Flexbox. You’ll also discover how these new standards get into browsers and how CSS itself has evolved to give you a way to support older browsers while taking advantage of these new specifications.

  • Coffee Break
  • Tim Kadlec

    Tim Kadlec

    Once More, With Feeling

    As an industry, we’re starting to recognize that what really matters for performance is how fast the experience feels. While this seems like a relatively minor revelation, in reality it requires a significant shift in the way we approach speed online: everything from the way we measure to the optimizations we use. Let’s look at how to reframe performance on the web, and what techniques and technologies are out there to help us create experiences that feel fast and frictionless.

  • Closing Remarks
  • Photowalk, meet outside the entrance

Workshops

  • Christian Holst

    Christian Holst will run:

    Hands-on Checkout Optimization Workshop

    Full-day workshop • April 3rd



    In this full day checkout optimization workshop Christian Holst, research director at the Baymard Institute, will share their newest checkout usability test findings, uncovered during the past 7 years of large-scale testing of e-commerce sites and from working with clients like Etsy, Office Depot, Sears, Kohl’s, Nike, John Lewis, Carnival, T-mobile, Overstock.com, The North Face, etc.

    In the 4 workshop modules we will be working through all core aspects of the checkout flow; from shopping cart to order “Thank You” page.

  • Nathan Curtis

    Nathan Curtis will run:

    Scalable Design Systems

    The role of design with large organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale makes it increasingly challenging to align designers and product teams to deliver cohesive, consistent experiences across a customer journey.

  • Vitaly Friedman

    Vitaly Friedman will run:

    New Front-End Adventures in Responsive Design

    Full-day workshop • June 15th

    With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

  • Tim Kadlec

    Tim Kadlec will run:

    Building Performant Websites

    Performance is a critical consideration for online experiences. We don’t stand still on the web. We click links, we expand menus, we move from page to page — we are constantly having our experiences shaped by how quickly each of these interactions takes place.

  • Nadieh Bremer

    Nadieh Bremer will run:

    Creative Data Visualization Techniques

    With so many tools available to visualize your data, it’s easy to get stuck in thinking about chart types, always just going for that bar or line chart, without truly thinking about effectiveness. In this workshop, Nadieh will teach you how you can take a more creative and practical approach to the design of data visualization.

  • Rachel Andrew

    Rachel Andrew will run:

    Advanced CSS Layouts With Flexbox and CSS Grid

    This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving layout, from those you are safe to use right now even if you need to support older version of Internet Explorer through to things that while still classed as experimental, are likely to ship in browsers in the coming months.

  • Sarah Drasner

    Sarah Drasner will run:

    Advanced SVG Animation

    SVG is just starting to have its heyday. This trend towards heavy adoption means that people should be aware of optimization techniques, how to begin by designing for performance, and how to animate complex, responsive, and beautiful animations with simple and easy-to-debug code for production.

  • Vitaly Friedman

    Vitaly Friedman will run:

    New Front-End Adventures in Responsive Design

    Full-day workshop • June 15th

    With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

Locations

Conference

Palace of Fine Arts

3301 Lyon Street
San Francisco
CA, 94123

Our conference venue, the Palace of Fine Arts, is located on Marina District on 3301 Lyon Street, near the Golden Gate Bridge waterfront. The area is one of San Francisco’s most beautiful areas, with breathtaking views of the bridge and Alcatraz Island. Parking spots are limited (ca. 80 spots), so we definitely recommend public transportation or coming by a Lyft, taxi, Sidecar, Uber and Carma. For any questions, please don’t hesitate to reach out to Amanda — she’ll make sure to assist you with any questions.

Workshops

SF State University — Downtown Campus

Westfield San Francisco Centre 835 Market Street, 6th Floor

The Downtown Campus of San Francisco State University is unlike any campus we’ve seen before. This unique campus takes place on the 6th floor of the Westfield San Francsico Centre, with all classrooms configured around a vertical glass-enclosed atrium that offers wonderful views in all directions from the historic sky-lit dome, across to adjoining classrooms and below to shopping activity.

Why Should You Attend?

Pretty much because of the value SmashingConf will provide. We’ll explore how designers and developers work, design and build and how they approach problems strategically. Think of it as a playbook with handy rules of thumb for your next projects: it can’t get more practical than this.

Take a look at some of the videos from previous events, and check out some of the photos—The Smashing community is truly smashing, fun, inclusive and a delight to be a part of!

Watch SmashingConf Videos
Registration at SmashingConf SmashingConf Cody look-alike attendee SmashingConf attendees cheering SmashingConf attendee on the Smashing couch SmashingConf attendees with the chocolate fountain Una Kravets in Lego land I heart this Lego SmashingConf attendees using an iMac SmashingConf attendees building with Lego

Conference photos by our good friend Marc Thiele.




Convince your boss (PDF)
“8 reasons why you should send your incredibly hard-working, deserving employee to the SmashingConf” (PDF). Quite self-explanatory, really.

Need to convince your manager to send you to the SmashingConf? No worries, we’ve got your back! We prepared a neat Convince Your Boss (PDF) (0.15 Mb) that you can use to convince your colleagues, friends, neighbors and total strangers to join you or send you to the event. We know that you will not be disappointed. Still not good enough? Well, tweet us @smashingconf and we’ll help you out — we can be quite convincing, too, you know!

Download the PDF

Get Your Ticket!

Hurry up: we have only 274 tickets left and just 50 early bird tickets.
We reserved 20 student tickets, too — just send your ID to Mariona.
(Ah, tickets are cheaper with a Smashing Membership, you know.)


Conference Tickets

  • Conference Ticket Early Bird
    549
    Sold Out
  • Conference + Workshop Ticket Save $100
    998
    Sold Out
  • Conference Ticket Regular Ticket
    599
    Sold Out

Workshop Tickets

  • 499
  • Scalable Design Systems With Nathan Curtis
    499
  • 499
  • 499

Workshop Tickets

  • 499
  • 499
  • Advanced SVG Animation With Sarah Drasner
    499
  • 499

Sponsored by: