2023-07

DEV NOTE TIPS

How to prevent scrollbars from rattling in Bootstrap’s Offcanvas

This section explains how to prevent the scrollbar display from wobbling in Bootstrap's Offcanvas. The main solution is to set the data-bs-scroll attribute to true.
DEV NOTE TIPS

How to keep scroll position in Bootstrap5 Offcanvas

This section describes a solution to a problem in Bootstrap5 where scrolling the body while the Offcanvas is open and then closing the Offcanvas returns the body to its original position.
DEV NOTE TIPS

How to check the contents of PHP variables

This section describes functions for checking the contents of PHP variables.
DEV NOTE TIPS

How to remove the first number in a string using a regular expression

Describes a regular expression for removing a one- or two-digit number located at the beginning of a string.
DEV NOTE TIPS

Access permission error and countermeasures when changing DB prefix in WordPress

This page describes the "You do not have permission to access this page" error that occurs when changing the WordPress DB prefix and how to fix it.
DEV NOTE TIPS

Font-face not working problem and solution

This section describes a problem with font-face not working and its solution. The main causes are loading errors in the font folder and permission setting problems.
DEV NOTE TIPS

ssh error on Name.com rental server

SSH error on Name.com's rental server, and I offer a solution to it.
DEV NOTE TIPS

How to fix the problem of letter-spacing spacing to the end of the last letter

This section describes the problem of letter-spacing that results in spacing until after the last letter and how to solve it.
DEV NOTE TIPS

Height problem when using direction: ‘vertical’ in swiper.js and its solution

This page describes the problem of incorrect height when using direction: 'vertical' in swiper.js and its solution.
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.