on:2017年5月29日sponsorsWebページやスマホアプリを読み込む際に、ローディングのアニメーションを表示するのをよく見かけます。最近ではFacebookやSlackなどでインターフェイスプレビューとして、表示される予定のコンテンツをプレースフォルダーで先に表示しています。表示される予定のコンテンツとして利用できる画像や見出しやテキストなどをプレースフォルダーで表示できる軽量のスタイルシートを紹介します。そのまま使用してもよし、カスタマイズもCSSベースで簡単にできます。-GitHubmockaのデモmockaの使い方mockaのデモデモページでは、mockaでスタイルしたコンテンツを確認できます。外部ファイル当スタイルシートを外部ファイルとして、記述します。href="mocka.min.css"></head>CSSの中身はわずか、500bytesなので、HTMLに直接記述してもよいですね。HTMLダミー画像、ダミーテキストを配置したい箇所に、HTMLを記述します。class="mocka-text"></span></div>.mocka-containerダミーのコンテナ.mocka-mediaダミーの画像.mocka-headingダミーの見出し.mocka-textダミーのテキストカスタマイズスタイルシートは非常にシンプルなので、スタイルを簡単に変更できます。