Not in Kansas anymore: a new frontier for web deisgn

A presentation at Web Directions Code 2018 in August 2018 in Melbourne VIC, Australia by Chen Hui Jing

The web is a unique medium on its own and we need to establish a new normal for the web, breaking it free from the shackles of static print design. This new normal involves ceding control of our designs to the browsers that render them rather than constantly engage in this battle to dictate where every pixel should fall. Modern CSS gives us a comprehensive set of tools that lets us embrace the fluidity of the web.

Buzz and feedback

Here’s what was said about this presentation on social media.

It’s time for @hj_chen 🙌😍✨#code18 pic.twitter.com/67P2KuKXoc
— Mandy Michael (@Mandy_Kerr) August 2, 2018
@hj_chen talk on #cssgrid and other awesomeness let’s go! #code18 pic.twitter.com/inpk9mFhw2
— Andrew McDougal (@digs20) August 2, 2018
The web is a medium that morphs, and adapts, with different sizes. It is not a bug, but @hj_chen calls it a key feature of the web. #code18
— Xavier Ho 🏹 #code18 (@Xavier_Ho) August 2, 2018
Another aspect of #i18n: Intrinsic Web design @hj_chen #code18 pic.twitter.com/L64z8bRSDT
— Jonathan Weiss (@jonathan_weiss) August 2, 2018
I've always assumed vertical layouts were available. As @hj_chen pointed out, since IE 5.5. Today I learned that Chrome only supported it in 2010, and Firefox in 2015. This says *a lot* about the lack of internationalisation effort in web design #code18
— Xavier Ho 🏹 #code18 (@Xavier_Ho) August 2, 2018
Loving the globalisation (inc sporting references) perpective from @hj_chen #code18
— Sox 🌈 (@soxyface) August 2, 2018
I am in deep admiration for @hj_chen's talk on the possibilities of web design: new and old, refreshing and nostalgic. 😻 Thank you for this talk! #code18
— Xavier Ho 🏹 #code18 (@Xavier_Ho) August 2, 2018
Loving @hj_chen on internationalisation (a.k.a. i18n) and CSS layout methods - this is the real power of the web, its ability to enable global communication #Code18 pic.twitter.com/jhqhivdZps
— JulieG (@stringy) August 2, 2018
Amazing talk from @hj_chen can be accessed at https://t.co/q3PhOuHFR0 - be ready for an amazing ride #code18
— Xavier Ho 🏹 #code18 (@Xavier_Ho) August 2, 2018
Fantastic and enthusiastic talk by @hj_chen at #code18 who is championing the case for a better and more creative web through new CSS features.
— Dan Fell (@Fellmeister) August 2, 2018
Loved @hj_chen’s talk on CSS possibilities at #code18

Slides with links to demos are here (if you couldn’t see the URL from the back) https://t.co/UEYWNdHNGA

P.s. 💗 the character cards pic.twitter.com/6vDx2q4KIV
— Laura Summers 🧐 (@summerscope) August 2, 2018
CSS Grid, Flexbox and emerging layout techniques from @hj_chen — hugely inspiring, and the best quote: “interactive Beyoncé spotlights on your website, that’s what’s possible.” #code18 pic.twitter.com/6PgvXyvVBz
— Andrew Serong (@andrewserong) August 2, 2018
@hj_chen Yours was the talk of the day for me. So rich with “possibilities”! Localisation is a big focus at @CultureAmp right now and I’m so happy our team got to see all these ideas.
— Kevin Yank (@sentience) August 2, 2018
"CSS - Cascading stylesheets, not cascading shit storm"

😅 #code18
— Terence Huynh @ #UNIHACK2018 (@terencehuynh) August 2, 2018
“Browser support’s really red though...” 🧐 #code18
— Tommy Williams Ⓥ (@theRealDevgeeks) August 2, 2018