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

CSS3

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

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

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

続きを読む