Event is FINISHED

[Hong Kong] Mozilla Developer Roadshow Presents What Makes the Web Work: VR on the web, CSS Layout and Grid, Emerging Standards

Description

Join us for to listen to our Mozilla speakers address key items that affect all of the browsers we use everyday: graphic design tools, build tools, frameworks and libraries, new HTML, CSS and JavaScript features landing in browsers. Let's also look at some of the bleeding edge technologies like WebVR, which include demos and an opportunity for attendees to experience it first hand during the networking hour! Come for the talks, stay for the social afterwards where we can continue to discuss how we can all work together to make the web amazing.

Also, get your submissions in NOW for the Smashing CSS Grid Challenge


Logistics details

Auditorium for the Talks on 87th FL (Check in at Lobby first!)

Here's the Google Maps link for the location:

https://goo.gl/maps/P2UjVypynbk

  • Doors open: 7pm

  • Talks begin at: 7.30pm

  • Networking together at a restaurant on lower floors

  • Event ends at: 10pm


JOIN US AFTER FOR NETWORKING!


WebVR: Using A-Frame to create powerful interactive experience on the web

WebVR has come a long way since its inception in 2014. Multiple browsers are shipping with the API, and tools, frameworks and file formats have emerged to support a growing community of developers. Join us for a casual evening of tech talks with the Mozilla VR team that's making virtual reality a reality on the web. This event will start with a brief intro into our 2017 Mozilla tech road map and then discuss A-Frame:

A-Frame (https://aframe.io) (http://i.imgur.com/2ZY51dZ.jpg) is a web framework for building VR experiences with HTML and Entity-Component (ECS). It was created by the Mozilla VR team to make 3D and WebVR content creation easier, faster, and more accessible. A-Frame makes WebVR simple by being just HTML, but brings along the ECS pattern from the game industry and adapts it to the DOM. ECS development centers around reusable, composable, and sharable modules that we mix and match on game objects.

The Mozilla team will give a brief introduction how easy and powerful it is to develop A-Frame, putting a spotlight on the blazing growth of the ecosystem, and showing off a few of the hundreds of community demos.


CSS Grid and Layout: Creating seamless user experience on the web

In the early years of the web, there were limits on where you could put content on a web page. Now, with CSS properties powering dynamic layouts in browsers, a renaissance in layout design patterns is emerging. With new tools available to simplify your design process, you’ll be able to build your ideal webpage layout without compromising the user experience. Learn how we can leverage CSS and related tools to craft innovative designs for the web. Get a firm grasp on new CSS tools to build webpages as close to your vision as possible.


Web Animation

Firefox is leading the way in developing animation technology for the Web but how can you use it in your projects? In this session we will introduce CSS transitions, CSS animations, and the new Web Animations API using the latest Animation Developer Tools in Firefox. We will also take a peek into how animation is used in Firefox’s upcoming 57 release, and preview new Web animation technologies on the horizon.


Emerging Standards

What tools and technologies best benefits the people who design, develop, and use websites? Have you heard of WebAssembly? It’s fast. It’s being called “the future of the web”. It provides a way to run code written in multiple languages on the web at near native speed, with client apps running on the web that previously couldn’t have done so. And what's even better is that it is being developed as a web standard via the W3C WebAssembly Community Group with active participation from all major browser vendors. But what makes it fast and great for the web? Let's take a look at WebAssembly, as well as some other bleeding edge new web technologies from Mozilla in Firefox that makes web performance blazing fast.


SPEAKERS:

Hui Jing Chen

Web-developer & typography expert, Hui Jing Chen is a front-end engineer designing websites for companies. In September 2013 she got a job in the web industry and she has been busy learning new things and making cool stuff ever since. She is an absolute expert on CSS grid and Chinese typography and besides that she is also active in the Singaporean Web community. Before her coding career she played basketball full-time for six years.


Fabien Benetou

Fabien Benetou is a WebVR Freelance Developer for startups and Fortune500 companies, Mozilla A-Frame contributor and passionate for new technologies and their applications. Fabien has been making WebVR content for a couple of years and has already lead dozens of workshops, for professionals or for the public at large, in Europe and the U.S.. His interest for virtual reality comes from a need to optimize personal information management and, to do so, finding the most efficient interfaces to create and consume information: namely VR and AR today.

Brian Birtles @brianskold

Working in Sydney, Australia as a Web developer, Brian started contributing to Firefox in 2004 in the hope of fixing the Web. In 2017 he is still trying. He is now based in Tokyo, the home of anime, and works on animation features in Firefox including editing the Web Animations and CSS Animations specifications. He enjoys swimming, surfing, seafood, and anything to do with the ocean.


Daisuke Akatsuka @dadaaism

A previous formula car racer, Daisuke abandoned his dream of going pro in order to complete his studies at Tokyo Metropolitan College of Aeronautical Engineering. After working as a soba noodle cook and a welder, Daisuke decided to pursue his passion for programming and began contributing to Firefox in 2006 where he now leads the work on animation developer tools as well as contributing to other animation features in Firefox.


PRODUCTION TEAM/ CONTACTS FOR QUESTIONS:


Sandra Persing

Global Developer Programs, DevRel Events and Sponsorship at Mozilla

Sandra works with the Developer Relations and marketing team at Mozilla. She spends a lot of time dreaming up and creating developer engagement programs and investing in DevRel events through sponsorship. As the producer of the 2017 Mozilla Developer Roadshow, she’s seen a lot in terminals both holding planes and bytes. She volunteers her time as a Director for Womene Who Code, and is the CoFounder of @DevRelSummit.


Ali Spivak

Developer Outreach, Mozilla

Ali leads a team at Mozilla that engages with developers through content, events, and community participation. Working closely with the product, engineering and marketing teams, she creates a shared developer outreach strategy and drive engagement that promotes an open and accessible web. As the sponsor for the 2017 Mozilla Developer Roadshow, Ali is passionate about keeping the web open and working on things developers love (like MDN).


HUGE THANKS TO CREDIT SUISSE HONG KONG TEAM for making this event possible at their awesome location!


Updates
  • The event description was updated. Diff#279650 2017-09-20 00:59:33
More updates
Wed Sep 27, 2017
7:00 PM - 10:00 PM HKT
Add to Calendar
Venue
Tickets
FREE FULL
Venue Address
Lobby Level 9F International Commerce Centre, 1 Austin Road West, Kowloon, Hong Kong, https://goo.gl/maps/P2UjVypynbk Hong Kong
Directions
IMPORTANT: Attendees! Bring a valid identification card as names will be checked at reception lobby (9th FL) against the RSVP list. Any attendees that are not in the list might need to be consulted to contact the event hosts.
Organizer
Mozilla Developer Roadshow, Asia
361 Followers
Attendees
250