[Frontend Masters] Practical CSS Layouts

By Course Club On Jun 22, 2023

Some Key Takeaways!

By participating along with us in the workshop, you’ll learn:

Create 3 different websites with the same material – easy, medium, hard
Move basic layouts to complex layouts with a handful of CSS properties
Keep it accessible with semantic markup
Learn some of the latest layout moves beyond Jen’s other courses

Workshop Details

Bored with basic layouts? Unsure how to make them spicier? This is the workshop for you! Join Jen Kramer for two immersive days building three different responsive websites for the fictional band Magenta Lime. We’ll start with a basic website, solidifying our fonts, sizing, colors, images, breakpoints, and fundamentals of the design. Next, we’ll move a medium difficulty site, reusing many elements from the basic design but adding interactivity, additional styling, and a tiny bit of JavaScript. Finally, we’ll tackle a complex site, adding animations, interactivity, and even more challenging layouts.

Daily Schedule

We’ve already held over 300 workshops with thousands of attendees in-person and online. In this time we’ve discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you’re in-person or participating with us online you’ll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

Day 1

9:30AM
Introduction
10:00AM
Layout 1 – Easy. Establish colors, fonts, graphics, mobile layout.
12:00PM
Lunch
1:00PM
Finish Layout 1 – tablet, desktop orientations
2:00PM
Begin Layout 2 – Medium. Mobile site work includes video player styling, testimonial layout, button styles, table style, hamburger button.
5:00PM
Workshop ends

Day 2

9:30AM
~TODO Introduction
10:00AM
Finish Layout 2 – tablet, desktop orientations
11:00AM
Begin Layout 3 – Mind-Bending. Mobile site work includes track list collapse, image gallery layout
12:00PM
Lunch
1:00PM
Finish Layout 3 – Diamond grids, icon placement, tablet, desktop
5:00PM
Workshop ends

Size: 2.28 GB

Download Now

https://frontendmasters.com/workshops/practical-css/.