List of videos

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. We can use variable fonts with pre-existing technologies to improve our font performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events which might allow us to modify our fonts to aid in storytelling, or achieve improved readability and legibility in different situations, environments or on larger or smaller screens. Let’s begin to explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts. Mandy’s passion is CSS, HTML and JS, she has a particular interest in web typography, accessibility and modern layouts, and hopes to inspire that passion in others. With the aim to create a community of web developers who can share, mentor, learn and grow together she is a co-organiser and Director of Mixin Conf, the founder and co-organiser of Perth’s front-end developer meetup Fenders and currently works as a Development Manager at Seven West Media in Western Australia. JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

We can use Web Components to create reusable solutions. With Custom Elements, the Shadow DOM, HTML Templates, the Web Speech API, and a little ARIA, we can create a progressively more advanced solution for anyone who wants to listen to content; and when the Accessibility Object Model (AOM) lands, we'll be able to do even more. Léonie is Director of TetraLogical; a member of the W3C Advisory Board; co-Chair of the W3C Web Platform Working Group; and a member of the Accelerated Mobile Pages (AMP) Advisory Committee. Amongst other things, Léonie is co-organiser of the Inclusive Design 24 (#id24) conference; co-author of the Inclusive Design Principles; and mentor to young people interested in the fields of accessibility and inclusive design. JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

ES Module support in Node v12 is not just a refinement of the support it has in Node v10, but is rather pointing to a direction in which Node and browser ES Modules converge into one system, a system which will enable ES modules to "just work" within the native npm ecosystem, without the need for transpilers or bundlers. This talk will examine this, and show how this will be possible in the upcoming years. From the olden days of DOS, Gil was, is, and always will be a software developer. He has co-founded WebCollage, survived the bubble collapses, and designed cloudy projects at Wix. His current passion is figuring out how to test software, a passion which he has turned into his main job as Senior Architect at Applitools, where he develops tests for software that tests software, which is almost one meta layer too many for him. This talk is sponsored by AppliTools - https://applitools.com JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

Most libraries and abstractions for creating graphics in Javascript are focused on 2D shapes (SVG and canvas) or simulating 3D rendering. The talk will instead explore generative graphics inspired by modular, analog video synthesizers from the 1970s, in which visuals are created by routing, transforming, and recombining multiple sources and outputs in realtime (such as cameras, videos, and application windows). By using WebRTC to share video peer-to-peer, each browser/device can output a video stream, and receive and modify video streams from other browsers/devices. Transformations to the color, coordinates, and blending of a visual source are abstracted as separate Javascript functions which can be chained and composited to create complex visual patterns. The talk will explore technical, aesthetic, and collaborative possibilities of treating a web app as a series of interconnected and heterogeneous nodes, rather than as a specific “site” or “place”. Olivia is an independent programmer and artist who works frequently with audiovisual installations, interactive visuals for dance performances, cartography, live-coded visuals, and experimental interfaces. She is the developer of Hydra, a browser-based platform for networked visuals that is inspired by analog modular synthesis. Originally from San Francisco, she currently lives and works in Bogotá, Colombia. JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

The Internet of today originated as an experiment in the West. But as it expands to accommodate a larger user base in Asia, huge gaps are created between what the consumers want and what engineers build in a digital solution. - How can we build websites for illiterate people? - How can we improve the performance of our websites in spite of terrible infrastructure? - How can we come together to make the best digital experience we can for the people who have only started embracing the internet recently? Because they will be the users of tomorrow. Keerthana is a software engineer living in the sunny town of Cochin, India where she works as a full stack web developer. She is passionate about building the best websites she can and made her conference stage debug at Node + JS Interactive 2018. JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

People make things. You make things. Most of the time you make Very Serious Things™️ that help your bosses sell more shoes or saxophones or those tiny coffee packets. And that’s good, because you gotta eat and stuff. But something else has gotta eat, too: your brain. Music is creation, art is creation, code is creation. I think it’s important to goof around with code sometimes, or make things that let other people goof around with code. And sometimes, that becomes the Very Serious Thing™️. Magenta.js is one of these things; let's talk about it! Monica works on Magenta, in Google Brain, where she makes generative music and art with Machine Learning. In the past she's worked on Polymer, web components, and Chrome, and has probably at least once broken the Internet for you. She is unreasonably excited about emoji, wary of web fonts, and will become your best friend if you bring her cheese. On second thought, she may be a mouse. JSConf.Asia - LASALLE College of the Arts, Singapore - 14 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

Surprised of too many things went wrong in your UI components? 🤔 Ever felt that freeing your components from bugs is a never-ending endeavour? 🤮 Familiar with this kind of code in React? 😏 Join Zains journey in solving those kinds of issues using State Machines and see how they go in action with React Hooks. 🥳 Zain is an Indonesian developer working at Ninja Van as a Senior Software Engineer to help reshape its user-facing products to be more reliable and user-friendly. His passion in JavaScript drove him to spend his spare time learning it to switch from Backend Development to Frontend Development. He also enjoys playing musical instruments and hanging out with his family. JSConf.Asia - LASALLE College of the Arts, Singapore - 15 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

"Machine Learning For Front-End Developers" was presented by Charlie Gerard at JSConf.Asia 2019 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 now 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. Charlie is a software developer in Sydney. She is passionate about creative coding and building interactive prototypes mixing science, art and technology. She also spends time giving back to the community by mentoring new developers, contributing to open-source projects and speaking at events. JSConf.Asia - LASALLE College of the Arts, Singapore - 15 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

Wondering how to build offline first web apps nowadays? Let's build our own recipes to iterate faster creating offline first web app with data synchronization capability. Anshori is part of engineering at eFishery (an Indonesian IoT startup on aquaculture). He crafts code by night 'till morning and debug human and process at noon. He loves data and engineering much while enjoying product development side. He dedicated himself for social cause and accessible technology for equality. The terminal console is where he grew up. JSConf.Asia - LASALLE College of the Arts, Singapore - 15 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know