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

HTMLとCSS

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

HTMLはウェブサイトの構造化文書を定義し、CSSはその文書のスタイルを定義します。

どちらもプログラミングでないことに注意。(あくまで文書のフォーマット)

Font Awesome 6にフリー版がない(この先ずっと?)

Font Awesome

Font Awesomeのバージョン6がリリースされました。が、フリー版では使えない。まさか、ずっとなのだろうか?

バージョン5のアップデートは頻繁に行われているので、フリーで使いたければ5系でってこと?

今まではそんなことなかったので、今後どうなるのかさっぱり検討がつきません。

続きを読む

一番かんたんなスムーズスクロールの実装。CSSだけでできるが...。Apple頼む!

HTML, CSS, JavaScript image

リンクをクリックしてサイト内をジャンプするとき、キュルキュルーって動きながら移動するのを見ます。

スムーズスクロールといいます。CSSの1行追加でできるようになりました。

いま一番かんたんな実装方法です。ただひとこと言いたいのは『頼むぜ。Apple!』。

続きを読む

Font Awesome 5は公式のCDNでCSS配布を再開したらしい

Font Awesome

WebアイコンフォントにFont Awesome 5でCSSファイルを読み込むのに、CDNが一番かんたんな方法ですが、オフィシャルでCDNの配布を辞めそうだったところを覆して復活しました。

辞めるとなるといろいろ不都合があったんですが、心配はいらなくなります。

続きを読む

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

html5 css3 image

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

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

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

続きを読む

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

wordpress image

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

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

続きを読む