- すべて
- 画像・動画
並べ替え:新着順
【Web制作コース 193日目】 作業:2時間 DAY32-42 中級編最終課題(17日目) relative(相対)absolute(絶対)の訓練になった(絶対、相対無関係か?) 猫の右耳分だけrelative領域からハミ出てた left:0 でOK👉right:20にしてた(20が右耳分の幅) 基本みっちりデイトラ #デイトラ #WEB制作デイトラ pic.twitter.com/jYK84xGRpm
【Web制作コース 192日目】 作業:1.5時間 中級編最終課題(16日目) なぜかFV画像の領域が小さい 見本サイトと見比べ「どこが??」👉メンター質問 超基本img{}にwidth:100% height:100%なかっただけ 検証ツールの見方がよりわかった感じにはなった💪 基礎力積み上げるぞ❗ #デイトラ #WEB制作デイトラ pic.twitter.com/btB5Pvg190
【Web制作コース 191日目】 作業:3時間 DAY32-42 中級編最終課題(15日目) ドロワーメニューにFV画像が上書き表示👉z-indexがやっぱり原因 親要素headerのz-index:1👉10 にして解決 包含要素は数学的にめちゃ単純だけど勉強になる 今は画像サイズが小さくなるので戦い中! #デイトラ #WEB制作デイトラ pic.twitter.com/2RQK5rHTzn
【Web制作コース 190日目】 作業:4.5時間 ブレークポイント(width:900px)で画像が切り替わらない ドロワーメニューにFV画像が表示される <piture class>だとわかりやすいと思ったけど見本コードでは違う組み立て discordでメンターに質問、回答いただいたので明日トライ❗#デイトラ #WEB制作デイトラ pic.twitter.com/hB0X1XF7lh
Web制作コース中級編「DAY 26 スムーススクロールとフローティングアイテムを作る」をクリア。 タブの場所や下三角の表示場所に苦労しました。今回はthを使わずにdivタグとflexを利用して表を作ってみた。cssの管理がしやすかったように思う。 #デイトラ #WEB制作デイトラ pic.twitter.com/0uskGg47oA
【Web制作コース 188日目】 作業:2時間 中級編最終課題(12日目) heeder(sp)ようやくできた感じ(ここまで2週間弱😱)スマホが、 ドロワー1本目のbarはwidth:100%で解決、案外あっさり この動画👇ドロワー開いた時のスクロール無効とか検証ツール見ながらjQuery実装できた #デイトラ #WEB制作デイトラ pic.twitter.com/VMEKmgMzMz
【Web制作コース 187日目】 作業:2時間 OGP、フォント読み込みしてなかったので設定 FigmaにスタイルガイドやPC画像があることに初めて気づいた アレコレと2時間、、、 transform: rotate( deg)でアイコンを👉✗ にと思ったら 1番上のアイコンバー(span2つ)に苦戦しそう #デイトラ #WEB制作デイトラ pic.twitter.com/vFSjwAQezA
2024/05/07 #デイトラ 2日目 #3 Web制作コース初級編 「DAY 7 ゼロからサイトを作ってみよう③」 をクリアしました‼ 有言実行✨ 1日でDAY5-7まで完了しました(`・ω・´)ゞ 明日以降は復習なのでより丁寧に時間をかけて学んでいきます。 #WEB制作 #WEB制作デイトラ pic.twitter.com/4moXFonEUN
2024/05/07 #デイトラ 2日目 #1 Web制作コース初級編 「DAY 5 ゼロからサイトを作ってみよう①」 をクリアしました。‼ とりあえずヘッダーを作ることができました^^ まだまだ時間はあるので、引き続きやっていきます! やる or もっとやる!!! #WEB制作 #WEB制作デイトラ pic.twitter.com/4lCqYKLxk7
【Web制作コース 186日目】続き 作業:2時間 DAY32-42 中級編最終課題(9日目) あと、なんでこの動画のようにアイコンバーの真ん中がずれる? ドロワーアイコンで top:0 (1本目) top:50% (2本目) bottom:0 (3本目) なぜ trnslateY(-50%)するのかわからない #デイトラ #WEB制作デイトラ pic.twitter.com/AyM1Zs5bnS
【Web制作コース 186日目】 作業:2時間 DAY32-42 中級編最終課題(9日目) 今日からこれまで作成したコード (HTML & CSS) の修正 ほぼ最初から組み直すので勉強できるものしかない! flex効かない、と思ってたら不要なclassがあったからだった😅あと、margin-left:auto😅 #デイトラ #WEB制作デイトラ pic.twitter.com/Nf84UI3eEf
【Web制作コース 185日目】 作業:4時間 ファーストビューの実装が終わってきた 細かいところで位置や動きが狂う メンターに質問👉コード大幅修正が必要と理解 検証ツール=カンニングと誤解👉参考にはできるって今更ながら気付いた めちゃめちゃ煩悶&面白くなりそう⤴🧐 #デイトラ #WEB制作デイトラ pic.twitter.com/nNbjYxtfm9
#1か月チャレンジ #1か月チャレンジ202405 DAY 32~42 最終課題:実践コーディング ー Web制作コース中級編 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ gridやBEM命名規則の学びなおし。 gridは7で割るまではできたが、書き方かわからず観念してカンニング。 図にしてみたらわかりやすい。 pic.twitter.com/xMj2oXlUgs
【Web制作コース 183日目】 作業:3時間 DAY32-42 中級編最終課題(6日目) 👇この部分👇 ファーストビュー画像、テキストを左右中央配置❌ 👉デイトラメンターに質問して画像サイズ変えても中央配置できるようになった! #デイトラ #WEB制作デイトラ pic.twitter.com/AV29ZOPuSS
【Web制作コース 183日目】 作業:3時間 DAY32-42 中級編最終課題(6日目) ファーストビュー画像、テキストを左右中央配置❌ z-index うまく効いてない Z-index にはposition設定が必要とググり、absolute 設置👉スマホ部分のみ z-index ⭕ メンター質問した再度取組む! #デイトラ #WEB制作デイトラ pic.twitter.com/zn84seeGm8
【Web制作コース 182日目】 作業:3時間 DAY32-42 中級編最終課題(5日目) ドロワー領域内にやっとアイコンバーを全て設置できた position: relative; position: absolute; top: 0%; left: 0; これで設置(topは50% 100%も) メンターに聞くと基礎がわかるので助かる #デイトラ #WEB制作デイトラ pic.twitter.com/PRQRuXRlq9
【Web制作コース 179日目】 作業:1時間 中級編最終課題(2日目) 昨日に引き続きドロワーアイコンの位置が定まらない いろいろ試していくと、何を試したのかとっ散らかってしまった🙄 デイトラdiscordでメンターに質問した、時間的に明日の回答 明日こそheader突破したい❗ #デイトラ #WEB制作デイトラ pic.twitter.com/fDfhkIPXZO
【Web制作コース 178日目】 作業:4時間 中級編最終課題(1日目) なぜかドロワーアイコンの位置が決まらない display-flex でロゴとドロワーアイコンを並列に このあと space-between かと思いきや全く決まらない この紫の部分はなぜこんな幅になっているんだ? #デイトラ #WEB制作デイトラ pic.twitter.com/43YhTirG5g
Menuの下にドロワーメニューを持ってきたいんだけど、どうしたらいいですか?😭 ここまで来たけどどう動かしていいのか分からない・・・ #Web制作デイトラ #デイトラ pic.twitter.com/zCRewzDmOB
【Web制作コース 177日目】 作業:4時間 中級編の最終課題の前に ブログとポートフォリオを別サイトにするか👉とりあえず別で立ち上げ 💡サイト運営方針が未定で先延ばしだった ドメイン1年間無料だし ブログ3年やってきたのでサイトメンテナンス考えながら構築していく❗ #デイトラ #WEB制作デイトラ pic.twitter.com/Iv4OPwMqGC
【Web制作コース 174日目】 作業:1時間 中級編 DAY29-31 Tips16,18-2 これ慣れないので数やるしかない❗ ①スムーススクロールはSCSSで html 内に設置する スクロールパディングでH2を隠れず表示させる 他にも ②focusで指定位置に影をつける 定着してないから数打つ❗ #デイトラ #WEB制作デイトラ pic.twitter.com/MT0hK8CHmp
【Web制作コース 173日目】 作業:2時間 中級編 DAY29-31 Tips14-15 Clippy — CSS clip-path maker の便利さに感動! label の右端を▷にするのに🧐どんなコードを入力するのか🧐って先入観、からのまさかの便利サービス Clippy❗感動の一言! #デイトラ #WEB制作デイトラ pic.twitter.com/yt95JQqnim
【Web制作コース 172日目】 作業:4時間 DAY29-31 Tips13-14 中級総復習編だけど初見のコードありコードのパターンに驚く それにしても、チェックボックス✅を実装するとき まだ❓❓ってなる まず ①radioボタンを最小化 ②見えなくしてから ③before & after で実装! #デイトラ #WEB制作デイトラ pic.twitter.com/wtdB3cUugC
【49日目】1h(T:103.5h) Web制作≪中級編≫DAY27 ◆進捗 フェードイン実装 コーディング終了 ◆感想 遂に完成しました!15日と37時間かかりました😂 達成感がとてもあります✨ 次回はチェックになります。修正あったらやだなあ😂 #デイトラ #Web制作デイトラ pic.twitter.com/757Kd6OGYW
【48日目】1.5h(T:102.5h) Web制作≪中級編≫DAY26 ◆今日の学び リンクとスクロール ◆感想 朝から子供のお散歩やらいろいろで疲れたので息抜きにお勉強しました~!4歳児は一番大変かもしれない…(私調べ😂) もうすぐ今作ってるものが完成します❤️ #デイトラ #Web制作デイトラ pic.twitter.com/bhL4d6pkOy
デイトラDAY 26~27 自分のポートフォリオサイトを作ろう(準備〜headerまで) ー Web制作コース初級編 下準備まで完了!旅行から帰ってきたらポートフォリオサイト作成に取り掛かります😊 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ #ポートフォリオ #駆け出しエンジニア pic.twitter.com/WpWyh0ECPK
#1か月チャレンジ #1か月チャレンジ202404 DAY 26 スムーススクロールとフローティングアイテムを作る ー Web制作コース中級編 edu.daily-trial.com/lessons/web_si… #デイトラ #WEB制作デイトラ 課題終わり。テーブルの可変がてこずった~ tableは諦めてgridに、やりたいことできたのでperfectpixelはさぼり😆 pic.twitter.com/anNc7MzLS3
【47日目】4h(T:101h) Web制作≪中級編≫DAY24~25 ◆今日の学び Swiper & Modal ◆感想 Webサイトでよく見るスライドが作れました!!! 格好いいっ✨ 動画見ながらでもたまにつまずくのですが、その度に自分で調べて解決していくプロセスが楽しいです🥰 #デイトラ #Web制作デイトラ pic.twitter.com/gJlo1IG4Jq
【学習記録】45日目 3h/92.5h Web制作≪中級編≫DAY19~22 ◆今日の学び マウスホバー時のアニメーション ドロワーメニュー作成 ◆感想 久しぶりにJQueryを使ったので思い出しながら書きました。 初級編で作ったドロワーメニューより格好いいものができました🥰 #デイトラ #Web制作デイトラ pic.twitter.com/xMMWNp0S2g