2024-09

DEV NOTE TIPS

Useful image display technique combining aspect-ratio and object-fit

By combining the aspect-ratio and object-fit properties of CSS, you can maintain the aspect ratio of an image and fine-tune the way the image is displayed while supporting responsive design.
DEV NOTE TIPS

Usage about the third argument of get_template_part()

The third argument of get_template_part() is used to explain how to pass variables to the template and how to safely check them with the isset() function.
DEV NOTE TIPS

How to mix and match custom posts on post pages

If you want to mix and match custom posts on your WordPress post pages, here's how to customize your query using the pre_get_posts action hook.
DEV NOTE TIPS

Specifying files with Gulp’s glob pattern

This section describes how to specify files using Gulp's glob pattern.
DEV NOTE TIPS

Google Spreadsheet App Script error resolution: How to deal with “TypeError: Cannot read properties of undefined (reading ‘getSheetByName’)

This article explains how to resolve the "TypeError: Cannot read properties of undefined (reading 'getSheetByName')" error that occurs in the App Script for Google Spreadsheets. It details the technical background as well as effective ways to deal with the issue, including restarting the editor and explicitly retrieving the spreadsheet.
DEV NOTE TIPS

Solutions for when CSS doesn’t display the way you want it to

If an element does not display the way you want it to in CSS, it is important to check the display attribute settings. This section details examples of specific problems and their solutions.
DEV NOTE TIPS

How to check for broken theme errors and parent themes

Learn more about errors when a child theme does not recognize its parent theme in WordPress and how to resolve them.
DEV NOTE TIPS

What to do if engagement (PV) is not displayed in Google Analytics

This section explains the causes of why engagement is not showing up in Google Analytics and the solution to change the report to public.
DEV NOTE TIPS

What to do if text-overflow: ellipsis; does not work

This section details the causes of text-overflow: ellipsis; not working and how to deal with it, such as display: block;.
DEV NOTE TIPS

How to not align the height of small elements with display: flex (to match the content)

This section explains how to use align-items: start to align Flexbox child elements with the content without aligning their heights.
DEV NOTE TIPS

Recommended Development Environments for Web Coding: Thorough Explanation from Hardware to Software

An appropriate development environment is essential for efficient web development. This article introduces the best deve...