CSS（一部SVGも使用）で作成されたユニークなローディングアニメーション 15 - NxWorld
見栄えからアニメーションまで基本的にCSS（一部SVGも使用）を使って作成されているユニークなローディングアニメーションを、CodePenで公開されている中から紹介します。 ローディングはそんなに長い時間表示させることは少ないですし、自分の場合はサクっと汎用的なシンプルなデザインのものを実装することがほとんどですが、こういった部分まで拘りたいとかちょっと面白いアニメーション付けたいってときに参考になるものやインスピレーションもらえそうです。 Loading Idea HTMLとCSSで作成した三角形を並べ、それらをタイミングずらしてopacityを使うことで見栄えを実装しています。 このデモはすべて同じカラーですが、カラーをバランス良く異なるものに設定するのも良さそうです。
【Labs】タップして電話が掛けられるリンクの設定
NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからグラフィックデザイナー兼Webデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり(某通販サイトで３ヶ月連続売り上げTop3を達成、最高順位２位という微妙な感じではあるが...)。趣味はお酒を飲みながらの家でまったり音楽鑑賞と自転車やバイクで行くキャンプやアウトドア系全般。そうそう食べ歩きもね。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて
InDesignの基本（2/2）フレームの種類
InDesignのフレームを理解しよう！ はじめに「フレーム」あり Illustratorに慣れている方がInDesignに乗り換えるときに抑えておくと良いポイントはズバリ、「はじめにフレームあり」という原則です。 Illustratorはアートボード上で文字ツールをポチッとすると即、文字入力ができますね。 でも、InDesignではまずフレームを作らなければ文字を入れることはできません。一行の文字であってもそうです。Illustratorでいう「エリア内文字」が基本になっているのです。（Illustrator編、「ポイント文字」と「エリア内文字」の違いについて：を参照） Illustratorのようにポイント文字でレイアウトして、ドラッグで文字の大きさを変えていたクリエイターからすると、なんだかめんどくさい…と感じるところかもしれませんね。 画像も、Illustratorでは「ファイル→
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
