Advanced Flex Layouts | Hands-on Demo, February 27th

Are you already familiar with Penpot’s Flex layouts? Let’s get advanced!

Save the date for a new Hands-On Demo on Feb. 27th. @LauraKalbag, designer, developer, and educator at Penpot, will create a UI design from start to finish using flex layout.

:spiral_calendar: Date: Thursday, February 27th

:watch: Time: UTC 3-4 PM (Convert to your local timezone with ZoneStamp)

:arrow_forward: Stream on: PeerTube, YouTube or Linkedin

Along the way, Laura will go over responsive layouts that work in different-sized containers and how to use Flex layouts inside Flex layouts.

New to Flex layouts? Don’t worry! Laura will also cover common use cases like navigation lists, cards, and buttons.

What’s planned for this Hands-on Demo?

  • Using Flex for responsive design (adapting to multiple screen sizes)

  • Nesting flex layouts

  • Creating horizontal navigation with Flex

  • Designing vertical navigation with Flex

  • Implementing Flex for card layouts

  • Styling buttons with Flex

To get ready for the session, check out these resources on Penpot Flex Layout:

:speech_balloon: Is there anything you’ve struggled to achieve with Flex? Share an image of the layout you want, and Laura will show you how she’d get it done with Penpot Flex layout.

:arrow_forward: If you missed any of our previous Hands-on Demo episodes, catch up on our YouTube playlist.

4 Likes

Thx for the video but why do you have the option for subtitles on YouTube but not on Plugins and Libraries | Penpot Hands-On Demo - Penpot Peertube

And is it possible to add other subtitles languages?

1 Like

Hi @BDV !!!

Yes, we have some subtitle uploads pending for both peertube and youtube. we have had a lot of lives lately and some of them have been left pending. :sweat_smile:

Thanks for the warning, I’ll do it more eagerly now that I know you are waiting for them. this week it will be updated with the usual english captions. I’ll :100: let you know here!!!

thanks for the video for the multilingual caps, I didn’t know it. We will look into it! :heart_eyes:

1 Like

Thank you folks for joining me today! Here’s the demo file including everything we created today:

Advanced Flex hands-on demo.penpot (1.4 MB)

Please let me know if you have any more Flex layout questions!

2 Likes

english captions added!!!

:blush:

2 Likes

Cool Thx.

Do you think its possible to add multilingual caps?

@almu Will Dutch subtitles be added if subtitles in multiple languages are supported?

It would be great if we could find a way for the community to help contribute subtitles in their own languages. Creating or correcting for accurate subtitles is very time-consuming, even if you’re building upon auto-generated (AI or otherwise) subtitles. And it does require strong fluency in that language!

Have you looked at subtitle edit as a possible solution?
More info here and here.