design-code.tips

In this episode, we break down how to download entire websites using wget for MacOS/Linux and HTTrack for Windows. Whether for archiving, mirroring, or offline access, these tools are essential for web developers and bash scripting enthusiasts. Tune in to learn the best techniques for each platform and enhance your workflow with these powerful methods! -- Read the full blog post: How to Download a...

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

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

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! -- R...

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

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

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

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

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

That's My Jamstack is a podcast focusing on modern web development using the Jamstack architecture. It features interviews with leading figures in the field, discussing static site generation and related tools. The podcast aims to provide listeners with insights into current trends and best practices. It's part of a larger online presence including a blog and resources for developers. The...

In this episode, we shine a spotlight on Ta11y, a community-driven initiative focused on making digital accessibility more achievable for small-to-medium organizations. Learn how Ta11y provides essential resources, tutorials, and best practices to help creators build inclusive digital experiences. Discover why accessibility matters and how you can contribute to a more inclusive web. Tune in now! -...

In this episode, we break down how to add a one-time website introduction animation using JavaScript and "sessionStorage". Learn how to implement a smooth, user-friendly intro that plays only once per session or on specific pages. We’ll cover code examples, styling considerations, and cross-browser compatibility to ensure a polished experience. Tune in and discover how to create engaging...

In this episode, we take a deep dive into Zoho Mail, a secure and private business email service designed for professionals. With custom domains, end-to-end encryption, mobile access, and seamless integration with Zoho’s productivity suite, Zoho Mail helps teams communicate efficiently while ensuring data protection. Whether you're a freelancer or a growing business, learn how Zoho Mail can st...

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

In 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: Cyberdu...

-- Read the full blog post: WooCommerce: Check if Products in Cart Have a Specific Tag and Remove Them If They Can't Be Shipped

In 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 Developers

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

In 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 ho...

In 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 f...

In 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 Design

In 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. Tun...

In 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 ful...

In 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 s...

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