#デイトラ 中級編課題
諸事情でスローダウンしていますが、合計約30時間で95%は自力で作成できました!レスポンシブ対応が完璧にはできていないので、そこだけ解答見てしっかり学習します。とにかく手を動かして数をこなさないと駄目だ!!と痛感した課題でした🥲
1
6
多分一番苦戦したのは、Swiperのカスタマイズ。公式ページを見ても中途半端にしか変更できず諦めかけていたところ、こちらの解説に救われました。今後もお世話になること間違いなしです🙇♀️
kiomiru.co.jp/blog/coding/sw…
2
#デイトラ 中級編課題
土日の計9.5時間で、PC版のCSSの7割程度まできました!疑似要素が表示されない、うまく左右中央寄せできない、JSが反応しない等々、詰まってはググるの繰り返しですが、自分の成長も感じられて嬉しいです🙌今週も頑張ります😎
#webデザイン勉強中
5
VS code 使い慣れているエンジニアさんには当たり前なんだと思いますが、Alt (Option) キー押しながら複数箇所クリック選択して一括修正できるって、最近知って本当によかった。Emmetも重宝してますが、編集用の小技も重要ですね🧐
#デイトラ #Web制作 #webデザイン勉強中
10
合計2.5時間で中級編課題のセットアップとHTMLがひとまず完成。大変なのはCSSとJSだけど、HTMLはそこまで悩まずに書けて嬉しい金曜日でした😊週末でゴリゴリ進めます!
#デイトラ #Web制作 #webデザイン勉強中
12
#デイトラ 中級総復習が難しくて、自力でできたのは50%位な気がします🥲特に問い合わせフォームへの嫌悪感が猛烈に強まってしまいました←サイトの目的としては大事なパーツなのに。数をこなして慣れるしかないのかな・・・
#webデザイン勉強中
1
13
フォームの細かいスタイル指定が難しすぎて心が折れた土曜日でした🥲でも、続けていれば数カ月後には理解できていると信じて、続けることが大事。Keep going!
#デイトラ #webデザイン勉強中
7
#デイトラ 中級編DAY26-27
✅ページ内リンク先へのスクロール
✅クリックイベントの処理
とりあえずコードのメモは、常時使っているNotionに書き留めることに。/code でコード用ブロックが作れて、言語別に色の識別もあって、当面問題はなさそう。これからはちゃんと自分用にメモ残します!
4
#デイトラ 中級編DAY23-25
✅Swiperを使ったスライダー作成
✅wowを使ったアニメーション
✅ゼロからドロワーメニュー
jQueryプラグインの便利さ(笑)開発してくれた天才エンジニアたちの肩に乗らせてもらいながら、どんどん進めます!
5
#デイトラ 中級編DAY20-21
✅ ホバー時の動きの付け方
✅ transitionプロパティは疑似要素の前に置く
✅ font-familyは英語→日本語の順に指定
CSSって奥が深い。最低限の要点は押さえつつ、完璧な理解は追い求めず、まずは全体観を手に入れたいです!
2
#デイトラ 中級編DAY18-19
✅ inputタグのtypeいろいろ
✅ aタグにtarget="_blank" で新規タブが開く
✅ CSSで色にグラデーションをつける方法
超勉強になったけどきつかった・・・早くもノーコードツール使いたい(笑)webflowならコード吐き出せるらしいので、使いこなせたら超強力な気がする!
1
#デイトラ 中級編DAY16-17
✅ HTMLの tr, th, td; dl, dt, dd
✅ 地図・動画の埋め込み方
✅ calc () を使ったサイズ指定
今日は6月までのロードマップを作成しました。超ざっくりですが、4月は集中学習→5月に営業開始→6月までに初案件受注、を目指します!!
5
#デイトラ 中級編DAY12
✅ max-widthは要素の横幅に制限をかける
✅ ヘッダーの固定方法(難しい!!)
今週忙しくてスローダウンしてますが、自分へのハードルを調節しつつ、3月中には中級編終わらせたいです。コーディング以外もやらなきゃと焦るけど、まずは中級編を走り切ることに集中します。
3
#デイトラ 初級編課題完了
はじめてゼロから制作したウェブサイトを公開できましたーーー!ニーズがあれば有料サービス展開しようと思っている、大学院留学スポット相談室のLPです。無料モニター募集中なので、気軽にDMください!
gradschool-consulting.com/
#大学院 #留学
3
#デイトラ 初級編課題 今日の学び
✅ CSSで画像を暗くする方法
✅ CSSで要素を中央寄せする方法
朝から夜まで計7時間程かかってしまったけど、BootstrapとSass使いながらCSS完成!明日サーバーに上げて公開予定🙌動きをつけるのは中級編課題でがんばります。
2
ちなみにFont Awesomeの一部アイコンが表示されなくて詰まっていたら、有料アイコンでした。あるあるのトラブルみたいなので、検索フィルターでFreeを選択しておくと回避できます!あとは有料会員になるかですね。
#webデザイン勉強中
4
