Renaming multiple files manually? That’s a productivity killer! In this episode, we explore a step-by-step guide to bulk file renaming using the command line. Learn how to create a Bash script and use a mapping file to automate file name changes efficiently. We’ll walk through setting up the script, making it executable, and ensuring safe execution. Whether you're a developer, designer, or just someone who deals with large batches of files, this technique will save you time and effort. Tune in a...
Nov 06, 2025•9 min•Season 1Ep. 60
In this episode, we’re highlighting PodRocket, a web development podcast by LogRocket. Covering topics like accessibility, design, and open-source software, PodRocket delivers valuable insights to help developers level up their skills. Whether you’re looking to refine your workflow or stay ahead of industry trends, this podcast is a must-listen. Tune in to explore what makes PodRocket a great resource for web developers! -- Read the full blog post: PodRocket — A web development podcast fro...
Nov 03, 2025•3 min•Season 1Ep. 59
In this episode, we unravel BEM (Block, Element, Modifier)—a powerful CSS methodology for writing scalable, maintainable, and structured styles. We’ll cover the fundamentals, explore intermediate and advanced techniques, and share tips on avoiding common pitfalls. Whether you're new to BEM or looking to refine your approach, this guide will help you create cleaner, more efficient CSS for any project. Tune in and master BEM today! -- Read the full blog post: The Ultimate Guide to BEM: From ...
Nov 01, 2025•23 min•Season 1Ep. 58
A well-structured Table of Contents (ToC) is essential for a successful design system, especially in Storybook. It serves as a roadmap, making key components, guidelines, and styles easily accessible. In this episode, we explore best practices for structuring a ToC, with insights from Apple’s Human Interface Guidelines, IBM’s Carbon Design System, and Material Design. Learn how modularity, consistency, and accessibility can elevate your design system’s clarity and usability! -- Read the full blo...
Oct 30, 2025•15 min•Season 1Ep. 57
In this episode, we dive into The Stack Overflow Podcast—a go-to resource for web developers and open-source enthusiasts. Whether you're a seasoned coder or just starting out, this podcast delivers insightful discussions on industry trends, best practices, and the ever-evolving world of development. -- Read the full blog post: The Stack Overflow — A Podcast for Developers
Oct 27, 2025•10 min•Season 1Ep. 56
In this episode, we explore Screaming Frog’s SEO Spider, an essential tool for auditing and optimizing websites for search engines. Learn how it helps detect broken links, duplicate content, and structural issues, and why generating XML sitemaps can improve SEO strategy. Whether you're an SEO expert or just getting started, this episode will show you how data-driven insights can enhance your website’s performance and visibility. Tune in to take your SEO game to the next level! -- Read the full b...
Oct 25, 2025•5 min•Season 1Ep. 55
Ever wished you could fine-tune hover effects for mouse users without affecting touchscreen devices? In this episode, we explore a custom Tailwind CSS variant, mouse-only, which allows you to target users with precise pointer devices. Learn how to configure your tailwind.config.js file, use media queries, and apply styles conditionally to enhance the user experience. Tune in and discover how to create smoother interactions for all users! -- Read the full blog post: Tailwind CSS: Targeting M...
Oct 23, 2025•13 min•Season 1Ep. 54
In this episode, we explore the Aspect Ratio Calculator, a free online tool that makes it easy to determine and maintain correct proportions for images, videos, and UI elements. By automating calculations for both standard and custom ratios, it delivers instant results and handles proportional resizing on the fly. The tool helps improve workflow efficiency, prevents layout issues, and ensures consistent visuals across different screen sizes and devices. As an accessible, web-based resource, it s...
Oct 20, 2025•6 min•Season 1Ep. 53
Should you open-source your starter template project? In this episode, we explore the pros and cons of making your Next.js and Tina CMS-based project public. From increased visibility and community engagement to the challenges of maintenance and commercial conflicts, we break down the key factors to consider before taking the leap. Tune in to find out if open-sourcing aligns with your career goals, learning journey, and passion for contributing to the dev community! -- Read the full blog post: ...
Oct 18, 2025•16 min•Season 1Ep. 52
In this episode, we showcase PerfectPixel by WellDoneCode, a must-have Chrome extension for pixel-perfect web development. Learn how it helps developers overlay semi-transparent images onto webpages for precise alignment with design mockups. Say goodbye to misaligned layouts and endless tab switching—this tool streamlines debugging, improves workflow efficiency, and ensures UI/UX perfection. Tune in and take your designs to the next level! -- Read the full blog post: PerfectPixel by WellDo...
Oct 16, 2025•4 min•Season 1Ep. 51
In this episode, we’re highlighting "Voice of Design," a podcast that explores the intersection of business and design. If you’re a designer looking for insights on strategy, creativity, and industry trends, this is one to check out. We also look back at its connection to "The Futur" and how past design discussions continue to shape today’s creative landscape. Tune in and get inspired! -- Read the full blog post: Voice of Design — A Podcast for Designers...
Oct 13, 2025•3 min•Season 1Ep. 50
In this episode, we explore optimizing viewport orientation changes for a better mobile experience. Learn how factors like device model, CPU/GPU load, and background processes impact transition speed. We’ll cover best practices, from efficient coding to using JavaScript libraries, ensuring seamless performance across devices. Tune in to master viewport responsiveness and enhance mobile UX! -- Read the full blog post: Understanding Viewport Orientation Change Times for a Flawless Mobile Exp...
Oct 11, 2025•5 min•Season 1Ep. 49
In this episode, we showcase Iconly: Convert SVG Strokes to Fills, a handy tool for graphic designers and developers. Iconly effortlessly transforms SVG strokes into fills, making SVGs more compatible with webfonts while preserving design integrity. With a user-friendly interface, you can easily upload, adjust, and download modified SVGs, streamlining your workflow. Tune in to learn how Iconly can enhance your SVG styling process! -- Read the full blog post: Iconly: Convert SVG Strokes to ...
Oct 09, 2025•5 min•Season 1Ep. 48
In this episode, we dive into getters and setters—language features that let you run logic whenever a property is read or written. You’ll learn how getters and setters enable encapsulation and data protection, enforce input validation, and support lazy initialization. We’ll walk through practical code examples that demonstrate each benefit, then discuss performance considerations compared to direct property access. Finally, we’ll explore alternative patterns—like public fields and standard metho...
Oct 06, 2025•12 min•Season 1Ep. 47
In this episode, we’re exploring Visual Studio Code (VS Code)—one of the most powerful and versatile code editors. With its customizable interface, extensive plugin ecosystem, integrated terminal, seamless Git support, and built-in debugger, VS Code makes coding more efficient and collaborative. Whether you're a beginner or an expert, tune in to discover how VS Code can optimize your development workflow! -- Read the full blog post: VS Code: Code Editing. Redefined...
Oct 04, 2025•5 min•Season 1Ep. 46
In this episode, we take a closer look at HTTrack, a website copier that lets you download full websites for offline use while preserving their structure. Learn how this tool helps web developers, researchers, and curious minds save and explore web content efficiently. Plus, discover how you can update existing copies and resume downloads seamlessly. Tune in and find out why HTTrack is a valuable addition to your toolkit! -- Read the full blog post: HTTrack: Website Copier...
Oct 02, 2025•4 min•Season 1Ep. 45
Ever wondered how to create a favicon that adapts to light and dark mode? In this episode, we break down a step-by-step tutorial on building a themeable SVG favicon using CSS media queries. Learn how to link it in your HTML and test its adaptability across different themes. A small detail that makes a big difference in modern web design! Tune in to master this technique and level up your site’s branding. -- Read the full blog post: How to Make a Themeable SVG Favicon...
Sep 29, 2025•13 min•Season 1Ep. 44
In this episode, we delve into Docusaurus, an open-source static site generator created by Facebook. By leveraging React and Markdown, Docusaurus simplifies both setup and ongoing maintenance for project docs. It supports versioned documentation, making it easy for users to explore different iterations of your project. Plus, it offers customizable theming—using CSS or Tailwind—along with multi-language support, analytics integrations, and even a Markdown-based blog. With static site generation e...
Sep 27, 2025•13 min•Season 1Ep. 43
In this episode, we explore website performance optimization through responsive media handling. Based on a blog post from the Code Examples of the Media Creators (NodeJS) website, we discuss how to serve compressed images and videos dynamically based on connection speed and device capabilities. Learn how JavaScript, NodeJS, PugJS, and CSS can improve smooth scrolling, animations, and browser compatibility while maintaining efficiency across devices. Tune in to discover practical coding technique...
Sep 25, 2025•13 min•Season 1Ep. 42
In this episode, we explore draw.io, a free and versatile diagramming tool perfect for creating flowcharts, network diagrams, UML sketches, and more. With an easy-to-use interface, cloud storage integration, and open-source accessibility, draw.io is a go-to solution for professionals and casual users alike. Tune in to learn how this tool can enhance your workflow and make complex ideas easier to visualize! -- Read the full blog post: draw.io: Free online diagram software for making flowcharts...
Sep 22, 2025•4 min•Season 1Ep. 41
In this episode, we explore a CSS-only method for scaling SVG images without JavaScript. Learn how to wrap your SVG in a div, clean up unnecessary attributes, and use CSS tricks like padding-bottom and viewBox to make your graphics fully responsive. Discover how to maintain perfect proportions while fitting any container—complete with a CodePen example. Tune in to master this lightweight, flexible SVG technique! -- Read the full blog post: How to Scale an SVG with CSS Only...
Sep 20, 2025•6 min•Season 1Ep. 40
In this episode, we explore how to customize scrollbars in WebKit browsers like Chrome and Safari using CSS pseudo-elements. Learn how to style scrollbar width, colors, and tracks with ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, and more. We also discuss the accessibility considerations of custom scrollbars and how to strike the right balance between aesthetics and usability. Tune in and start experimenting with your own styles! -- Read the full blog post: Custom Scrollbar with CSS (WebKit)...
Sep 18, 2025•5 min•Season 1Ep. 39
In this episode, we delve into the Min-Max Calculator, a handy solution for generating CSS clamp() values. By entering minimum and maximum values alongside a viewport range, the calculator outputs an optimal formula that ensures fluid scaling of elements—like text and spacing—across all devices. Rather than manually crafting complex formulas or relying on media queries, you can streamline your workflow and maintain consistent design. While alternatives like manual calculations or CSS frameworks ...
Sep 15, 2025•4 min•Season 1Ep. 38
In this episode, we break down HandBrake, the free, open-source video transcoder that helps compress large video files without sacrificing quality. Learn how to optimize videos for web performance, reduce file sizes for faster load times, and ensure seamless playback across devices. We’ll explore the best HandBrake presets, bitrates, and resolutions to make your videos responsive and efficient. Tune in and start optimizing your media today! -- Read the full blog post: HandBrake: Open Source Vide...
Sep 13, 2025•5 min•Season 1Ep. 37
In this episode, we explore gatsby-remark-vscode, a powerful syntax highlighting plugin for Gatsby that brings VS Code’s high-quality highlighting without the need for client-side JavaScript. Discover how this build-time solution improves site performance, reduces load times, and outshines browser-based tools like Prism. Tune in to learn how it works, why it’s better, and how to integrate it into your Gatsby projects! -- Read the full blog post: My Choice for Gatsby Markdown Code Highlighting an...
Sep 11, 2025•4 min•Season 1Ep. 35
In this episode, we break down how to download entire websites using wget for MacOS/Linux and HTTrack for Windows. Whether for archiving, mirroring, or offline access, these tools are essential for web developers and bash scripting enthusiasts. Tune in to learn the best techniques for each platform and enhance your workflow with these powerful methods! -- Read the full blog post: How to Download an Entire Website...
Sep 11, 2025•5 min•Season 1Ep. 36
In this episode, we take a deep dive into iTerm2, a feature-rich replacement for the macOS Terminal. Learn how this modern command-line tool enhances productivity with split panes, search, profiles, and automation features. Whether you're a developer or a power user, iTerm2 is a must-have for improving workflow efficiency. Tune in and discover why this tool is a game-changer for macOS users! -- Read the full blog post: iTerm2: macOS Terminal Replacement...
Sep 06, 2025•4 min•Season 1Ep. 34
Stay ahead in the world of software development with "The Changelog"—your go-to weekly podcast for the latest in open-source, web development, and tech trends. From insightful news breakdowns to deep technical dives and expert interviews, each episode keeps you informed and inspired. -- Read the full blog post: The Changelog — A Podcast for Developers
Sep 04, 2025•3 min•Season 1Ep. 33
In this episode, we break down the best strategies to speed up your WordPress website. From choosing the right hosting provider to caching, image optimization, and using a CDN, we cover essential techniques for better performance. We’ll also explore CSS and JavaScript optimizations, plus the benefits of custom templates. Tune in and learn how to create a faster, more efficient WordPress site! -- Read the full blog post: How to Speed Up WordPress Websites...
Sep 01, 2025•17 min•Season 1Ep. 32
In this episode, we explore Google’s Map Style Customization Tool, a free online resource that lets designers and developers fine-tune Google Maps for a cohesive UI. Learn how to modify colors, hide elements, and export JSON styles for seamless integration with the Google Maps API. Discover how custom map styles improve branding, readability, and user experience while reducing clutter. Tune in for practical insights on elevating your web and app design! -- Read the full blog post: Customize Goog...
Aug 30, 2025•4 min•Season 1Ep. 31
