Episodit
-
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
-
Puuttuva jakso?
-
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
-
Welcome to design-code.tips — a bite-size podcast where modern web development, thoughtful UI design, and smart AI workflows meet.
In each short episode we distill a blog post into clear takeaways you can apply today: faster React patterns, Tailwind tricks, accessibility wins, and time-saving tools.
Created by Nuno Marques (a.k.a. ositaka).
(Episodes scripted with the help of Notebook LM.)
--
Go to the blog: design-code.tips
