I've been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we just released Compass, a Next.js starter kit for publishing your own online course.

Tailwind CSS is a popular utility-first CSS framework that streamlines the process of styling web applications by providing a set of pre-defined utility classes. The Tailwind CSS blog covers topics such as new features, best practices, and tutorials for using Tailwind CSS effectively in frontend development projects. Developers can learn how to leverage Tailwind CSS to create responsive, customizable, and maintainable UI designs without writing custom CSS.

tailwindcss

Compass is a new starter kit designed with Tailwind CSS and Next.js to help developers create online courses. It includes features like custom transcript UIs using WebVTT files, a self-built alternative to Picture-in-Picture video functionality, and dynamic image loading based on user color scheme preferences in Markdown. The kit is available for free to Tailwind Plus license holders.

Compass: A starter kit for online courses

Extending Markdown images for dark mode and layout shift