design-code.tips

ositaka
  • 0.0 (0)
  • HOW TO
  • UPDATED SEMIWEEKLY

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

  1. 2D AGO

    34 | iTerm2: macOS Terminal Replacement

    In this episode, we take a deep dive into iTerm2, a feature-rich replacement for the macOS Terminal. Learn how this modern command-line tool enhances productivity with split panes, search, profiles, and automation features. Whether you're a developer or a power user, iTerm2 is a must-have for improving workflow efficiency. Tune in and discover why this tool is a game-changer for macOS users! -- Read the full blog post: iTerm2: macOS Terminal Replacement

    4 min

  2. 4D AGO

    33 | "The Changelog" — A Podcast for Developers

    Stay ahead in the world of software development with "The Changelog"—your go-to weekly podcast for the latest in open-source, web development, and tech trends. From insightful news breakdowns to deep technical dives and expert interviews, each episode keeps you informed and inspired. -- Read the full blog post: The Changelog — A Podcast for Developers

    3 min

  3. SEP 1

    32 | How to Speed Up WordPress Websites

    In this episode, we break down the best strategies to speed up your WordPress website. From choosing the right hosting provider to caching, image optimization, and using a CDN, we cover essential techniques for better performance. We’ll also explore CSS and JavaScript optimizations, plus the benefits of custom templates. Tune in and learn how to create a faster, more efficient WordPress site! -- Read the full blog post: How to Speed Up WordPress Websites

    17 min

  4. AUG 30

    31 | Customize Google Maps: A Look at Google’s Map Style Tool

    In this episode, we explore Google’s Map Style Customization Tool, a free online resource that lets designers and developers fine-tune Google Maps for a cohesive UI. Learn how to modify colors, hide elements, and export JSON styles for seamless integration with the Google Maps API. Discover how custom map styles improve branding, readability, and user experience while reducing clutter. Tune in for practical insights on elevating your web and app design! -- Read the full blog post: Customize Google Maps: A Look at Google’s Map Style Tool

    4 min

  5. AUG 28

    30 | How to Change the "Add to Cart" Button Text in WooCommerce

    Want to customize your WooCommerce store? In this episode, we walk through modifying the "Add to Cart" button to say "Pre-order Now" for selected products. Learn how to use a simple WooCommerce filter in your child theme's functions.php file while ensuring your site stays safe with backups. Whether you're a developer or store owner, this quick tweak can enhance user experience and boost conversions. Tune in for a practical guide to WooCommerce customization! -- Read the full blog post: Change Default "Add to Cart" Button Text to "Pre-order Now" in WooCommerce

    4 min

  6. AUG 25

    29 | Local: An effortless way to develop WordPress sites locally

    In this episode, we’re showcasing Local, a must-have development tool for WordPress professionals. Discover how this local environment simplifies site building, speeds up workflows, and enhances testing efficiency. Whether you're a beginner or an experienced dev, Local can transform your WordPress development process. Tune in to learn why it’s a game-changer for modern web developers! -- Read the full blog post: Local: An effortless way to develop WordPress sites locally

    4 min

  7. AUG 23

    28 | Regex101: Mastering Regular Expressions

    In this episode, we’re showcasing Regex101, a must-have tool for anyone working with regular expressions. From live testing and detailed explanations to syntax highlighting and multi-flavor support, Regex101 makes regex creation and debugging easier and more efficient. Whether you're a beginner or a seasoned developer, this tool can help you write better expressions with less hassle. Tune in to learn how to master regex like a pro! -- Read the full blog post: Regex101: Master Regular Expressions

    4 min

  8. AUG 21

    27 | Accessible Accordion React Component

    In this episode, we break down how to build an accessible accordion in React, covering key aspects like state management with useState, event handling, and the use of ARIA attributes for screen reader compatibility. Learn how keyboard navigation and WCAG compliance enhance usability for all users, including those with visual or motor impairments. Accessibility is more than best practice—it’s essential. Tune in to create more inclusive and user-friendly web experiences! -- Read the full blog post: Simple Accessible Accordion React Component

    16 min
See All (35)

Trailer

About

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

Information

  • Creator
    ositaka
  • Years Active
    2K
  • Episodes
    35
  • Rating
    Clean
  • Copyright
    © ositaka
  • Show Website
    design-code.tips