タグ ローディング時
人気順 10 users 50 users 100 users 500 users 1000 usersモバイルオンリー、グリッドの使い方の変化、ボタンに使われるアニメーションなど、Web制作者が備えておきたい現状とトレンドを解説 | コリス
モバイルファーストからモバイルオンリーへ、レイアウトのグリッドやローディング時のアニメーション、ボタンに使われるアニメーションも少しずつ変化し、人工知能によるデザインなど、Web業界は着実に進化しています。 Webデザイン、そしてグラフィックデザインで今起きている現状と知っておきたいトレンドを紹介します。 2016年は「モバイルファースト」の年でした。そして、2017年はついに「モバイルオンリー」... 続きを読む
ローディング時のより良いUIの実装 // Speaker Deck
All slide content and descriptions are owned by their creators. 続きを読む
実装はとっても簡単!アニメーションが気持ちよく、デザインもかわいいCSSで実装された軽量スピナー -CSSPIN | コリス
ページやコンテンツのローディング時によく使われる、アニメーションが気持ちよく、デザインもかわいいCSSで実装されたスピナーを紹介します。 実装はdivひとつのミニマルなHTMLで、とっても簡単です。 CSSPIN CSS ...記事の続きを読む 続きを読む
Swift - ローディング時のズルい進捗表示 - Qiita
今開発中のPlayer!のログイン・登録画面で、こんな進捗表示をしていますが、これ実はフェイクだったりします( ´・‿・`) (Qiitaの画像サイズ制限が厳しくて粗いです。キレイなものは実際にアプリダウンロードしてご覧下さい。) 経緯 元々、この画面はこういう進捗表示では無く、単にインジケーターがクルクルするだけで、進捗状態が分からないものでした。 特にネットワークが悪いところだと、バグって固ま... 続きを読む
実装は超簡単!デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー | コリス
ページのローディング時によく使われる、デザインがかわいく、アニメーションもかわいいCSSで実装されたスピナーを紹介します。 divひとつのミニマルなHTMLで、簡単に実装できます。 スピナーの実装 実装は、簡単です。 「弾むボール」を例に、説明します。 Step 1: 外部ファイル 各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel=... 続きを読む
画像もFlashも無し! スタイルシートでローディング時のスピナーを生成する -CSS load.net | コリス
スマートフォン用のサイトにも設置できる、CSS3アニメーションを使ったローディング時のスピナーを作成できるオンラインサービスを紹介します。 CSS load.net スピナーは現在のところ8種類あり、それぞれカラー・サイ [...] 続きを読む