ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

CSS3

CSS3で困っている人のために情報を発信します。

CSSは、HTMLで定義されたウェブコンテンツに装飾を付ける技術です。

スマホやタブレットなどいろいろなデバイスに対応する(レスポンシブデザイン)ことが必須になって、ますます専門性・重要性が高まっています。

CSSはプログラミングでないことに注意。(あくまで定義ファイルのフォーマット)

HTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ

html5 css3 image

javaScriptを使わずにHTML&CSSだけでON/OFFスイッチを作ります。

Webのサービス・アプリの設定画面でよく見るやつで、トグルボタン、トグルスイッチとも言います。

だれでも分かるように、サンプルコードを少しずつ作りながら説明します。

続きを読む

WordPress5.3, 管理画面のCSSスタイルの見直し・統一

wordpress image

WordPress5.3では、管理画面の見た目の修正が始まりました。おおらかな人は気づかないくらいの細かいことですが、ボタンなどのコンポーネントの色や線など、見やすくて疲れないように作業のジャマにならないように修正されてます。

UX(ユーザーエクスペリエンス)の向上ですね?

続きを読む

アイコンフォントFont Awesomeはアカウントが必要になった

Font Awesome

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

バージョン管理を自動化するためです。

これはバージョン4系、5系の二つとも。アカウント作成でなにが変わったのか? アカウントは何を管理して何を設定できるのか? を説明します。

続きを読む

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

Font Awesome

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

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

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

続きを読む

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

Font Awesome

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

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

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

続きを読む