24th of November 2016

Capitol Theatre, Singapore

Thank you for supporting CSSConf.Asia!

Watch the videos!

Sponsored by

Standard Chartered Bank

With Aysha Anggraini & Zell Liew

Doors open from on 8AM

Please bring your order confirmation PDF with the QR code and a photo ID for registration.

Aysha is a front-end engineer and wannabe designer at Viki, where she works closely with the UX team in order to build functional and beautiful UIs on viki.com and Viki's internal tools. When she is not super busy (which is rare these days), she either writes about geeky stuff on her blog renaysha.me or build experimental and pretty things on CodePen (codepen.io/rrenula). She loves design, gaming, dancing, and Yoga.

Zell is a freelance web developer based in Singapore. He loves working on the web so much that he spends all his free time diving deep into tools and frameworks to find out the best ways to work with them. He then shares everything he learned on zell-weekeat.com. He also authored the books ’Learning Susy’ and ’Automating Your Workflow with Gulp’.

9 AM

Rachel Andrew @rachelandrew

Laying Out The Future With Grid And Flexbox

It is 2016. CSS is now 20 years old, and it has taken this long for us to get a true layout system designed for web pages and applications. A layout system, not based on hacking properties designed for something else entirely, but one that considers the reality of design for the web today.
In this talk I’ll introduce this new layout system, a system encompassing Flexbox, CSS Grid Layout and the Box Alignment Module. I’ll explain how these standards get into browsers, and how you can start to take advantage of them sooner rather than later.

Rachel is a front and back-end web developer, author and speaker.
Her books include the recent Get Ready for CSS Grid Layout and she is a regular contributor to a number of publications both on and offline.
Rachel is co-founder of the CMS Perch, a Google Developer Expert and an Invited Expert to the CSS Working Group.
She writes about business and technology on her own site at rachelandrew.co.uk.

9:30 AM

Kenneth Ormandy @kennethormandy

Syntax Highlight Everything

A developer employs syntax highlighting to visually differentiate portions of her code; for centuries, designers, printers, and scribes have done the same for readers. Today, advanced features built into fonts can subtly signify types of content, increase a text’s authority, and are actually necessary for many languages.
This talk introduces designers and developers to highlighting syntaxes beyond code. Learn how to access these advanced typographic features using CSS and JavaScript, and—more importantly—where to apply them.

Kenneth is an independent designer specialising in web typography.
He organises Vancouver’s typography meetup Type Brigade, and contributes to The Lost Type Co-op.
Previously he studied type design at Type@Paris, and helped launch the front-end development tool Surge.sh.

10 AM

Jimmy Monkey Coffee at your Service

10:30 AM

Chris Lienert @cliener

Access All Areas

Accessibility is about ensuring that the products we build are able to be used by as wide an audience as possible. While the ARIA specification might be daunting, building accessible interface elements isn’t as difficult as it may seem.
Chris will take you through his experience building a responsive UI library sharing the failures and successes along the way.

Chris started out as a web developer when Netscape ruled the world and is currently working as an engineering manager at CXA.
He founded community group Singapore CSS because someone had to. ;)
Aside from musical distractions and accumulating frequent flyer points, Chris and his wife Sarah can be found in the company of their small human.

11 AM

Soledad Penadés @supersole

Make Websites, Not Apps

Is there any point in building mobile websites when Android is pretty much the market leader in mobile? Has the web lost the battle to native apps? Should we just give up and write everything in React Native? Does progressive enhancement even make sense at all? And what about CSS - does anyone understand it? Is there any point in learning HTML in 2016?
In this talk, we will get answers to these and many more questions that we ask ourselves on a daily basis (even if we won't admit to it). You will leave reinvigorated, full of optimism and pride in your craft.
100% guaranteed.

Sole has been building real time stuff for longer than she can remember.
She works at Mozilla, helping making the Web the best platform (in general) and the best platform for realtime (in particular).
She writes demos to test and spread awareness about new features, often involving Web Audio, WebGL, GIFs and/or cats.
In the process she breaks various browsers and reports an unspeakable number of strange edge cases, all in pursuit of a robust platform that is a joy to develop for.

11:30 AM

Distributed Lunch

1 PM

Sarah Drasner @sarah_edo

Functional Animation

Animation is captivating. Our brains are trained to respond most intently to movement. For this reason, animation in a user experience is extremely important, and also very easy to overdo. Carefully considered animation can compose spatial maps to guide users. Animations can be responsive, resolution-independent, and make a site function intuitively.
In this session Sarah will cover a myriad of use cases, from both design and technical implementation standpoints.

Sarah is an award-winning Manager of UX Design and Engineering at Trulia (Zillow) and staff writer at CSS-Tricks.
She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working for a book for O’Reilly on SVG Animations.
For 15 years she worked as a web developer and designer and at points as a Scientific Illustrator, an Undergraduate Professor and has tutored a Byzantine Icon painter in Santorini.
Sarah loves SVG, informative animation, and welding together pieces of the DOM.

1:30 PM

Chris Lilley @svgeesus

The Evolution of CSS4 Colors

After attending this talk you will understand that color is a measurable, reproducible sensation; standardized since 1931! You will get white point adaptation. You will understand Lab color space, be comfortable with gamut volume plots, and be able to laugh at snake-oil claims about color gamut coverage in advertising. You will be really looking forward to seeing CSS4 Color implemented in all the browsers.

Chris Lilley is a Technical Director at the World Wide Web Consortium (W3C). Considered “the father of SVG”, he also co-authored PNG, was co-editor of CSS2, chaired the group that developed @font-face, and co-developed WOFF. Ex Technical Architecture Group. Chris is still trying to get Color Management on the Web, sigh. Currently working on CSS levels 3/4/5 (no, really), Web Audio, and WOFF2.

2 PM

Chen Hui Jing@hj_chen

How I Learn To CSS

Most of us regularly read web development articles or watch videos that talk about the latest web features, or techniques for implementing all the things and so on. I don't know about you, after almost 3 decades of existence, I realised I'm more of a learn-by-doing kind of person.
Building little components from scratch is a great way to cement your knowledge of CSS properties and try out all those cool things you've read or heard about. You never know when it might come in handy...

2:15 PM

Neha Sharma @hellonehha

Ten Places Where You Can Ditch JS

Making fast performing webpages is vital but using JavaScript everywhere is going to hit performance badly. Do not under-estimate the power of CSS. There are ten places where you can ditch JavaScript and use CSS instead to make your code and application happy :)

Neha hails from New Delhi, India and is working as UI tech lead full time at Toasterco.
She is a tech speaker and the organizer of the JSLovers community for web lovers.
When she is not coding or speaking at meetups she doodles. You can follow her at @hellonehha

2:30 PM

Shiya Luo @shiyaluo

3D On The Web

What are the latest trends in developing immersive visual 3D experiences in the browser and what can a JavaScript developer start working on after hearing this talk.

Shiya is a developer advocate at Autodesk. She has been advocating for 3D on the Web and things you don't always get to work on a day to day basis as a JavaScript developer, but still written in JavaScript. She has been an active member in the JavaScript community in the San Francisco Bay Area and China.

2:45 PM

Lightning Talks / Break

4 PM

Michael Mifsud @xzyfer

Real World HTTP/2

HTTP/2 has rightfully garnered a lot of interest from the web performance community. For better or worse, the story of HTTP/2 has become tied to notions of free performance and how it will make "everything we know about web performance wrong".
The reality of HTTP/2 can sometimes be sobering. My talk will aim to highlight some rarely talked about caveats, in the hopes of bringing some balance to the HTTP/2 discussion.

Michael is a performance engineer at 99designs focusing primarily on frontend architecture, tooling, and site performance.
An advocate for open source software he's currently the project lead for Node Sass and a core contributor to LibSass.
He's also heavily involved in the local developer community as part of the CSSConf AU and the MelbCSS meetup organising teams.

4:30 PM

Lea Verou @leaverou

CSS Variables: var(--subtitle)

You may have heard about CSS Variables (aka CSS Custom Properties), but think it’s not something you can use yet. Plus, you already have your preprocessor pipeline in place, why should you care? This talk will show how CSS Variables are much more powerful than static preprocessor variables and can be used today without compromising progressive enhancement. You will also learn several creative tips and tricks to take full advantage of them. As is customary with Lea’s CSS talks, expect a swath of live demos to demonstrate the material.

Lea is currently busy doing research in Human-Computer Interaction at MIT CSAIL.
She has previously written a bestselling CSS book for O’Reilly (CSS Secrets) and worked as a Developer Advocate at W3C.
She has a long-standing passion for open web standards, and is one of the few Invited Experts in the CSS Working Group.
Lea has also started several popular open source projects and web applications, such as Prism, Dabblet and -prefix-free and maintains a technical blog at lea.verou.me.
Despite her academic pursuits in Computer Science, Lea is one of the few misfits who love code and design equally.

6:30 PM

Code In The Dark with Braintree

With additional support from

Watch the videos!

Follow us on Twitter   Like us on Facebook