DEV NOTE TIPS

Solution to the problem of collapsing in safari and firefox when writing-mode: vertical-rl; and display: flex; are used together.

There is a problem with display collapse in Safari and Firefox when writing-mode: vertical-rl; and display: flex; are used together. This section describes a solution to this problem.
DEV NOTE TIPS

How to add a subtitle to a menu in WordPress

This article describes the steps for adding a subtitle to a menu in WordPress.
DEV NOTE TIPS

Custom Post UI and Bogo to make custom posts multilingual

This article describes how to make a custom post multilingual using the "Custom Post UI" and "Bogo".
DEV NOTE TIPS

Opacity flickering problem on Mac Safari and its countermeasures

This article describes a flickering problem that occurs when transitioning from "opacity: 0;" to "opacity: 1;" in Mac Safari and its solution.
DEV NOTE TIPS

503 error on Xserver and how to resolve it by changing PHP version

When running a website, a 503 error is one of the problems you want to avoid. 503 errors indicate that the server is tem...
DEV NOTE TIPS

Solution when the top page is not displayed in WordPress

If the top page does not display on your WordPress site, there are many possible causes. One of them may involve whether...
DEV NOTE TIPS

Solution when text-align: justify; does not work

We often use the CSS 'text-align: justify;' when justifying text, but this does not work for text that is only one line ...
DEV NOTE TIPS

How to center elements with CSS writing-mode: vertical-rl

This article explains how to use the CSS property 'writing-mode: vertical-rl;' to position text vertically and then cent...
DEV NOTE TIPS

Differences Between lvh, svh, and dvh and How to Use Them: CSS Implementation Steps to Prevent Layout Breakage on Mobile Devices

In response to the issue of 100vh layouts breaking on mobile devices, this article explains the differences between lvh, svh, and dvh, and how to use them effectively in real-world scenarios. We’ve compiled everything from prerequisites and implementation steps to testing and troubleshooting, organizing the information in a way that makes it easy to replicate in WordPress themes and landing pages.
DEV NOTE TIPS

How to set vertical text and vertical alphabets in CSS

This article describes how to use CSS to make text vertical and also alphabetical.
DEV NOTE TIPS

Setting minimum font size and using min, max functions

This article describes how to use the CSS `min` and `max` functions to set minimum font size and limit the range of values. In particular, it describes how to use the `min` and `max` functions when using Sass.