Joining us for the fourth edition in Bristol are...

Schedule

All sessions and timings are subject to change. We will update the schedule as soon as we confirm talks and side events.

Thursday (Workshops)

  • 9:00

    Talk Details

    Val Head

    Essential Web Animation Techniques: The Web in Motion

    New and updated for 2020!

    This workshop will get you started with the essentials of web animation. We’ll cover the basics of motion design theory as it applies to the web, and how to use animation to improve the user experience. Throughout the workshop we’ll use hands-on exercises to explore the similarities and differences of animating with CSS, JavaScript, and SVG. You’ll leave knowing how to bring your work to life with skill and which web animation tool to use to get it done. Due to GSAP updates and some neat CSS changes, Val is updating 90% of the workshop's content!

    If you’re a front-end developer or web designer looking to improve your web animation skills, this workshop is for you!

    What you'll learn

    • Animating with CSS, JavaScript, and SVG
      Using hands-on code exercises, we’ll look at what animation tasks each of these are best at, how to choose between them, and how they can work together. We’ll cover the basics of animating with CSS, SVG and the Greensock JavaScript animation platform.
    • Classic animation techniques worth stealing
      The “12 classic principles” and other useful motion techniques as applied to web animation. We’ll look at the short list of principles that matter most for interaction, and how they translate to the world of web animation.
    • Animation and performance
      Animation can have both tangible and perceived effects on performance. We’ll cover which properties browsers can animate most efficiently and how to improve perceived performance with the clever use of animation.
    • Inclusive animation
      We’ll cover accessibility and inclusive design considerations for web animation. We’ll discuss how the WCAC applies to your animation choices, how to avoid creating harmful animations, and setting up your animation to be more resilient for the web.

    What you'll need

    No prior experience with web animation is required, but foundational HTML and CSS knowledge is recommended. Familiarity with JavaScript is helpful, but not required.

    A laptop with a current version of Chrome or Firefox and a free CodePen account will be needed to participate in the workshop exercises.

    Location

    Please note this workshop will take place at the Waterfront: Welsh Back, Bristol, BS1 4SB.

    Lunch, snacks and tea and coffee are included. Save £95 when signing up for an early bird conference and workshop bundle!

  • 17:00

    Workshop ends

Friday (Conference)

  • 8:45

    Details

    Registration and Welcome

    Pick up your conference pass, grab a tea or coffee and start mingling and exploring the sponsors' stands!

  • Talk Details

    Paul Boag

    Encouraging Clicks Without the Shady Tricks

    Every website seeks to encourage visitors to do something, whether it's to place an order, make a donation or sign up to a mailing list. But how do you do that without alienating users? After all, we now live in a world where one disgruntled customer can destroy a brand. In this talk, Paul Boag will teach you the art of encouraging clicks.

    The presentation will help you:

    • Master the foundations of conversion optimisation
    • Understand the psychology of decision making
    • Discover how to reduce cognitive load and why that matters
    • Learn how to persuade people without alienating them
    • Create compelling calls to action
    • Improve your conversion rate into the future
  • Talk Details

    Charlie Gerard

    Machine Learning for Front-End Developers

    Machine learning can have some pretty complicated concepts to grasp if you’re not a data scientist. However, recent developments in tooling make it more and more accessible for developers and people with little or no experience.

    One of these advancements is the ability to train and run machine learning algorithms and models in the browser, opening this world to front-end developers to learn and experiment.

    In this presentation, we will talk about the different applications, possibilities, tools and resources, as well as show a few examples and demos, so you can get started building your own experiments using machine learning in JavaScript.

  • Talk Details

    Val Head

    Making Motion Inclusive

    Let’s clear the air about animation and inclusive design. It’s a common misconception that things like inclusive design and accessibility only come at the cost of design details like motion, but that’s just not the case. Whether it’s microinteractions, animated illustrations, or larger animated experiences, a little care and consideration can go a long way towards getting the best of both worlds.

    In this dynamic session, Val will show you how to build animated interactions with inclusivity in mind from the start. We’ll discuss how to apply web accessibility guidelines to modern web animation, when and how to implement reduced motion, and approaches to building up animated interactions for a solid standards base.

  • Talk Details
  • Talk Details

    Hannah Smith

    A Greener Web: What If Our Tech Communities Declared a Climate Emergency?

    Humanity is facing an unprecedented crisis from the effects of climate change. The science is clear: the world is warming, and the breakdown of our climate has begun. There’s no denying this is scary stuff.

    Across the world bodies of authority such as governments, local councils and businesses are declaring a climate emergency as a way of creating a powerful catalyst for community-wide action. But what about our tech communities, both open source and commercial businesses? Are we missing opportunities to contribute as fully as we can?

    In this talk, Hannah will explore how tech and the internet fits into making our world a more sustainable place. She’ll cover:

    • How tech and the internet impacts upon carbon emissions and the environment.
    • Actionable takeaways for anyone working in the tech sector (developers, designers, marketers etc) on what we could do differently to make our tech and the internet greener – it’s not always as hard as you think!
    • What could happen and what it would mean if our tech communities took collective action and declared a climate emergency.
  • 17:15

    Details

    End and Drinks!

    Join us for a free drink on us!

Location

Pixel Pioneers Bristol will take place right at the harbourside in the heart of the city. We've put together a little guide to our venues, places to stay and eat, and other great things to see in Bristol.

M Shed
Conference Venue

M Shed

Princes Wharf, Wapping Rd, Bristol BS1 4RN, UK

The M Shed, a former 1950s transit shed, is a cultural landmark and now museum telling the story of the city and its unique place in the world. Bristol Temple Meads train station is only a short walk away, and there are also two small carparks nearby.

Don’t miss a thing!

Stay up to date with the latest Pixel Pioneers event news and blog posts. Our regular newsletter is packed with practical and inspiring content, handpicked by Oliver Lindberg, and it’s here that you will also find out first about any discounts and offers that we have lined up for you.

Huge thanks to our partners

  • Balsamiq
  • Adobe XD
  • GURU
Partner with us

Without the stellar support of our partners, it wouldn’t be possible to run these events, and even if it was, the experience just wouldn’t be the same. If you’re interested in getting involved, just drop us an email and we’ll discuss how we can team up.

Get in touch