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

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)

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 exist, the Min-Max Calculator’s user-friendly approach makes it a top choice for modern, efficient CSS. Tune in to discover how this tool can simplify responsive design and enhance your projects.

--

Read the full blog post: Min-Max Calculator: Generate Responsive CSS clamp() Values

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 Video Transcoder

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

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 and Why

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

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

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

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 Google Maps: A Look at Google’s Map Style Tool