WebアイコンフォントにFont Awesomeがあります。CSSをHTMLにはめ込むだけで使えます。
CSSファイルを読み込むのに、CDNが一番かんたんな方法ですが、公式のCDNの配布をやめるそうです。
ということで別のところからCDNをもってきます。
続きを読むCSS3
CSS3で困っている人のために情報を発信します。
CSSは、HTMLで定義されたウェブコンテンツに装飾を付ける技術です。
スマホやタブレットなどいろいろなデバイスに対応する（レスポンシブデザイン）ことが必須になって、ますます専門性・重要性が高まっています。
CSSはプログラミングでないことに注意。（あくまで定義ファイルのフォーマット）
AtomでHTML, CSS, JavaScript開発。おすすめのパッケージ。
テキストエディタのAtomでHTML, CSS, JavaScriptを開発するのにおすすめのパッケージをご紹介します。
大きく分けて『IDEを使う』『linterを使う』の2つの方法があります。標準で付いているものでも必要十分で、それを使うのもあり。
続きを読むかんたんCSS, HTML抜きで要素を追加する(::before, ::after)
::before, ::afterはCSSの疑似要素で一番使います。CSSで新たに要素を追加します。HTMLに書くまでもない要素を作るときに使います。
それについて、かんたんに誰でも分かるようにサンプルコードを使いながら解説します。
（ここでしか使えないcontentプロパティも説明します。）
続きを読むWebでアイコンフォントFont Awesome 5を数秒で使えるようにする方法
WebアイコンフォントのFont AwesomeはTwitter, Facebookなどのロゴも無料で使え、CSSで自由に色の設定もできてバージョン5からLINEのアイコンが追加されました。
今回はFont Awesomeの設定から使い方まで、ソースコードを使いながら分かりやすいように説明します。
続きを読むHTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン
HTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。
このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。
これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むかんたんCSS, 言語別にスタイルを適用する（:lang疑似クラス）
マルチ言語サイトで、同じスタイルをそれぞれ用意するのではなく、同じものを使いたいときがあります。でも、CSSに文字列を書いてある場合どうしたらいいのでしょうか？
CSSでは、サイトの言語別に分けてスタイルを適用させる方法があります。サンプルコードを使って、かんたんに誰でも分かるように解説します。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
