【Flexbox】2カラムと3カラムが混じった構成を作る
この記事では、Flexboxを使って2カラムと3カラムが混じっている構成を作ってみます。 具体的には下の画像みたいな感じです。 3カラムと2カラムが混じった構成 全部で5枚のカードを表示します。 また、これらのカードの情報はCMS（Contents Management System）で管理する前提で、カードの数も1つから5つまでで可変です。 この構成を作るのに苦労したので、具体的なコードをのせて説明していきたいと思います。 並べる要素の中は考えない ちょっと複雑なCSSを書く際のコツとして、あっちこっちのことを関連して考えないというものがあります。 今回の例でも、Flexboxでカラムの構成を考えるわけですが、並べる対象が何なのかまでは考える必要がありません。 まず段組みだけ作って、それぞれの中身はどうするのかは後で考えます。 要素ごとに分割して思考したほうが、考える内容が絞れて楽です。
ノートPCから意図しない映像流出を防ぐ、後付け物理カバー「WEBカメラ・カバー」
ノートPCのレンズにカバ－を装着 リモートワークが浸透してきた今日この頃。 WEB会議ではカメラoffでのぞむことも多いんだが、ZoomやTeamsのアプリ的にカメラoffにしているつもりが、うっかりカメラonになっていないか、一瞬ヒヤっとすることがある。 自分が使っているのはノートPCのカメラ・マイクだが・・・ レンズはディスプレイの上部にある感じ。 最近の高額なPCだと標準でカメラカバーがついてるんだが、自分の古めかしい仕事用PCにそんなギミックをのぞむべくもなく・・・ 後付けで何かできないかなと探していたら、あった。 WEBカメラ・カバーである。 webカメラカバー 早速、Amazonで買ってみた。 5個入りで999円だった。5個も要らないんだけど。 類似製品は山ほどありつつも、単価が安いからか「1個売り」はないようだった。 カバー裏面の台紙を剥がして、ノートPCのレンズに貼り付ける
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
