Flexboxは「レイアウト界のダンスチャンピオン」。親要素にdisplay:flexを与えたら、子要素が自由自在に並んでくれます。
justify-contentで横の動きを指示し、align-itemsで縦の動きをコントロール。
これでレイアウトが踊り出して、あなたのサイトも魅力アップ間違いなし!
setTimeoutは「1回だけ遅れて登場するヒーロー」、setIntervalは「決まった時間ごとに繰り返す頼れる相棒」。
間違えてsetIntervalを使うと延々ループの無限地獄にハマるのでご注意を!
用途に合わせて上手に使い分ければ、スクリプトの世界でヒーローになれます。
「section」と「div」は親戚だけど性格が違う。
sectionは「ここからここまでが意味のある一区切り!」と主張する論理派。一方divは「ただの箱です、何でも入れてOK」とお気楽屋。
SEOとアクセシビリティを考えるならsectionを仲良く使い分けて、HTMLの家をきれいに整えましょう。
CSSの世界で「display: none」と「visibility: hidden」はどちらも「見えなくする」魔法だけど、実は性格が違うんです。
前者はまるで忍者のように要素を完全に消し去り、スペースも占領しません。一方後者は透明マントを纏った状態で、見えないけどその場はちゃんとキープ。
使い分けでページのレイアウトを思い通りに操りましょう!
【自分で気軽に更新したい人】 毎回業者さんに頼むのは大変だから、自分でパパっと記事や写真変えたい人にピッタリ! 【自由にデザインいじりたい人】 かっこよくしたり、便利な機能つけたり、自分色を出したい人にGOOD! 【長く育てていきたいサイトを作りたい人】 ブログもやりたいし、ページも増やしたいな〜って思ってる人におすすめだよ。