18th of November 2015, Singapore

Watch the videos!

Designing the web

18th November 2015
Red Dot Design Museum

CSSConf.Asia is where design meets developers to inspire, educate and entertain around building the world’s most engaging user interfaces.

9 AM

Huijing Chen @hj_chen

Let's begin

9:15 AM

Mathias Bynens @mathias

3.14 things I didn’t know about CSS

This talk will showcase a series of obscure CSS fun facts, such as CSS syntax gimmicks and quirks, weird tricks that involve CSS in one way or another, and security vulnerabilities that are enabled by (ab)using CSS in unexpected ways.

Mathias is a Belgian web standards enthusiast. He likes HTML, CSS, JavaScript, Unicode, performance, and security. At Opera Software he’s a member of the Developer Relations team.

10:00 AM

Jennifer Wong @mybluewristband

In the Year 2000... Designing Responsive Emails

What do you do when the project of redesigning emails AND making them responsive becomes yours? You've heard the rumors: designing emails means coding like it’s the year 2000, creating tables and adding styles inline, and throwing best practices and hopes of compatibility out the window. BREATHE. In this session, get your emails in shape for 2016 and ready for the responsive spotlight! We’ll see:

- Why you need a reusable, maintainable template and how to design one.
- When and how to use media queries and the ever controversial !important.
- What vendors and properties require CSS prefixes
- How to make desktop, mobile, and web-based clients play nicely with your code, and which ones to watch out for.

Jennifer is a self taught web developer. She spends her days on the front end, making the web a prettier and more functional place. In a former life, she was a civil engineer and is still a registered Engineer in Training (No. EIT 121059) with the California Department of Consumer Affairs. She's a jane of all trades and loves eating, coding, and sleeping.

10:30 AM

Morning coffee powered by Zopim

11:15 AM

Jeffrey Lembeck @jefflembeck

Moneyball for Performance Metrics

The story behind Moneyball was centered around using metrics— newer, out-of-the-norm metrics— to build a better performing baseball team. This strategy of measurement was wildly successful, squeezing out more wins for less money. That works for baseball, why can’t it work for the web? Focusing on our most commonly measured stats only paints half the picture. In this talk, I’ll use those same ideas to give you better ways to determine the quickness at which users can access your site and help you turn up your speed.

Jeff is a developer over at npm, inc. He writes a whole lot of code and the occasional post for A List Apart, has guest lectured and TA'd for Ada Developers Academy, and is a former member of the jQuery Mobile team. Jeff lives in Seattle where he obsesses over oyster happy hours and how to make the best negroni. He dreams of someday owning a hot tub boat.

11:45 AM

Zell Liew @zellwk

Animating SVGs

SVGs can be used to achieve amazing effects that improve users' experience on your website. They can do sweet things like icon morphing that was introduced in material design, create bouncy buttons that let the user know they're clicked, and many other effects that you can image. In this talk, we're going to dive deep into SVGs to learn how to use them, and how to create these cool effects for your own website.

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 his blog. He also authored Learning Susy and Automating Your Workflow with Gulp.

12:15 PM

Lunch is served

1 PM

Lachlan Priest@lcpriest

PostCSS - JS your CSS

My talk on PostCSS (or how I sneak JavaScript into a CSSConf), will give you a quick overview of what PostCSS can do for you, how you can leverage PostCSS plugins to take a lot of the developer error out of front-end development.

Originally from a farm in New Zealand, picked up programming while applying for a job in economics and never looked back. Mostly Rubyist, JS and CSS are my second and third loves. I teach people how to code through Rails Girls and Ruby Tea Party as I want to demystify the industry.

1:30 PM

Mark Dalgleish @markdalgleish

The End of Global CSS

The global nature of CSS selectors is often at odds with the locally-scoped nature of component-based web applications. CSS Modules are a new, community-driven attempt to allow us to import CSS into our JavaScript files, bypassing the global scope and enabling powerful new patterns for writing CSS in the component age.

Mark is the co-creator of CSS Modules, lead organiser of MelbJS, and interaction craftsman at SEEK—the most popular job site in Australia. Having got his start with HTML and UI design at a young age, he has since developed a love of open source and software engineering, but always as a means to creating elegant, usable experiences.

2 PM

Glen Maddern @glenmaddern

The Rise of Modular Style

There have been a lot of ideas and a lot of speculation about the future of CSS in the last year or so. Will we write styling code purely in JS? Will CSS still have a place, and if so, what will it look like? And how long will we have to wait before we can take the next step?
I'll be talking about two projects I've been heavily involved in — Interoperable CSS and CSS Modules. I'll show how they are fundamentally changing what CSS is capable of, drastically simplifying the areas that cause the most headaches. And, taking a lesson from the JS world and CSS preprocessors like Sass, why we don't have to wait for the browsers to catch up.

Glen is an independent front-end consultant from Melbourne, Australia. He's an organiser of CSS Conf AU, a co-creator of the CSS Modules standard, contributor to the JSPM ecosystem, and all-round builder of rad web things. But his true calling is to become the world's greatest GIF DJ (any day now...)

2:45 PM

Afternoon Snack

3:30 PM

Apoorv Saxena @apoorv_saxena

Performance beyond Page Load

Performance is now considered as a requirement, after evolving from the evolutionary phase of being a feature. Web has also evolved and so has it's reach into several devices other than desktop, which are less capable in comparison of performance. Thus, it has made all the more important for us to dive deep to learn how our CSS code works inside browser and how it affects the rendering performance of our webpage. I'll suggest you to be prepared to receive a performance dose in this talk, while I share our experiences while performance auditing several web applications.

A web standards lover, performance coach and polygot programmer. Apoorv works as Software Artisan at Wingify. In his spare time he loves to experiment stuff in kitchen and travel.

4:15 PM

Aysha Anggraini @renettarenula

Responsive Web Bloopers at Viki

How hard can responsive web be? It sounds simple: design for a number of screen sizes and just throw in several media queries and your website is now "responsive"! Unfortunately, this is not the case and responsive web hasn't made our job easier. Adopting responsive web design will force you to change your design, development, and testing workflow. Problems may also arise in different stages of the workflow. In this talk, we will talk about responsive web blunders at Viki, how we overcome it, and some tips on how you can avoid it.

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.

4:45 PM

Chris Lilley @svgeesus

WebFonts: Level up!

After attending this talk you will:
- gain a clearer understanding of what webfonts do
- be able to use the typographic richness of OpenType features in your CSS
- see how to improve performance on desktop and mobile
- be excited about cutting edge and future developments

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.

5:30 PM


Watch the videos!