【12/11】
学習時間：1.5h
総時間：111.0h
12月：12.0h

✅中級編DAY7

ーーーーーーーーーーー
今日はメインビジュアルをコーディング。新しいCSSもいくつか習得！width:fit-content; が思った以上に便利で感動。覚えておくぞ〜🔥
ーーーーーーーーーーー

#積み上げ #デイトラ December 12, 2025

複雑な面白いアニメーションを作っている方もたくさんいますが、なかなか自分のセンスだけで作るのは難しかったりします。

そんなときにこのようなアイデア帳があるとすごく便利です。
アニメーションを一覧化して見れるので、引き出しを開けやすい。

#HTML
#CSS
#JavaScript
#アニメーション https://t.co/kHqHSy0ybc December 12, 2025

【Webコーダーさんは要チェック！】

実は新しくなってるCSSの指定方法3つ！
※その記述方法はもう古いかも・・？

✅️左右中央寄せしたいとき！
margin: 0 auto; ではなくて
margin-inline: auto;
が良い

これなら上下のマージンを
リセットせずに済みます✨
（inline=横、block=縦と覚えればOK！）

✅ rgbaはもう古い・・
色と透明度を同時に指定する時に多用するrgba、
今はrgbが最新版

「,」 区切りがない分ちょっとスッキリ

✅️transform系は個別指定できる
translate: -50% -50%;
scale: 1.1;
って個別指定できちゃいます

これなら記述の順序を気にしなくていいし、
hover時の上書きとかも楽々

※なぜかskewだけは個別指定NGなので注意

とはいえ知らぬ間に
これらも古くなってる可能性大だから
ちゃんとキャッチアップしてくのが大事ですね。

プロフのnoteにまとめてるから
そっちも読んでみてほしい😌 December 12, 2025

JavaScriptやWordPressが苦手って人、それってHTMLやCSSに比べて自分でコードを書く機会が圧倒的に少ないからだと思うんです。
今ならAI、一昔前ならブログ記事からコピペが主流でした。

要は自分で考えずに他人の知恵を借りて実装出来て、そのまま振り返りもせず「なんかわからんけど実装出来た」で放置するからなんですよね。そりゃ成長スピードも遅いし、コードが読めないから応用も効かない。

なのである程度書いてるコードの理解が出来るまでは自分で書くようにした方がいい。色々出来るようになると楽しいですよw December 12, 2025