All the People

This is a talk from “beyond tellerrand // Berlin 2019”. Charlotte Dann was showing what it means, when she says “Taking the Web off the Screen” at the sixth #btconf in Berlin. Taking the Web off the Screen Most web developers don’t get the joyous experience of touching and feeling the things they’ve created. Interest in generative art on the web is at an all-time high, but predominantly confined to screens and pixels, without much room for tactility. Through her unwavering enthusiasm for making physical things, Charlotte will demonstrate a myriad of ways you can use your coding prowess to make art in the physical realm. About Charlotte Dann Charlotte is a creative technologist and maker. Combining her two vocations of jewellery design and web development, she created Hexatope, a web app that enables anyone to design their own jewellery online, which she then fabricates in her East London studio. You can find her anywhere Rubik’s Cubes are sold. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from “beyond tellerrand // Berlin 2019”. Natalya Shelbrune was speaking about “CSS at the Intersection” at the sixth #btconf in Berlin. CSS at the Intersection Throughout the talk I discuss the mental models we construct in tech, the cognitive dissonance we experience when confronted with new ideas, specifically about CSS. We know CSS has a separate mental model because we keep hearing the same debate rage on: “Is CSS broken or awesome?” This talk is about enabling teams to communicate and accommodate these different mental models. I share examples of effective tools, and how they change the way designers and developers interact. About Natalya Shelburne Natalya Shelburne is a developer, designer, writer, educator, speaker, and artist. She is a software engineer at The New York Times and an occasional instructor at Harvard Extension School. Natalya holds bachelor's degrees in Studio Art and Psychology, and a master's in Creativity and Talent Development. Crossing disciplines and building bridges between design and engineering is at the foundation of much of her work. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from “beyond tellerrand // Berlin 2019”. Jason Pamental talking about “Dynamic Typography with Variable Fonts” at the sixth #btconf in Berlin. Dynamic Typography with Variable Fonts Modern developments in CSS make it easier than ever to create robust, scalable, elegant typographic systems on the web. Add variable fonts and the design, technical, and performance benefits are really exciting. We’ll look at how to combine them with other CSS capabilities like custom properties, calculations, and grid to create a whole new way to think about design and development. We’ll see how they work together by using some variable fonts in layouts that work across screen dimensions, accessibility needs, design requirements, and even network speeds—better than you thought possible. I’ll also be showing the road ahead for web font performance with a sneak peak at what the W3C Web Font Working Group is researching, including a live demo of Google’s proof-of-concept showcasing the font serving speed increase potential. About Jason Pamental Jason spends much of his time working with clients to establish their typographic systems and digital strategy, helping design and development teams works smarter and faster, and running workshops about all of the above. He is a seasoned design and user experience strategy leader with over 20 years’ experience on the web in both creative and technical roles, and an Invited Expert to the W3C Web Fonts Working Group. Clients range from type industry giants, Ivy League and High Tech, to the NFL and America’s Cup. He also researches and writes on typography for the web: he’s author of Responsive Typography from O’Reilly, articles for .Net Magazine, PRINT Magazine, HOW, Monotype.com, and frequent podcast guest. Author of online courses for Aquent’s Gymnasium platform and Frontend Masters. He’s an experienced speaker and workshop leader, having presented at over 50 national and international conferences. The real story: mainly he just follows Tristan and Tillie around Turner Reservoir, posting photos on Instagram. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from “beyond tellerrand // Berlin 2019”. Mike Hill explained “The Story of You” at the sixth #btconf in Berlin. The Story of You Why do we do the things we do? What really drives our personalities? And how do our personalities form in the first place? Each of us is complex and unique – but much like a handful of chords can produce a unique piece of music, or a few colors can combine into a full spectrum – our personalities are composed of far fewer ingredients than we might expect given the huge diversity we see in ourselves and those around us. Utilizing modern neuroscience aswell as a contemporary system of psychology embraced by Hollywood Director David Fincher – the award-winning psychological storyteller behind Fight Club, House of Cards, Mindunter and The Girl with the Dragon Tattoo – this talk will simplify what complex psychology can tell us about why we behave the way we do in a simple, beginner friendly way. This talk will provide you with a new way to understand you – and bring a new level of understanding and empathy for those around you – and shed light on the unconscious mechanisms that operate below the surface of your awareness – and how these automated mechanisms shape your life and your behaviour. About Mike Hill Mike is a multi-disciplinary designer working in the film and video game industry. Mike designs worlds for the entertainment industry, creating concepts for film, TV and video games. Among other projects, Mike has designed for films such as Blade Runner 2049, HBO's Game of Thrones, as well as for video games such as the best-selling Call of Duty series Sony's award-winning Horizon: Zero Dawn and the upcoming Dune and more. Mike's works have been published in the Spectrum series as well as in Expose 3: The Finest Digital Art in the Known Universe. Mike contributes to magazines such as Popular Mechanics and 3D World and is regular lecturer at events such as Industry Workshops in London as well as Portugal's Trojan Horse was a Unicorn. Mike's major interest is in the psychology of storytelling and how an understanding of mythology and contemporary psychology is crucial to understanding how great stories work. Mike currently works as a design consultant in the film industry - advising on scripts as well as creating production designs for upcoming unannounced projects. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from “beyond tellerrand // Berlin 2019”. Wilfrid Wood spoke about being a “Headbuilder” at the sixth #btconf in Berlin. Engaging Empathy Everything around us moves so quickly; we are inundated with content, news, ideas and opinions with a ferocious consistency. As we go through our days filled with meetings, emails, conference calls and the tasks of our role, it gets more and more challenging to truly connect with those around us, especially our coworkers. That connection is what drives optimal collaboration, productive communication, and an overall sense of positivity on teams. So how do we achieve that? How do we connect with others in an environment that seems to only drive division? And how do we truly engage with one another in a way that fosters a culture of innovation, openness and inclusion? With vulnerability and, especially, with empathy. Empathy and vulnerability aren’t necessarily two words associated with professional success, but they are invaluable to achieving the long-term goals managers and leaders set for their teams and companies as a whole. This talk dives into each of those topics. We’ll define what real-word empathy is and why it’s imperative in offices; explain why vulnerability is the gateway to opportunity; and finally, we’ll discuss how to truly connect with those around us by engaging empathy at work. About Sharon Steed Sharon Steed is an international keynote speaker, author and founder of Communilogue, a corporate empathy and communications consultancy. Sharon is a subject matter expert on empathy at work. She has spoken at companies and conferences from various industries in 15 countries spanning four continents on improving team communication and collaboration through engaging empathy; vulnerability as a professional asset; and has given a TEDx talk on empowering insecurities. A lifelong stutterer, she uses her speech impediment to both teach what empathy is and inspire audiences to engage in empathy actions daily. An author and course instructor for O'Reilly Media, Inc., her live online training “Empathy at Work” is held continuously throughout the year and her eBook Empathy at Work is available in the O’Reilly library. Sharon’s course “Communicating With Empathy” is available on LinkedIn. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from beyond tellerrand // Berlin 2019. Wilfrid Wood spoke about being a “Headbuilder” at the sixth #btconf in Berlin. Headbuilder What makes a good portrait? Do portraits often say more about the artist than the sitter? What kind of face is good to do? What can you tell about someone’s personality from their face? I’ll be talking about my time at cult TV show Spitting Image, boring jobs that pay, interesting jobs that don’t, plus drawing people every day at my flat in Hackney. About Wilfrid Wood After dumping a career in graphics, Wilfrid plunged into prop making at cult classic British television show, Spitting Image. Here he learnt his trade as an ‘apprentice headbuilder’, starting in the Eyeballs and Blinks department and moving on to Dogs and Sheep. 25 years later he is now a portrait artist. His subjects are famous people, invented characters, strangers and friends. He spends hours studying characters in the supermarket, on the bus and in celebrity magazines. Wilfrid is commissioned to make both sculpted and drawn portraits, regularly drawing people from life in his Hackney studio. Currently he is engaged in a series of pastel portraits, mainly of curious individuals who have made contact through Instagram and volunteered their time. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from beyond tellerrand // Berlin 2019. Cassie Evans gave a talk about “Interactive Web Animation with SVG” at the sixth #btconf in Berlin. Interactive Web Animation with SVG Have you ever felt uninspired by the every-day grind? Like coding is all work and no play? Come with me as I take you on a whistle-stop tour of delightful SVG animations. I’ll also ask for some audience participation, as interaction is what makes motion on the web so fun! By the end of this talk, you will feel enthused and inspired to make your own creative web animations with SVG. About Cassie Evans Cassie has a lot of love for animation, especially animation on the web. She can usually be found tinkering on Codepen and nerding out about colour palettes. She is a core organiser of codebar Brighton, a non-profit initiative that runs free programming workshops and currently works as a Front-end Developer at Clearleft in Brighton. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from beyond tellerrand // Berlin 2019. Aaron Gustafson presents “Conversational Semantics” at the sixth #btconf in Berlin. Conversational Semantics This would branch off from my Designing the Conversation talk that I’ve given off and on for the past few years. The focus is understanding semantic HTML and the framing is the importance of this stuff in the world of headless UIs (like Alexa, Cortana, etc.). I plan to cover semantic meaning and how that translates into something that is meaningful for voice assistants and bots, taking advantage of native browser features to help users fill in forms more quickly via voice, and could even talk a bit about using JavaScript for speech recognition and synthesis if that’s of interest. About Aaron Gustafson As would be expected from a former manager of the Web Standards Project, Aaron Gustafson is passionate about web standards and accessibility. He’s been working on the Web for over two decades now and is a web standards advocate at Microsoft. In addition to working closely with the Edge team, Aaron works with partners on Progressive Web Apps, with a focus on cross-platform compatibility. He penned the seminal book on progressive enhancement, Adaptive Web Design, and has been known to have some opinions, many of which you can read at aaron-gustafson.com. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche

This is a talk from beyond tellerrand // Berlin 2019. Jeremy Keith presents "The Layers of the Web" and opened the sixth #btconf in Berlin with it. The Layers of the Web The World Wide Web turned 30 this year. The web has changed quite a bit over that time. But progress has been evolutionary rather than revolutionary: changes have accreted on top of what has come before. This layered iterative approach also works for building websites. Together we'll uncover how to build resilient, performant, accessible and beautiful structures that work with the grain of the materials of the web. About Jeremy Keith Jeremy Keith lives in Brighton, England where he makes websites with the splendid design agency Clearleft. You may know him from such books as DOM Scripting, Bulletproof Ajax, HTML5 For Web Designers, Resilient Web Design, and, most recently, Going Offline. He curated the dConstruct conference for a number of years as well as Brighton SF, and he organised the world's first Science Hack Day. He also made the website Huffduffer to allow people to make podcasts of found sounds—it's like Instapaper for audio files. Hailing from Erin's green shores, Jeremy maintains his link to Irish traditional music running the community site The Session. He also indulges a darker side of his bouzouki-playing in the band Salter Cane. Jeremy spends most of his time goofing off on the internet, documenting his time-wasting on adactio.com, where he has been writing for over fifteen years. Additional Information Info about beyond tellerrand Audio edited by Stefan Nitzsche