7 | Revisiting the Iconic 2001 2Advanced Studios Showreel
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
--------
3:44
--------
3:44
6 | TinyPNG: JPEG, PNG & WebP image compression
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
--------
6:06
--------
6:06
5 | Adding HTML to Specific WordPress Pages
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
--------
8:20
--------
8:20
4 | Adding Custom Local Pickup Fields in WooCommerce
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
--------
10:59
--------
10:59
3 | Understanding Semantic HTML: Why It Matters and How to Use It
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
Welcome to design-code.tips — the podcast where modern web-dev, thoughtful UI design, and practical AI workflows converge. Each episode expands on a blog post from design-code.tips, adding audio-only extras: hands-on demos, performance tricks, and real stories from shipping products. Expect clear take-aways on React, Tailwind, accessibility, and how to leverage AI for faster prototyping and smarter coding. Created by Nuno Marques (a.k.a. ositaka) – your calm, actionable learning companion.
(Episodes created with the help of Notebook LM.)
Portugal