#デイトラ #Web制作中 中級編DAY29～31　総復習 tips06～09まで レスポンシブ細かく画面サイズを設定する。 見栄えを調整するために、画面サイズを限定してフォントサイズをカンプより小さくすることもある😮 ユーザーがどんな画面で見ていても崩れないように丁寧にレスポンシブする。

#デイトラ #Web制作中 中級編DAY29～31　総復習 自分なりにコーディングしてから動画で確認。時間がかかるけど勉強になる。「OHA!」とは違うコーディングの仕方だからバリエーションが増える🙏 今週はなかなか時間が取れずtips05まで

#デイトラ #Web制作中 中級編DAY29～31　総復習 ヘッダーのコーディングJavaScriptまで動画を見ずにできた！見た目はOKだと思う。でも、動画で確認するとcssの当て方が違ってた💦自分のやり方だと余白に変更があったら面倒で汎用性のあるコードとは言えない・・・勉強になるなぁ🙂修正して進める！

#デイトラ #Web制作中 中級編DAY29～31　総復習 環境構築はバッチリだったと思う！ 公開するときにBasic認証しておくといいみたい。 logoをh1にするか、ファーストビューのキャッチコピーにするか迷う。logoにしておけば間違いないのかな🤔 今日はあまり時間がとれず💦 明日もっと進みたい！

#デイトラ #Web制作中 中級編DAY29～31　総復習 今日はtips04のHTMLコーディングまで ここまでは動画を見ずにできた🙂 迷子にならないように、明日は動画を見て漏れがないか確認する！特にBENの命名規則…まだ不安あり。特に確認する。

#デイトラ #Web制作中 中級編DAY28　中級編総復習 OGP画像は絶対パスで設定する。 基本的なOGPだけ設定したけど、Facebookなどの追加のOGPもある。 いよいよ中級編総復習。なるべく動画を見ずに進めていく！

#デイトラ #Web制作中 中級編DAY28Tips07まで 構文チェックやChrome拡張機能いろいろあるから助かります。 「スキルや経験が浅いからこそ品質をしっかりと維持する」心に刻みます。。。 OGPについてはもう少し調べてから明日設置する！

#デイトラ #Web制作中 中級編DAY27 スクロールに応じて要素を「フワッ」と登場させる。JavaScript難しかったけど、これを使えばスクロールに応じて登場させるのは簡単にできる！あとはcssのストックを作っておくとよさそうです🙂 「wow.js」の方も「shake」とかあって手軽に使えて便利！

#デイトラ #Web制作中 中級編DAY26 スムーススクロール フローティングアイテム jQuery、JavaScriptどちらもできるようにしていく。 sp版ドロワーメニューのリンクをクリックした時の処理忘れずに！

#デイトラ #Web制作中 中級編DAY25Tips04～ showModal(); これを指定しておくと<dialog>に対し使える疑似要素「::backdrop」がある。 ドロワー、アコーディオン、スライダー、モーダル…よくある実装しっかりできるように！

#デイトラ #Web制作中 中級編DAY25Tips03まで モーダル用にタグ<dialog> open 属性をつけない場合は何も表示されずモーダルに便利。 左右中央揃え複数あるので整理しておく。

#デイトラ #Web制作中 中級編DAY24 jsで間を空ける「spaceBetween」 「swiper」にはたくさんのスライドのデモがあった。いろんなスライド使ってみたい！

#デイトラ #Web制作中 中級編DAY24Tips05まで 「swiper」が予め用意してくれたタグやcssの詳細を見るにはDevツール 詳細度で負ける場合は「!important」も可 「overflow: clip;」は実際には充てられていなかったけど… swiperの方で変更したのかな？ Devツール細かーく見ないとこんがらがる😭

#デイトラ #Web制作中 中級編DAY23 アコーディオンは「.slideToggle()」だけで出来ると思っていたけど、そう簡単でもない💦要復習！ HTMLにstyleを書くの、馴染みがなくて😓こんなやり方もあるんだ。 アコーディオン用のHTMLタグ「detailsとsummary」目を通しておく。

#デイトラ #Web制作中 昨日は、その後ログインできたものの、フッター以外は真っ白の画面になり解決できませんでした・・・ 朝になっても解決できなかったら不具合を報告しようと思っていたのですが、今朝は通常通りログインできました！原因不明ですが、まず直ってよかったです。

#デイトラ #Web制作中 中級編DAY23途中まで デイトラ学習中、動画が固まったのでリロードしているのですが・・・？ デイトラのHPに入れない？？？ 私だけでしょうか😅？

#デイトラ #Web制作中 早朝から帰省するのでノートと書籍で復習する。 本当は手を動かすのが一番だけど・・・

#デイトラ #Web制作中 中級編DAY22 JavaScriptとjQuery 久しぶりで、遠い昔のような気がしてくる😓 見た目はcssで整えて、JavaScriptでtoggleClass()でクラス名を切り替える。 思い出すのに時間かかった💦アウトプットしていかないと忘れてく・・・

#デイトラ #Web制作中 中級編DAY21 あまり使ってこなかった「display: inline-flex;」疑似要素の横並びに使う…ということ！ 「flex-grow: 1;」は「flex: 1;」 「display: inline-grid;」と「place-items: center;」これもしらなかった。flexについて改めて勉強になった。まだ知らないことがいっぱい。

#デイトラ #Web制作中 中級編DAY21 clip-path: polygon; 以外にもいろいろある。 マーカー text-decoration: underline solid 色 px; text-underline-offset: 0; text-decoration-skip-ink: none;

#デイトラ #Web制作中 中級編DAY21 buttonタグは、フォームの送信やリセット、JavaScriptを介した特定のアクションをトリガーするために使用。 「margin-block: 先頭 末尾;」こういうのがあるんだ！ GWなかなか時間が取れないけどもう一回作ってみる！

#デイトラ #Web制作中 中級編DAY21 回答例とかなり違っていた💦回答は一例だから違う書き方でもいいと思うけど、自分のコードは一つ変えると他にも影響するコードになってた。また、使いまわせるように「font」などその都度書くことも大事。それを考慮して作り直す。