css tips 3

Section 10: Web Forms - Allowing Users To Enter Data

The goals 💪🏻What & Why? ✌🏻Exploring Different HTML Form Elements 👍🏻Building an Example Form What are "Web Forms?" Many websites are not just about presenting (showing) content => Instead, user input is often requested as well e.g. Contact form, Checkout form, Login form, Comment form, etc.... There are special HTML elements for getting and handling user input Key form elements The "type" attribu..

Section 08: Understanding Responsive Design (One Website - Different Devices)

The goals 💪🏻Responsive Design - What & Why? ✌🏻Working with Media Queries 👍🏻 Creating a Side Drawer Now we are quite used to how to design the website and for the design what we would need. So before starting we can start with structuring HTML. Why do we use article? The tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distrib..

Section 07: Understanding Layouts & Positioning

The goals 💪🏻Working with (Background) Images ✌🏻Understanding Flexbox & Grid 👍🏻 Diving Deeper Into Units Basic sections of a document Webpages can and will look pretty different from one another, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project, or is just badly structured: header: Usually a big s..