2026年07月28日(火)
これは賢い！ CSSのch単位とtranslateX(ch)を使用すると、拡大縮小してもきれいなローダーを実装できる -Loading UI
サイズを小さくしても大きくしてもくっきり表示され、カラーや回転速度も自由に変更でき、ストローク幅や回転方向もカスタマイズできるローダーを紹介します。
デザインは約50種類ほど揃っており、すべてシンプルなので、ほとんどのUIに違和感なくそのまま使用できると思います。
Loading UI
Loading UI -GitHubLoading UIの特徴
Loading UIは、スマホアプリ向けのローディングインジケーターを集めたカスタムレジストリです。shadcn/uiで普及したコピー＆ペーストやCLI対応といった使いやすいモデルが踏襲されていますが、他の...
0
0
2
0author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『これは賢い！ CSSのch単位とtranslateX(ch)を使用すると、拡大縮小してもきれいなローダーを実装できる -Loading UI』についてまとめています。
この記事は特にjavascript・アニメーション・SVG・SEO・LINE・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
