Design of Web Components - Free Workshop

You know basic HTML & CSS and have already played around with Bootstrap. But where do you take your design from here?

Turns out, most the design of most web apps revolves around recurring elements throughout the user experience, aka web components. So if you would like to know how to code a beautiful navbar, add some style to a button, a card, a list a banner, a badge, add filters to a background image, this is for you.

In this workshop, we’ll focus on classical HTML/CSS techniques to design the web components that your web app will be made of. We’ll talk a little bit about absolute/relative positioning in CSS as well as Flexbox and transitions, but this workshop will be less about theory and more about action.

Pre-requisites

To get the most out of this workshop, we recommend to be comfortable with basic HTML and CSS syntax. If you’ve attended the two previous HTML/CSS workshops, you should be fine.