2020年08月17日(月)

SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」

• 0
• 7
• 6
• 12

Create Content Loader

Create Content LoaderはSNS等のローディングで見かけるプレースホルダーをSVGで作れるWebアプリです。

FacebookのカードやInstagramなどで読み込み中にコンテンツのシルエット丸ごとプレースホルダーにした、みたいなアレ。

試しに作ってみました。

Ads

See the Pen MWyyLgB by kachibito
(@kachibito) on CodePen.

スクエアかサークルの任意のオブジェクトを作成して配置、色やアニメーション速度を設定します。

また、ユーザーによって作られたサンプルもいくつか公開されています。

author:

かちびと.net

http://kachibito.net

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

おしゃれなソファのおすすめ10選。かわいい2人掛けからシンプルな3人掛けまで

         

NEXT ›

               

JavaのgetParameterメソッドの使い方を現役エンジニアが解説【初心者向け】

関連記事

• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• 2021年、Web制作・デザインに役立つ記事の総まとめ
• 2020年、Web制作・デザインに役立つ記事の総まとめ
• 【2019年4月版】役立つ新しいスキルをマスターしよう。
• 【保存版】フロントエンド開発に役立つジャンル別jQueryプラグイン50選 ダウンロードしてすぐに使える！

Ads

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」』についてまとめています。

この記事は特にレスポンシブ・アニメーション・SVG・facebook・Google・Instagram・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。