Эпизоды
-
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 <script> tags, allowing essential content to load first while delaying non-critical scripts. Plus, we discuss handling jQuery exclusions to avoid conflicts and why this simple tweak can make a big difference. Tune in to learn how to optimize your site for a better user experience!
--
Read the full blog post: Defer JS on WordPress
-
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
-
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
