Shows
design-code.tips22 | Replacing Text with CSSIn this episode, we explore a CSS-only technique for replacing button text—a clever trick using "visibility: hidden" and the ":before" pseudo-element. But is it the best approach? We discuss its accessibility drawbacks and suggest alternatives for a more inclusive design. Tune in to learn when and how to use this method responsibly!--Read the full blog post: Replace Text with CSS Only2025-08-0904 mindesign-code.tips21 | Cyberduck: Connecting Seamless to Every ServerIn this episode, we showcase Cyberduck, an open-source file management tool praised for its ease of use and wide protocol support. Whether you need seamless cloud integration, secure data transfers, or a reliable way to manage files across multiple servers, Cyberduck delivers. Tune in to learn why it’s a must-have for developers, designers, and tech enthusiasts!--Read the full blog post: Cyberduck: Connecting Seamless to Every Server2025-08-0703 mindesign-code.tips20 | WooCommerce: Check if Products in Cart Have a Specific Tag and Remove Them If They Can't Be Shipped--Read the full blog post: WooCommerce: Check if Products in Cart Have a Specific Tag and Remove Them If They Can't Be Shipped2025-08-0405 mindesign-code.tips19 | Mastering CSS with "The CSS Podcast" – Featuring Una Kravets & Adam ArgyleIn this episode, we spotlight The CSS Podcast — For Web Developers, hosted by Google’s Una Kravets and Adam Argyle. They break down complex CSS concepts, making them easy to understand. From accessibility to z-index, this podcast is a must-listen for anyone looking to improve their styling skills. Tune in and level up your CSS game!--Read the full blog post: The CSS Podcast — For Web Developers2025-08-0213 mindesign-code.tips18 | Animation Composer: A free plug-in for Adobe After EffectsIn this episode, we take a closer look at Animation Composer, a free Adobe After Effects plug-in that simplifies motion design. Perfect for beginners and pros alike, this tool lets you add animations effortlessly. Learn how it works, why it’s a game-changer, and how it can boost your creative workflow. Tune in and explore more at design-code.tips!--Read the full blog post: Animation Composer: A (free) plug-in for Adobe After Effects2025-07-3115 mindesign-code.tips17 | Laws of UX: Best Practices for User InterfacesIn this episode, we showcase Laws of UX, a fantastic resource that breaks down essential design principles like Hick’s Law to help you craft better, more intuitive user experiences. Learn how reducing cognitive load can enhance usability and streamline decision-making in websites and apps. We also highlight the Nielsen Norman Group for further research on UX best practices. Tune in and discover how these resources can level up your design skills!--Read the full blog post: Laws of UX – A collection of best practices that designers can consider when building user interfaces2025-07-2805 mindesign-code.tips16 | WooCommerce User Role RedirectsIn this episode, we explore how to redirect WooCommerce users after login based on their roles using PHP snippets. Learn how to block backend access for subscribers, direct shop managers to order pages, and improve both security and user experience. We also discuss how to implement these snippets in a child theme’s functions.php for better control over post-login redirections. Plus, stick around for a great podcast recommendation!--Read the full blog post: WooCommerce: Redirect Users by Role to Specific URL After Login2025-07-2603 mindesign-code.tips15 | The Futur — A Podcast for the Business of DesignIn this episode, we shine a spotlight on The Futur—a must-listen podcast for creative professionals looking to level up their careers. Hosted by the insightful Chris Do, The Futur dives deep into the business side of design, covering branding, marketing, and strategy with some of the industry's brightest minds.--Read the full blog post: The Futur — A Podcast for the Business of Design2025-07-2409 mindesign-code.tips14 | Figma: A Modern Collaborative Design ToolIn this episode, we explore Figma, the game-changing collaborative design tool that’s redefining how teams work together. With its cloud-based platform, real-time editing, version history, and intuitive interface, Figma makes design seamless and accessible from anywhere. Whether you're a solo designer or part of a large team, discover how Figma streamlines workflows and enhances collaboration. Tune in to see why it’s a must-have for modern designers!--Read the full blog post: Figma: A Modern Collaborative Design Tool2025-07-2104 mindesign-code.tips13 | Checklist Design – A collection of the best design practicesIn this episode, we uncover Checklist Design, a must-have resource for web and app developers looking to refine their UX and UI skills. With curated checklists covering key design principles, this tool helps ensure intuitive and effective interfaces. Whether you’re a beginner or a pro, discover how structured design checklists can streamline your workflow and enhance your projects!--Read the full blog post: Checklist Design - A collection of the best design practices2025-07-1903 mindesign-code.tips12 | Netlify: Automating Modern Web ProjectsIn this episode, we explore Netlify, a powerful platform that simplifies web development and deployment. From automated hosting and continuous deployment to serverless functions and global scalability, Netlify streamlines workflows so developers can focus on coding, not infrastructure. Whether you're building a simple site or a complex AI-driven app, discover how Netlify’s tools and Jamstack support can boost your productivity. Tune in and learn why it’s a game-changer for modern web projects!--Read the full blog post: Netlify: Automating Modern Web Projects2025-07-1720 mindesign-code.tips11 | OBS Studio: Video Recording and StreamingIn this episode, we explore OBS Studio, the go-to open-source tool for video recording and live streaming. Available on Windows, macOS, and Linux, OBS offers high-performance video and audio mixing, customizable scenes, and seamless plugin integration. Whether you're streaming, recording, or creating pro-level content, discover how OBS empowers creators with its powerful features and community-driven innovation. Tune in to learn how to make the most of this incredible tool!--Read the full blog post: OBS: Open Broadcaster Software®2025-07-1405 mindesign-code.tips10 | WooCommerce Grouped Product ThumbnailsStruggling 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 Products2025-07-1201 mindesign-code.tips9 | Slugify Online: Clean URL Slug GeneratorWant 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 Generator2025-07-1003 mindesign-code.tips8 | Deferring JavaScript in WordPressWant 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 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 WordPress2025-07-0703 mindesign-code.tips7 | Revisiting the Iconic 2001 2Advanced Studios ShowreelIn 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 20012025-07-0503 mindesign-code.tips6 | TinyPNG: JPEG, PNG & WebP image compressionIn 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 compression2025-07-0306 mindesign-code.tips5 | Adding HTML to Specific WordPress PagesIn 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 Pages2025-06-3008 mindesign-code.tips4 | Adding Custom Local Pickup Fields in WooCommerceIn 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 WooCommerce2025-06-2810 mindesign-code.tips3 | Understanding Semantic HTML: Why It Matters and How to Use ItIn 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 It2025-06-2609 mindesign-code.tips2 | Customizing WordPress Admin with CSS & PDF PrintingIn 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 Printing2025-06-2610 mindesign-code.tips1 | Responsive Web Design: Evolution and FutureIn 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 Respons...2025-06-2612 mindesign-code.tips0 | Podcast TeaserWelcome 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.tips2025-06-2302 min