design-code.tips – Details, episodes & analysis

Podcast details

Technical and general information from the podcast's RSS feed.

design-code.tips

ositaka

Education

Frequency: 1 episode/2d. Total Eps: 61

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.)

Read moreCollapse

Site

RSS

Apple

Data updated on 14/07/2026

Recent rankings

Latest chart positions across Apple Podcasts and Spotify rankings.

Apple Podcasts

🇩🇪 Germany - How To
21/07/2026
#81
🇩🇪 Germany - How To
20/07/2026
#57
🇩🇪 Germany - How To
19/07/2026
#36
🇩🇪 Germany - How To
24/06/2026
#98
🇩🇪 Germany - How To
23/06/2026
#80
🇩🇪 Germany - How To
22/06/2026
#47
🇬🇧 Great Britain - How To
07/06/2026
#85
🇨🇦 Canada - How To
08/11/2025
#94

Spotify

No recent rankings available

Shared links between episodes and podcasts

Links found in episode descriptions and other podcasts that share them.

See all

https://design-code.tips/resources/checklist-design-a-collection-of-the-best-design-practices/
14 shares
https://design-code.tips/blog/2020-04-08-woocommerce-redirect-users-by-role-to-specific-url/
11 shares
https://design-code.tips/blog/2018-11-10-adding-html-to-specific-wordpress-pages/
2 shares

RSS feed quality and score

Technical evaluation of the podcast's RSS feed quality and structure.

See all

RSS feed quality

To improve

Score global : 63%

Publication history

Monthly episode publishing history over the past years.

Year

Latest published episodes

Recent episodes with titles, durations, and descriptions.

See all

60 | Renaming Files in Bulk Using the Command Line: A Step-by-Step Guide

Season 1 · Episode 60

Thursday, November 6, 2025 • Duration 09:10

Renaming multiple files manually? That’s a productivity killer! In this episode, we explore a step-by-step guide to bulk file renaming using the command line. Learn how to create a Bash script and use a mapping file to automate file name changes efficiently. We’ll walk through setting up the script, making it executable, and ensuring safe execution. Whether you're a developer, designer, or just someone who deals with large batches of files, this technique will save you time and effort. Tune in and level up your automation skills!

Read the full blog post: ⁠⁠⁠⁠Renaming Files in Bulk Using the Command Line: A Step-by-Step Guide

Read moreCollapse

59 | "PodRocket" — A web development podcast from LogRocket

Season 1 · Episode 59

Monday, November 3, 2025 • Duration 02:57

In this episode, we’re highlighting PodRocket, a web development podcast by LogRocket. Covering topics like accessibility, design, and open-source software, PodRocket delivers valuable insights to help developers level up their skills. Whether you’re looking to refine your workflow or stay ahead of industry trends, this podcast is a must-listen. Tune in to explore what makes PodRocket a great resource for web developers!

Read the full blog post: ⁠⁠⁠⁠PodRocket — A web development podcast from LogRocket

Read moreCollapse

58 | The Ultimate Guide to BEM: From Basics to Advanced Techniques

Season 1 · Episode 58

Saturday, November 1, 2025 • Duration 22:58

In this episode, we unravel BEM (Block, Element, Modifier)—a powerful CSS methodology for writing scalable, maintainable, and structured styles. We’ll cover the fundamentals, explore intermediate and advanced techniques, and share tips on avoiding common pitfalls. Whether you're new to BEM or looking to refine your approach, this guide will help you create cleaner, more efficient CSS for any project. Tune in and master BEM today!

Read the full blog post: ⁠⁠⁠⁠The Ultimate Guide to BEM: From Basics to Advanced Techniques

Read moreCollapse

57 | Creating a Table of Contents for a Successful Design System

Season 1 · Episode 57

Thursday, October 30, 2025 • Duration 15:14

A well-structured Table of Contents (ToC) is essential for a successful design system, especially in Storybook. It serves as a roadmap, making key components, guidelines, and styles easily accessible. In this episode, we explore best practices for structuring a ToC, with insights from Apple’s Human Interface Guidelines, IBM’s Carbon Design System, and Material Design. Learn how modularity, consistency, and accessibility can elevate your design system’s clarity and usability!

Read the full blog post: ⁠⁠⁠⁠Creating a Table of Contents for a Successful Design System

Read moreCollapse

56 | "The Stack Overflow" — A Podcast for Developers

Season 1 · Episode 56

Monday, October 27, 2025 • Duration 10:05

In this episode, we dive into The Stack Overflow Podcast—a go-to resource for web developers and open-source enthusiasts. Whether you're a seasoned coder or just starting out, this podcast delivers insightful discussions on industry trends, best practices, and the ever-evolving world of development.

Read the full blog post: ⁠⁠⁠⁠The Stack Overflow — A Podcast for Developers

Read moreCollapse

55 | Screaming Frog: SEO Spider Website Crawler

Season 1 · Episode 55

Saturday, October 25, 2025 • Duration 05:13

In this episode, we explore Screaming Frog’s SEO Spider, an essential tool for auditing and optimizing websites for search engines. Learn how it helps detect broken links, duplicate content, and structural issues, and why generating XML sitemaps can improve SEO strategy. Whether you're an SEO expert or just getting started, this episode will show you how data-driven insights can enhance your website’s performance and visibility. Tune in to take your SEO game to the next level!

Read the full blog post: ⁠⁠⁠⁠Screaming Frog: SEO Spider Website Crawler

Read moreCollapse

54 | Tailwind CSS: Mouse-Only Device Targeting with Custom Variant

Season 1 · Episode 54

Thursday, October 23, 2025 • Duration 12:52

Ever wished you could fine-tune hover effects for mouse users without affecting touchscreen devices? In this episode, we explore a custom Tailwind CSS variant, mouse-only, which allows you to target users with precise pointer devices. Learn how to configure your tailwind.config.js file, use media queries, and apply styles conditionally to enhance the user experience. Tune in and discover how to create smoother interactions for all users!

Read the full blog post: ⁠⁠⁠⁠Tailwind CSS: Targeting Mouse Devices Only with `mouse-only:`

Read moreCollapse

53 | Aspect Ratio Calculator: A Must-Have Tool for Designers and Developers

Season 1 · Episode 53

Monday, October 20, 2025 • Duration 05:52

In this episode, we explore the Aspect Ratio Calculator, a free online tool that makes it easy to determine and maintain correct proportions for images, videos, and UI elements. By automating calculations for both standard and custom ratios, it delivers instant results and handles proportional resizing on the fly. The tool helps improve workflow efficiency, prevents layout issues, and ensures consistent visuals across different screen sizes and devices. As an accessible, web-based resource, it saves time and eliminates manual calculation errors—everything you need for a polished end product!

Read the full blog post: ⁠⁠⁠⁠Aspect Ratio Calculator: A Must-Have Tool for Designers and Developers

Read moreCollapse

52 | Open-Sourcing Starter Templates: Pros, Cons, and Considerations

Season 1 · Episode 52

Saturday, October 18, 2025 • Duration 16:22

Should you open-source your starter template project? In this episode, we explore the pros and cons of making your Next.js and Tina CMS-based project public. From increased visibility and community engagement to the challenges of maintenance and commercial conflicts, we break down the key factors to consider before taking the leap. Tune in to find out if open-sourcing aligns with your career goals, learning journey, and passion for contributing to the dev community!

Read the full blog post: ⁠⁠⁠⁠Should You Open-Source Your Starter Template? A Balanced Look at the Pros and Cons

Read moreCollapse

51 | PerfectPixel by WellDoneCode: Your Pixel-Perfect Companion

Season 1 · Episode 51

Thursday, October 16, 2025 • Duration 04:20

In this episode, we showcase PerfectPixel by WellDoneCode, a must-have Chrome extension for pixel-perfect web development. Learn how it helps developers overlay semi-transparent images onto webpages for precise alignment with design mockups. Say goodbye to misaligned layouts and endless tab switching—this tool streamlines debugging, improves workflow efficiency, and ensures UI/UX perfection. Tune in and take your designs to the next level!

Read the full blog post: ⁠⁠⁠⁠PerfectPixel by WellDoneCode: Your Pixel-Perfect Companion

Read moreCollapse

design-code.tips – Details, episodes & analysis

Podcast details

Recent rankings

Apple Podcasts

Spotify

Shared links between episodes and podcasts

RSS feed quality and score

Publication history

Latest published episodes

Related Shows Based on Content Similarities

Apple Podcasts

Spotify

Related Shows Based on Content Similarities

design-code.tips – Details, episodes & analysis

Podcast details

Recent rankings

Apple Podcasts

Spotify

Shared links between episodes and podcasts

Other58

RSS feed quality and score

Publication history

Latest published episodes

Similar podcasts and content

Related Shows Based on Content Similarities

Apple Podcasts

Spotify

Related Shows Based on Content Similarities

Other58