他言語サイト
翻訳はみつかりませんでした

CSS3

CSS3について困っている人のために情報を発信します。 CSSは、HTMLで定義されたウェブコンテンツに装飾を付ける技術です。 スマホやタブレットなどいろいろなデバイスに対応する(レスポンシブデザイン)ことが必須になっているので、ますます専門性・重要性が高まっています。

アイコンフォントFontAwesome 4の新しい使い方

FontAwesome

アイコンフォントのFontAwesome 4の使い方が新しくなっています。

アカウント作成が必要になりました。アカウントの設定画面でバージョン変更をかんたんにできるようになっています。

HTMLの<head>の修正は不要です。

続きを読む

アイコンフォントFontAwesome 5はKitで管理する

FontAwesome

アイコンフォントのFontAwesomeはアカウント作成が必要になりました。

かんたんにできたCDNのCSS配信をやめて『Font Awesome Kits』というJavaScript配信に変えます。

アカウント作成から『Kit』をつかった方法をかんたんに説明します。

続きを読む

かんたんCSS リストのマーカー(点)を消す方法

css3 image

HTMLのul, ol, liタグで作ったリストのマーカーを消す方法は、とても簡単で、ソースコードのサンプルを使って説明するのですぐに終わります。

リストのデフォルトでは、黒い点や連番が左端についています。リストは、メニューなどで応用されて使われるので、マーカーが邪魔になります。また、独自のマーカーを作成することもあります。

このように、リストのマーカーを消す場面は多いです。マーカーの消し方がわからない人のために、わかりやすく簡単に説明します。

続きを読む

かんたんCSS vw,vh,vmin,vmax: 端末サイズ単位の使い方

css3 image

CSS3からvw, vh, vmin, vmaxが追加されました。

これは、新しい相対値(倍率)指定ですが、%との違いが分からない人もいると思います。

また、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。

続きを読む

かんたんCSS em,rem: フォントサイズ単位の使い方

css3 image

CSSのサイズ指定でよく使われるのは、px, %, em, remです。CSS3からem, remが追加されました。

まだ、em, remとpx, %の違い、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。

続きを読む

WebでアイコンフォントFontAwesome 5を数秒で使えるようにする方法

FontAwesome

有名なWebアイコンフォントにFontAwesomeがあります。アイコン画像をつくる必要がないのでとても便利です。

Twitter, Facebookなど有名な企業や製品のロゴも無料で使えます。また、CSSで自由に色を設定できます。

バージョン5からLINEのアイコンも追加されました。

今回は、FontAwesomeの設定方法から使い方まで、ソースコードサンプルを使いながら、だれでも分かるようにかんたんに説明します。

続きを読む
top
この記事を気に入ったらぜひシェアも!!