Back Button Frameworks
Rebuild GitHub with Tailwind

Rebuild GitHub with Tailwind

One of the best ways to improve your CSS is by rebuilding existing UIs. You’ll notice common patterns that occur and the best way to handle them. In this first entry, we'll focus on the GitHub UI.
View the source code for this episode on GitHub.
Intermediate
5 episodes
1h 26m
Begin
5
Latest Episode in This Series

Added 3 weeks ago

Responsiveness

Lastly, we'll finish up by making the page responsive. Thanks for coming along!

View the source...

Watch
Rebuild GitHub with Tailwind

Rebuild GitHub with Tailwind

One of the best ways to improve your CSS is by rebuilding existing UIs. You’ll notice common patterns that occur and the best way to handle them. In this first entry, we'll focus on the GitHub UI.
View the source code for this episode on GitHub.
Begin
5
Latest Episode in This Series

Added 3 weeks ago

Responsiveness

Lastly, we'll finish up by making the page responsive. Thanks for coming along! View the source code...
Watch

Your Teacher | Andre Madarang

Visit Website
https://laracasts.s3.amazonaws.com/avatars/andre-madarang.jpg's avatar
Greetings! I'm Andre, a full-stack web developer and Laracasts instructor. My other hobbies include playing guitar, videography and gaming.
    1. EPISODE 1

      Run Time 23:29

      Free

      Top Navs

      Let's begin by building the top navigation areas on the GitHub page.

      View the source code for this episode on GitHub.

    2. EPISODE 2

      Run Time 23:02

      Free

      File Explorer

      Let's continue our rebuild by working on the file explorer and footer.

    3. EPISODE 3

      Run Time 19:22

      Sidebar

      Next up, let's work on the sidebar that contains the relevant information about the current GitHub repository.

    4. EPISODE 4

      Run Time 9:36

      Tailwind's Typography Plugin

      Let's now convert Markdown files to HTML using a Nuxt plugin. We'll then style the HTML using the Tailwind Typography plugin while customizing some of the available options.

    5. EPISODE 5

      Run Time 10:48

      Responsiveness

      Lastly, we'll finish up by making the page responsive. Thanks for coming along!

      View the source code for this episode on GitHub.

    2.
Series still in development robot

*Series still in development. Check back often for updates.

Want us to email you occasionally with Laracasts news?