Bootstrapは、HTML、CSS、Javascriptからなる人気のフレームワーク。 Bootstrap3日本語リファレンスでは、モバイル・ファーストとして生まれ変わったBootstrap3について解説しています。初心者でもわかる様に、ほぼ全てにサンプルを付けています。
たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます! 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません! 使い方については↓を! http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ! Twenty Fourteenに標準装
このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基本を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。 Font Awesome, the iconic font designed for Bootstrap ※ なお、本エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。 Font Awesome とは?Font Awesome は サイト上で使われるようなさまざまなアイコンを Webフォント として利用できるようにしたものです。フォントとして利用できるため、サイズや色などすべて CSS で調整して利用することができ
Font Awesomeとは? Font Awesomeとは、CSSのWebフォント機能を使うことで数千種類のアイコンをテキスト(文字)として表示可能にしたアイコンセットのことです。単なるアイコン画像集とは異なり、あくまでも文字としてアイコンを表示できる絵文字フォントなので、自身のウェブページ上に自由なサイズ&好きな色で、簡単に様々なアイコンを表示できるメリットがあります。 今回は、豊富な絵文字が詰まったアイコンフォント Font Awesome 5を、自身のウェブサイトで簡単に使う方法をご紹介いたします。とても短いHTMLソースを書くだけで望みのアイコンを掲載でき、CSSを使って自由自在に装飾できます。ぜひ試してみて下さい! 【本記事の目次】 概要:豊富なアイコンセット Font Awesome 5のバージョンと仕様 概要:Webフォントの仕組みと利点 準備:Font Awesome 5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く