授業で使うスライド、触って動かせる図解、レッスンの導入スライドをまとめています。 左のリストで絞り込むか、キーワードで検索してください。
19 件 / 全 1280 件
href を取り替えて、下のページの色が変わるかどうか見てください。
セレクタを取り替えて、右のページで色が付く行がどこまで広がるか見てください。
書き方を切り替えて、見本の面の色が動くかどうか見てください。
2 つの値を動かして、本文の行と行の間がどう変わるか見てください。
セレクタを取り替えて、当たる行が何行になるか数えてください。
2 本目を取り替えて、どちらの色が画面に出るか追ってください。
サーバを直しても画面が変わらないのはなぜか、押して確かめます。
背景と文字に色を割り当てて、読めるかどうか確かめてください。
padding を厚くして、中心の content が動くかどうか見てください。
24px を padding と margin に入れ替えて、色の塗られる高さを見てください。
太さと線種を動かして、線が消える値を 2 つ見つけてください。
画面の幅をせまくして、箱が右端を越えるところを見てください。
box-sizing を切り替えて、箱の右端が親を越えるか見てください。
ステップを進めて、足した CSS の行と箱の姿が一緒に変わるのを見てください。
決まりを消してから、もう一度マウスを乗せてみてください。
秒数を決めてから「変化を起こす」を押し、動く速さを見てください。
2 つの数字を動かして、箱の浮き方がどう変わるか見てください。
先頭の候補を外して、どこまで落ちるか追ってください。
次のステップを押して、抜けを上から 1 つずつ直しながらカードの変わり方を見てください。
女性向けエンジニアスクール
