PBS_2026_03_14 скачать в хорошем качестве

PBS_2026_03_14

In this episode of Programming by Stealth, Tidbit 18, we dive into the foundational aspects of creating a static website using GitHub Pages and Jekyll, as I recount my journey of migrating my podcast website from WordPress to a new Jekyll-based version. I begin by explaining the motivation for this endeavor, which stemmed from a desire to become proficient in static site generators and the need to teach myself along the way. We kick off with a discussion on what static site generators are, why they differ from traditional content management systems like WordPress, and how the choice made ten years prior for WordPress has evolved into a preference for Jekyll. As we explore the technical nitty-gritty, I emphasize the significance of good organization and information architecture within a website. The migration process hasn't just been about transferring content—it's involved critically analyzing how to structure my site effectively. By developing a clear taxonomy for site content and understanding the relationships between different pieces of data, I have crafted a skeleton framework that supports both podcasts and episodes distinctly while preparing for future expansion. Central to our discussion are the tools and techniques used throughout my migration process. I detail how I leveraged GitHub Pages, focusing on Jekyll to create a custom website where I could integrate advanced features from Bootstrap 5 into my design. I highlight my approach to customizing Bootstrap with SCSS and how the introduction of CSS variables in Bootstrap 5 offers new avenues for customization that I've not employed before, enriching my understanding of modern web design best practices. Furthermore, I unravel some project surprises and share lessons learned from overcoming various obstacles, such as designing my website’s layout, handling OpenGraph metadata, and ensuring optimal responsiveness for all devices. I also talk about my experience in utilizing Docker for local development, coalescing all technologies into a seamless development environment that allows for rapid updates and iterations without the hassle of complex setups. Beyond technicalities, this episode is rich with reflections on the learning process itself. I recount both the triumphs and challenges during the migration—such as the need for new metadata techniques and redirections that had largely slipped my mind until the project's final stages. We conclude with a glimpse into the future—laying out what topics we plan to cover for the rest of the year, including deep dives into CSS variables, SASS, and the essential elements of creating bloggable content using Jekyll’s collection architecture. Join me as I share in detail my experiences, the tools at my disposal, and the scaffolding necessary to build a functioning website that not only reflects my content but also empowers me to manage it effectively in the long run, while also inviting you to learn along with me as we explore the world of web development. Chapters: 00:00:00 PBS_2026_03_14 00:00:12 Welcome Back to Programming by Stealth 00:00:17 Bart's Injury Update 00:01:37 Tidbits on Jekyll and GitHub Pages 00:02:34 Moving the Podcast Website 00:07:58 Exploring Jekyll's Capabilities 00:12:25 Docker and Jekyll Setup 00:15:00 Customizing Bootstrap 00:16:36 Engaging Design Services 00:18:43 Crafting a Corporate Style Guide 00:19:46 Using Font Awesome 00:20:05 Expectations vs. Reality 00:21:54 Website Structure and Navigation 00:23:59 The Importance of Taxonomy 00:27:23 Handling Content Organization 00:35:49 Redirects in Static Sites 00:45:03 Building Markdown Files for Episodes 00:52:57 Implementing URL Structures 00:55:29 Creating Jekyll Layouts 00:59:41 Media Management in Jekyll 01:02:37 Addressing Technical Debt 01:05:53 Importing Data from WordPress 01:13:45 Building a Review System 01:20:18 Future Plans for Programming by Stealth 01:24:58 Closing Remarks and Future Episodes