FrameworksIntermediate5 episodes

Rebuild GitHub with Tailwind CSS

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.

Series episodes

Top Navs

23m 29s

Learn how to build sleek top navigation bars like GitHub’s using Tailwind CSS. Follow along with clear, practical steps and source code on GitHub!

File Explorer

23m 2s

Continue rebuilding your app by creating a functional file explorer and footer, improving navigation and user experience with clean, efficient design.

Sidebar

19m 22s

Build a dynamic sidebar displaying key info about the current GitHub repository, enhancing your app’s usability with clear, relevant details.

Tailwind's Typography Plugin

9m 36s

Convert Markdown to HTML with a Nuxt plugin and style it beautifully using Tailwind's Typography plugin, customizing options for polished, readable content.

Responsiveness

10m 48s

Learn how to make your page fully responsive with practical Tailwind CSS techniques, ensuring a seamless experience across all devices. Follow along with source code!

Continue learning

Eloquent Relationships Deep Dive

With Jeremy McPeak

8 episodes
Intermediate
Frameworks

Build Mobile Apps With React Native and Expo

With Andre Madarang

24 episodes
Intermediate
Frameworks

What's New in Laravel 5.6

With Jeffrey Way

8 episodes
Intermediate
Frameworks

Alpine.js Essentials