WP Tailwind Hero

Local Playground with TailwindCSS

Marko — Fri, 29 Nov 2024 10:51:09 +0000

How to Set Up a Local Playground for TailwindCSS on Your Computer TailwindCSS is an excellent utility-first CSS framework, and its online playground is a great tool for quickly experimenting with styles. However, if you’re learning TailwindCSS or building reusable setups, creating a local playground on your computer has several advantages: 1. Save and version […]

Source

Negative Space

Marko — Tue, 11 Jun 2024 10:12:41 +0000

In this tutorial, we’ll walk you through creating overlapping images in Gutenberg using Tailwind CSS. This is a common design technique that can enhance the visual appeal of your website. We’ll cover the necessary settings, adjustments, and styling to achieve the desired effect. Let’s dive in! Getting Started Before we start, ensure you have preloaded […]

Source

Colors Management Bonus lesson

Marko — Wed, 05 Jun 2024 09:45:33 +0000

Optimizing Color Schemes in Your UI Design: A Comprehensive Guide When it comes to creating an engaging and intuitive user interface (UI), color optimization plays a crucial role. In this bonus lesson, we’ll delve into the process of refining your color schemes to enhance both aesthetics and functionality. Building on our previous discussion where we […]

Source

Colors Management

Marko — Mon, 20 May 2024 08:27:40 +0000

Hello everyone! Today, I want to talk to you about how to manage tiling colors professionally. The primary challenge with tiling colors is that they are not human-readable, making optimization essential. Here’s how you can streamline your color management process: Understanding the Issue First, let’s understand the issue. No one can remember the exact shade […]

Source

Default Colors

Marko — Fri, 03 May 2024 19:24:21 +0000

Welcome to this tutorial where we delve into the concept of default colors and their importance in web design. Whether you’re a seasoned designer or just starting, understanding how to effectively manage and utilize colors can significantly enhance your projects. Here’s a breakdown of what we covered in the video tutorial. Introduction to Default Colors […]

Source

Register new class

Marko — Thu, 25 Apr 2024 17:15:21 +0000

Hello and welcome! Today, we’re going to explore adding new classes in Tailwind CSS, which, like all frameworks, isn’t without its imperfections. Our goal is to create a custom class that we can reuse throughout our project. To begin, navigate to the Tailwind CSS official website and access the documentation. Here, you’ll want to look […]

Source

Extend vs Overwrite

Marko — Thu, 25 Apr 2024 17:05:37 +0000

Hello, today we’re going to talk about managing colors in Tailwind CSS. Tailwind provides a vast array of predefined colors, but often, you might not need the majority of these for your projects. This guide will help you understand how to tailor the color palette to better suit your specific needs by either expanding or […]

Source

All about Hover in Tailwind CSS

Marko — Thu, 25 Apr 2024 16:49:38 +0000

Welcome to our tutorial on mastering hover effects using Tailwind CSS! Tailwind CSS offers a highly efficient and customizable way to implement interactive features in web design. By harnessing the power of utility-first CSS, you can easily apply hover effects that enhance user interactions and elevate the overall user experience. Today, we’ll explore various techniques […]

Source