css | Studio947 狩野祐東・狩野さやかの本

Bootstrap 5のスターターテンプレートの使い方

新のBootstrap 5を使う一番簡単な方法はCDNを使うことだけど……　CDNのファイルを読み込むといろいろカスタマイズができない。カスタマイズするにはファイルをダウンロードしてくる必要があるが、新規にサイトを作ると… [more]

いまでもSassなどを使えばCSSの値を変数として保存しておくことができるが、ネイティブのCSSでもできるよ、という話。ちなみにIE11では動かないけど、そろそろいいよね。それ以外のほとんどのブラウザでは機能する。 CS… [more]

テキストに下線（または上線）を引く、text-decorationに関連する新プロパティがある。現在のブラウザの多くが下線の色や線の形状（実線、破線など）を設定できる。テキストの下線の色、線の形状を設定するにはテキス… [more]

ときどきみかける「テキストにホバーしたら下線が横に伸びる」リンク。簡単に見えますが意外と面倒で、ちょっと長いCSSを書かないといけません。

書籍『いちばんよくわかるHTML5&CSS3デザインきちんと入門』の書籍内に掲載されているURLの一覧です。

caniuse.comをターミナルで使える、コマンドラインツールを発見しました。

「HTMLやCSSをちゃんと書いたはずなのにうまく表示されない」ということがよくあります。HTMLやCSSが
「思ったように表示されないなあ」というときは、バリデーションサービスを使ってみましょう。

flex boxの記事を紹介するシリーズ、今回で最後です。最後はflexboxの応用例を紹介します。第2回で紹介したボックスを横に並べるテクニックの発展系で、より高度なレイアウトを実現します。

flexboxの実践的な使い方シリーズ。第3回目の今回は、ページレイアウトをしてみます。2コラムレイアウト、3コラムレイアウト、モバイル向けシングルコラムレイアウトを作成します。そして、これらのレイアウトをレスポンシブで変化させる方法も紹介します。

flexboxの実践的な使い方4回シリーズの第2回。flexboxの中心となる強力な機能「親要素のスペースに合わせて子要素を伸縮させてピッタリ収める」を使って、ボックスをきれいに並べてみます。