In this full-day front-end workshop on Thursday June 7 2018, Rachel Andrew will be showing and teaching us how to design and develop modern layouts.

CSS Layout has been stuck somewhere around 2006 for a while now. We have had to attempt building complex layouts using tools such as floats and positioning, which were never designed for complex page and application layout. However, things are changing, and it’s a great time to take a look at the layout methods that are already part of modern CSS, and those coming to us in the very near future.

The workshop

This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving lay-out, ranging from methods you can use right now even on older versions of Internet Explorer, through things that while still classed as experimental, are likely to ship to browsers in the coming months.

The aim is to teach you methods from working on real projects, alongside sharing some of the exciting things that Rachel has been experimenting with as she is looking into emerging specifications. This will be a practical workshop, where we will work through code examples together, and you’ll have those worked examples to take away to experiment with further or to share with your team and clients.

What you’ll learn

Building multiple-column layouts
Building with Flexbox and CSS Grid Layout
Other emerging specifications of interest, eg. Exclusions, Regions, Box Alignment
Strategy for advanced CSS layouts: when and how to use each specification?
Practical suggestions for using these techniques without locking out users of old browsers.

Who it’s for

This workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS.

What to bring

Please bring your own laptop (Mac or Win) with your favorite text editor.

More information on Webconf.asia/advanced-layouts-workshop