masterclass.css

THURS 22ND MAR 2018

An easy to follow masterclass to help Website Designers learn code, the right way. What's more, it's absolutely free.


A special session dedicated to website designers and frontend developers at all levels, ran in person by MOBLE's Co-Founder Danny Liang. Here you meet the maker and learn how Danny hand-coded MOBLE from scratch, why MOBLE was purpose-built for frontend developers and exactly which projects it's suitable for. This is a complete look under the hood, where you are guaranteed to walk away with new knowledge, new skills, and a sound philosophy of how to approach your code. Danny is on the lookout for new developers to become MOBLE brand evangelists and lead the contributions to MOBLE's forthcoming app store. If you're looking for something to really sink your teeth into, beginner or advanced, this evening with Danny is surely not to be missed.

DANNY LIANG
CO-FOUNDER & INNOVATOR

"Designers underestimate the power of modular, reusable CSS for building websites. Great frontend developers should structure patterns to allow code to be used over and again. MOBLE was created to provide a clear executable process that allows beginners and experienced developers to map these patterns in effortless ways."
CLASS 1: GETTING STARTED (22nd Mar)

Understand the Philosophy and Structure of CSS

  • Prerequisite Intro: HTML/CSS
  • Understand Modularity and Reusability in CSS
  • Apply your knowledge in a creative breakout session by combining multiple techniques e.g. aspect-ratio, gradients, shapes.
  • Danny will then perform a CSS masterclass by re-creating the artwork Nihon Buyo by Ikko Tanaka.

Not to be missed for any art lover in the digital world.


CLASS 2: HEADERS (Date TBC)

Customise your own website Header

  • Prerequisite Intro: HTML/CSS flexbox
  • How MOBLE use flexbox to retain a standard HTML markup for multiple header styles. Create your own header: e.g. vertical headers

CLASS 3: EFFECTS (Date TBC)

Create your own CSS Effects

  • Prerequisite Intro: CSS Animation/JS
  • How MOBLE creates modular CSS classes for effects. e.g. rotate/shift/scroll
  • How to create your own reusable custom effects 

CLASS 4: WIDGETS (Date TBC)

Customise your own Widgets

  • Prerequisite Intro: HTML/CSS Flexbox/CSS Animation
  • How MOBLE create multiple widgets with the same HTML markup using CSS Flexbox.
  • How to customise widget effects and create your own widget via the MOBLE widget editor