List of videos

Speaker: Chen Hui Jing @hj_chen Do you cringe when you have to design and build layouts on the web? Do you get frustrated when things never go where you want them to on your page? Creating custom layouts is not a trivial task, no matter what your sales rep or account manager says. Fortunately, browsers now support a plethora of CSS properties that make building creative layouts much less painful than before. This workshop will cover a range of techniques for building cutting-edge web layouts with fallbacks for older browsers as well. It will be a practical workshop with code examples you can refer to for your future projects. Hui Jing is a self-taught designer and developer with an inordinate love for CSS. Reducing lines of code in her web projects makes her extremely happy. She used to play basketball full-time and launched her web career during downtime between training sessions. Event Page: https://2018.jsconf.asia Produced by Engineers.SG Recorded by: Zion Ng Help us caption & translate this video! https://amara.org/v/eoMX/

Speaker: Inian Parameshwaran @everConfusedGuy Sebastiaan Deckers @sebdeckers The workshop will cover different techniques on adapting websites to the upcoming HTTP/2 protocol. By the end of the workshop, participants would be well equipped with the tools and skills required to update and deploy a production-ready HTTP/2 website. We will be discussing the problems of HTTP/1.1 and how HTTP/2 helps obviate hacks such as bundling, domain sharding, etc. that were required in the HTTP/1.1 world. We will then discuss new architectures and paradigms enabled by features like HTTP/2 PUSH and the caveats to keep in mind when deploying such features to your users. Participants will learn to analyse, measure and optimise common performance problems when deploying such applications by working through the exercises in the workshop. They will also learn how to adapt their front-end tooling to be HTTP/2 ready. Finally, we will be talking about some of the new standards and protocols that are coming up after HTTP/2 and how to remain ahead of the curve. Requirements: Bring your own laptop and chargers Inian is the founder of a web performance company, Dexecure. He loves JavaScript, chocolates and anything related to web performance and security. He is a strong believer in the importance of having an open, decentralised and uncensored web ecosystem. Sebastiaan is a Singapore-based indie hacker. His recent open source work on HTTP/2 made him a Node.js Collaborator. He founded http2.live, the next-gen CDN that served you this website. Event Page: https://2018.jsconf.asia Produced by Engineers.SG Recorded by: Huiren Woo Help us caption & translate this video! https://amara.org/v/eoMP/

Speaker: Giang Nguyen, Grab Dickson Tan As developers, we take great pride and responsibility in ensuring a safe and seamless experience for visitors. However, this isn't very much the case for 39 Million blind and visually-impaired people. While America & the EU pledge efforts to make all governmental service websites accessible, there are no systems in place in the APAC region. Join us to find out what it takes to make a web experience truly seamless for those living with blindness and visual impairment, complete with challenge tasks and some prize swag. Requirements: Participants should come prepared with an Apple Laptop (Macbook, Macbook Air) running El Capitan 10.11 minimally, a laptop charger & a pair of headphones/earphones, a mouse if your trackpad is not working and Firefox browser installed. Giang earned himself a computer science scholarship in Vietnam, interned at Intel and Captcha before joining Grab as the companies first fully blind coder. Today he manages accessibility at Grab and co-leads (these)abilities’ Web & Mobile Accessibility Initiative. A true lifehacker at heart, Dickson is pursuing a degree in Computer Science in the NUS School of Computing and represents Singapore at accessibility conferences. He interned at Singtel IT and GovTech and is also the co-lead for (these)abilities’ Web & Mobile Accessibility Initiative. Event Page: https://2018.jsconf.asia Produced by Engineers.SG Recorded by: Zion Ng Help us caption & translate this video! https://amara.org/v/eoMT/

Speaker: Gurudath Reddy, Palo IT Learn how to better use React/Redux for building awesome user experiences, using optimistic transactions and data preloads. Also, we will explore advanced topics such as Hot Code Reload, Testability, Performance Monitoring, etc. Requirements: Latest version of NodeJS and NPM installed before the session. A Tech Lead and Frontend Architect at PALO IT, Guru is responsible for leading many frontend projects for global banks. His expertise includes, but not limited to, both worlds of Angular and React. He is also a stern believer in Agile, strives to find ways to make processes simpler using technology, and loves to use design thinking recipes to frame problem statements, prototype and find solutions. Event Page: https://2018.jsconf.asia Produced by Engineers.SG Recorded by: Amy Pan Help us caption & translate this video! https://amara.org/v/eoMZ/

Feross introduces The Annoying Site Dot Com (Visit this site only if you don't have anything better to do than cleaning up your browser/computer for the next hours!) Lightning Talks are 5 minute segments during which interested members of the audience can take the stage and present on a topic dear to their heart. JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018 Source: https://2018.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.

Chris plays around with SVGs to render progress indicators, spinners or other kind of circular charts or animations. Lightning Talks are 5 minute segments during which interested members of the audience can take the stage and present on a topic dear to their heart. JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018 Source: https://2018.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.

Hui Jing and Thomas open the 7th JSConf.Asia with a little gameshow about JavaScript and web development. Enjoy :) 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

What does shape the current state of Web Design? How can we leverage CSS to support the art movement on the Web? Let’s dive into art direction and trends to find a new way to express our design ideas in CSS. During my talk you will find more about the intersection of CSS code with collages techniques, anti-design aesthetics and much more. Everything will be combined with practical CSS and many examples you can use on your websites right away. I will be presenting some of my CSS experiments to show you that art has a true impact on CSS properties and new features. Find your inner designer and join me on this artistic CSS journey. Agnieszka is a coding designer with a strong focus on UX-related issues, currently working at Adobe in Warsaw, Poland. She is the co-founder of The Awwwesomes an initiative teaching how to create awwwesome things on the Web, organizing coding & UX workshops for beginners, co-organizing conferences (Front Trends 2018 and Element UX Talks) and meetups in Poland. She loves pink color and Wes Anderson's movies. 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

In recent years, web applications have largely converged to a modular approach, where self contained components make up the basic building blocks of an app. Components have offered us a way to logic in bite size digestives but they can also grow to become huge unwieldy monsters. Imagine you find yourself five years into a project, in a team of 10, over a thousand components, and a chance (albeit daunting task) to start with a fresh codebase. How would you begin designing the components? Yishu is bad at things. Bouldering, speaking Japanese, crow pose; all bad. Thank goodness she's okay at making computers do things. Currently she is a software engineer at Carousell, contributing to the web platform. Before that in her career, she has taken on multiple roles - iOS engineer, backend engineer and fleetingly a product designer. Her current favourite function is .split(). 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