[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation
classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation 左はアニメーションのトリガーをページのロード時、右はホバー時にしたものです。 Font Awesome Animationの使い方 Step 1: 外部ファイル Font Awesomeと当スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="font-awesome.min.css"> <link rel="stylesheet" href="font-awesome-animation.min.css"> Step 2: HTML まずは、Font
装飾的なテキスト — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 装飾的なテキスト 公開日 : 2014年2月7日 カテゴリー : アクセシビリティ Web ページに配置されるテキストコンテンツは、単なる装飾ではなく、基本的には意味を持った情報であるはずです。したがって、ブラウザ上で見ることができるだけでなく、たとえば、視覚障碍を持ったユーザーのために、スクリーンリーダーで音声読み上げができる必要があります。 ただ、現実には、装飾的なテキストというものも存在しています。 たとえば、サイト名やサービス名の下に外国語でサブキャッチっぽいテキストを入れたり、ナビゲーションメニューの項目や Call To Action (行動喚起) ボタンでメインの日本語ラベルの下に小さく英語表記を入れたり、といった例が挙げられると思います。最近は Web フ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
