Struggling with missing thumbnails for grouped products in WooCommerce? In this episode, we share a simple fix using a code snippet in your child theme’s functions.php file. Plus, a bonus tip on displaying all variations of variable products—along with a cautionary note! Tune in for quick WooCommerce dev insights.

--

Read the full blog post: How to Add Thumbnails to WooCommerce's Grouped Products

Want better SEO and cleaner URLs? In this episode of the Design Code Tips podcast, we break down URL slugs—those key words at the end of a web address that improve discoverability. Based on insights from Nuno Marques, we’ll explore why concise, descriptive slugs matter and how to craft them for better search rankings and user experience.

--

Read the full blog post: Slugify Online: Clean URL Slug Generator

Want to improve your WordPress site’s loading speed? In this episode, we explore how deferring JavaScript execution can enhance performance. We break down a PHP function that adds the defer attribute to

In this episode of the Design Code Tips podcast, we take a nostalgic dive into the 2001 2Advanced Studios Showreel, a masterpiece from the early days of web design and animation. Discover how this iconic work set benchmarks in creativity, animation, and storytelling, inspiring designers for over two decades. Whether you’re crafting your own showreel or looking for timeless inspiration, this episode will spark ideas and showcase the power of innovative design from a bygone era. Tune in and get inspired!

--

Read the full blog post: ⁠⁠2Advanced Studios — Showreel 2001

In this episode, we explore the power of TinyPNG, a tool that compresses JPEG, PNG, and WebP images with impressive size reductions of up to 80%—all without compromising quality. Discover how image optimization improves website loading times, enhances user experience, boosts SEO, and reduces bandwidth costs, making it an essential practice for better online performance and visibility. Tune in to learn how smarter image management can transform your web projects!

--

Read the full blog post: ⁠⁠TinyPNG: JPEG, PNG & WebP image compression

In this episode, we dive into a practical WordPress tutorial on adding custom HTML content to a single page. Learn how to create a popup message using the wp_footer action hook and conditional logic based on a page ID. We’ll walk you through the full code example, including optional JavaScript for interactivity, and showcase a real-world scenario with age verification on page ID 2647. Tune in to discover how this approach can elevate website customization and enhance user experience!

--

Read the full blog post: ⁠Adding HTML to Specific WordPress Pages

In this episode, we dive into customizing WooCommerce's local pickup shipping method using PHP and JavaScript. Learn how to add custom fields for pickup location and time, save these preferences as order metadata, and display them in order details and emails. We also explore how to hide the delivery section for local pickup customers, simplifying the checkout experience. Plus, discover how to use AJAX for real-time updates based on user selections. Perfect for enhancing your WooCommerce store’s functionality!

--

Read the full blog post: Adding Custom Local Pickup Fields in WooCommerce

In this episode, we break down the essentials of Semantic HTML and why it’s a cornerstone of modern web development. Discover its benefits for accessibility, SEO, code maintainability, and cross-browser compatibility. Learn how to use semantic tags like

, , and to structure your content effectively, and explore best practices for creating intuitive, user-friendly web experiences. Tune in and elevate your coding game!

--

Read the full blog post: Understanding Semantic HTML: Why It Matters and How to Use It

In this episode of the design-code.tips podcast, we explore how to customize the WordPress admin panel using CSS. Learn how to create a custom admin.css file, add it to your theme, and apply role-based styling for tailored admin experiences. We’ll share code examples, including a use case for online shops, demonstrating how to hide or style elements and even generate printable PDFs of the WooCommerce "Overview" page. Elevate your WordPress admin experience with these practical tips!

--

Read the full blog post: ⁠Customizing WordPress Admin with CSS & PDF Printing

In this episode of the Design Code Tips podcast, we explore the evolution of responsive web design—from fixed layouts to today’s mobile-first approach. Discover the core principles like fluid grids, flexible images, and media queries, and learn why they’re essential for user experience, SEO, and efficient development. We’ll also dive into challenges like performance optimization and innovations like CSS Grid and Flexbox. Plus, get recommendations for must-read books on responsive design, usability, and performance. Tune in and level up your responsive design game!

--

Read the full blog post: ⁠ The Evolution of Responsive Design: A Look Back and Forward