Miku SANO miku0129

When I added custom npm package-built with Tailwind CSS-to a React project that already used Bootstrap, some Tailwind styled were unexpectedly overridden. Add a prefix to Tailwind CSS utilities in the npm package. Confiture style layer order in the consuming project to prioritize Tailwind utilities over Bootstrap. Optionally, use Tailwind’s !(important) syntax for specific cases. To avoid class name conflicts, I confitured Tailwind in my npm package with a prefix, like this.

I created an npm package that includes React components styled with Tailwind CSS. However, when I imported the package into another project, the components rendered—but without any styles. Through the browser’s developer tools, I could confirm that the Tailwind utility classes were present in the HTML, but the actual styles weren’t being applied. The Cause Tailwind CSS styles weren’t included in the consuming project. Although the utility classes existed in the DOM, the corresponding CSS wasn’t available in the browser.

Conclution It’s because browsers apply default styles to HTML elements, and Tailwind CSS removes those defaults using its built-in reset called Preflight. By default, browsers apply their own styles to HTML elements like headings and buttons. For example, <h1> tags might appear bold and large, and <button> elements usually have borders and background colors - even if you haven’t added any CSS yet. In general, CSS frameworks override these defaults.

I’d like to share my experience setting up a shared file system between a Host OS (Windows 10) and a Guest OS (Ubuntu 24.04) running in a virtual machine. Although I followed the steps in this guide, I discovered that it lacked an important virtual machine setting required for proper connectivity. How To Share File From Host Machine(Windows) To Guest Machine(Linux) To verify whether the guest OS is accessble from the host, you can use the ping command after completing the setup on Ubuntu.

To test Windows 11, I installed it on VirtualBox using an ISO file. Later I installed Ubuntu-24.04 on Windows 11 via WLS1. I followed this YouTube video to install Windows 11 in VirtualBox. How to Install Windows 11 in VirtualBox However, I initially missed the message that said Press any key to boot from CD or DVD after launching the newly created virtual machine. As a result, I failed to boot properly and had to restart the process several times.

Last time, I wrote about deploying a static web application on a VPS via Portainer. This article summarizes the knowledge I gained from deployment a full-stack web application on a VPS via Portainer. Table of contents Insights 1. Building a Dockerfile Requires a Local Build File 2. Database Configuration docker-compose.yaml Unknown Error Insights 1. Building a Dockerfile Requires a Local Build File Building a Dockerfile requires the application’s build file to be in the root directory.

To manage version control for my blog posts, I wanted to enable Git over SSH in the directory where I store them, making version control easier to handle. In the end, I spent a day troubleshooting an issue caused by a misconfiguration in the VPS that prevented me from connecting to the Docker Container hosting Gitea. My initial configuration I generated ssh-key then placed it in the .ssh/ directory in the VPS.

One day I noticed that the app I deployed on my VPS was getting too heavy… I typed the top command to see ongoing tasks. $ top Then I found an unknown service named kinsing What is Kinsing ? Kinsing is a kind of malware. Malware is the name given to software aimed at malicious activity. What is the purpose of Kinsing ? Kinsing`s main objective is to mine bitcoins by occupying resources such as CPU and memory.

updated at Sat, Mar 15, 2025 What is Portainer ? Portainer is a GUI-based tool for managing Docker. I’d like to host projects using Docker on a VPS, and Portainer makes maintenance much easier. Table of contents 1. Prerequest 2. Prepare a source code 3. Register Image to GHCR 4. Create a container by Portainer 5. My trouble shooting 1. Prerequest VPS Portainer is deployed Docker Github account 2. Prepare a source code Create a directory in VPS

What happend After updating Portainer, I noticed that my account and related data were lost. Why it happend I updated Portainer to the latest version following the official documentation. I’ll show you how I set up Portainer in VPS. I ran the following command: docker run -d -p 9000:9000 --restart always -v /var/run/docker.sock:/var/run/docker.sock portainer/portainer-ce:latest To update Portainer, I stopped the container and then removed it. After that, I ran the same command I used previously to create the container, which started the updated version.