FORSMILE
JA

Tech Blog

Tech articles on web development & AI (6 articles)

AllAIAMPCSSJavaScriptNUXTSmartySymfonyTwigVUEWordPress開発記事
CSS2021/06/03

How to Customize Type Number Forms [CSS, Javascript]

I had a case where I needed to customize the design of a `type=number` form, so I'm documenting it here. This article was created with reference to the following.

Read More →
CSS2020/12/28

How to Add a Shadow to `clip-path` in CSS

You can create polygons and other shapes using only CSS, without needing technologies like canvas.

Read More →
CSS2020/12/21

Making a Child Element Full Screen Width Beyond Its Parent's Boundaries Using CSS

While not often requested for smartphone designs, PC designs sometimes have a specific need for a section to have a full-width background. If the design isn't responsive, simply using negative margins to expand the element would work. However, non-responsive designs are quite rare now...

Read More →
CSS2020/12/15

How to Truncate Long Text with Ellipsis (...) in CSS: Supporting Single and Multiple Lines

A method to truncate text that overflows its defined width in CSS with an ellipsis (...).

Read More →
CSS2020/12/10

Implementing Marquee with CSS: Horizontal Scrolling Animation

There used to be a `marquee` tag, but it has been deprecated since HTML5.

Read More →
CSS2020/12/09

How to Arrange dt and dd Side-by-Side in a dl with CSS

When using the definition list (`<dl>`) tag, `dt` and `dd` elements typically display on separate lines.

Read More →