リベホワイトのCSS3基礎実務 - 2024

本当に久しぶりに映像が更新されました^^。
aspect-ratioはアスペクト比を意味します。私は最近プロジェクトをしているので、しばらく出てくる男です。
実際には欠かせない属性の一つでもあります。

ほとんどの作業者がよく使うと思いますが、その映像をご覧になれば、知らなかったいくつかの秘密があることがわかります。是非定走していただき、プロジェクトにお役立てください。

じゃあ熱攻してね！次のビデオでお会いしましょう。
ありがとうございます。

CSSの大きな欠点の1つはセレクタの問題です。
セレクタ1つがグローバルに渡されるという問題がありました。これを解決するためにセレクタのスコアや他のクラス名を考えなければならないということです。

もう一つの欠点の一つはクラス名の長さです。私はこれまでBEM方法論でクラスネーミングをしていました。しかし、@scopeを導入しながらそのようなことが消えました。

これらの問題を補うスコープのビデオを参照してください。

こんにちは。

CSSをやってみると、z-indexに対するストレスが汚れています。
代表的には-1値のため不要なhtmlを追加構成する必要があるということです。

これを補完するコードはisolationです。
その映像を見ながらどのように解決できるか、
調べてください。 ^^。

こんにちは。

CSS 最新仕様の一つである light-dark() 関数映像を追加しました。過去にはダークモードをするために@mediaを活用して進行していましたが、light-dark()関数でカラー管理を直感的にできるようになりました。デザイナーとコラボレーションしてカラーガイドだけがよく出てくれれば、スムーズなプロジェクトが予想されそうですね。

ダークモードに興味のある方なら、今回の講義をお見逃しなく是非ご覧ください。

ありがとうございます！

CSS3 Basic Online 基礎実務オンラインコースに新しいBEM(Block, Element, Modifier)映像が追加されます。このビデオでは、BEM方法論の基本概念から実際のプロジェクトに適用する方法まで詳しく説明します。具体的には、BEMを通じてコードの保守性を高め、コラボレーション時に一貫性を維持する方法を重点的に説明する予定です。

今回の映像の主な内容：

• BEMの基本概念:ブロック、要素、修飾子の定義と役割

• BEM ネーミングルール: コード例を使用した BEM ネーミングコンベンションの理解

• 実用化：実プロジェクトでBEMを活用した事例分析

• 長所と短所：BEM使用の長所と短所の分析

CSS学習に興味のある方は、今回のBEM映像を通じて多くの助けを得ることができるでしょう。お見逃しなく是非ご覧ください！

追加のご質問やご質問がある場合は、いつでもコメントしてください。

ありがとうございます！