らいと@デイトラでWeb制作学習中🔦 @Lightooooo_ Twitter profile

Pinned Tweet

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day1】 ✅デイトラ初級編day0,day1 スキル身につけて実務経験積んでフリーランスとして独立するまでの第1歩！ #今日の積み上げ #デイトラ #Web 制作

1

0

228

Last Seen Profiles

@CorneliusPJ3

@stks5420

@BoghosMicki

@MGrassler

@evergladessnhs

@bangchanmedia

@bokeplokalmalam

@miniqieu

@malia_lac

@jon_nyamenda

@cloud_target

@AGENT_0099

@VCSGRATIS_STW

@caras_low

@Q0MT6pFmbVqynsM

@k_rit_s922

@FourwindsFun

@kimharper34

@ugoki_katsu

@greenistowl

@PBDd7wBc0Q0Il8J

@ayoo_land23

@ma_groni

@2qlkW9A6kwHf0Hf

@bokeplokalmalam

@Dr_Lava_Notes

@bokeplokalmalam

@russell_ro1667

@stwmaniax

@VCSGRATIS_STW

@bokeplokalmalam

@SophiaMessa

@penikma89063156

@ninihospitallb

@ReetwetOnTwitch

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day43】 ✅デイトラ初級編day15~17 （ポートフォリオベース編）おはようございます！制作例（work）部分終わったので自己紹介（About）部分やります！ #朝活 #デイトラ #Web 制作

1

0

80

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day180】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑨コンタクト、⑩フッター』今日で最後まで完成目指してコーディングして中級最終課題に向けての準備進めたいと思います💪 #朝活 #デイトラ #Web 制作

0

79

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day159】 ✅デイトラ中級編day20 (モーダルを作る) おはようございます！ Contact部分の「プライバシーポリシー」のリンクをクリックしたときにモーダルで内容が表示されるように HTML/CSS/jQueryでコーディングしました！！！🫡✨ #朝活 #デイトラ #Web 制作

0

78

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day154】 ✅デイトラ中級編day19 (Q&Aをアコーディオンでコーディング) おはようございます！｢Q&A アコーディオン｣➜完成✨ （HTML,CSS,jQuery） slideToggleメソッドとtoggleClassメソッド使ってコーディングしました……\_へ( ˙꒳˙ )ｶﾀｶﾀ #朝活 #デイトラ #Web 制作

0

78

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day186】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！ 🔽今日考えるレイアウト・⑥SPOTS ・⑦Q&A このレイアウト考える時間も、数をこなすたびにブラッシュアップしよ #朝活 #デイトラ #Web 制作

1

0

76

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day160】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！ ①ヘッダー ②トップ ③コンセプト1 ④フィーチャー ⑤アバウト ⑥プロダクト ⑦ニュース ⑧コンセプト2 ⑨コンタクト ⑩フッターガンバルゾヨーーー👊(🔥÷🔥) #朝活 #デイトラ #Web 制作

0

75

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day44】 ✅デイトラ初級編day15~17 （ポートフォリオベース編）おはようございます！自己紹介（About）部分の続きやります！ snsのアイコン入れて、レスポンシブ確認してお問い合わせ（Contact）部分に早く入りたいのじゃ✋🙂 #朝活 #デイトラ #Web 制作

0

69

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day153】 ✅デイトラ中級編day19 (Q&Aをアコーディオンでコーディング) おはようございます！｢Q&A セクション｣➜完成（HTML,CSS）擬似要素の扱いにも慣れてきたかも✨ position: relativeとposition: absoluteはこれからも使う機会増えそう💭 #朝活 #デイトラ #Web 制作

0

73

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day138】 ✅デイトラ中級編day15 (スクロールに応じて要素を「フワッ」と登場させる) おはようございます！ ☑️data属性で試したこと① ・3秒かけてアニメーション完了（data-wow-duration="3s"）・3秒後にアニメーション開始（data-wow-delay="3s"） #朝活 #デイトラ #Web 制作

1

0

74

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day185】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！今日は ④Step ⑤Prizes 上の2つのレイアウト考えます💭 少しでも油断すると頭の中キャパオーバーするので自分の役割ごとに締め切り作って目の前の1つのことに集中できるようにします☝️ #朝活 #デイトラ #Web 制作

1

0

70

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day182】 ✅デイトラ中級編day?? (｢new｣中級最終課題) おはようございます！設計図書くための無地ノートを購入したので今日はレイアウト考えて円滑にコーディング進められるようにします≡≡≡ﾍ(*--)ﾉ #朝活 #デイトラ #Web 制作

2

0

71

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day52】 ✅デイトラ初級編day20 （ポートフォリオ公開編）おはようございます！あとは ①「サイトを見る」でサイトに飛ばせない ②ローカル環境の変更が反映されるまで遅い、または反映されないこの2つの原因を解明する！✊ #朝活 #デイトラ #Web 制作

2

0

65

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day163】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『①ヘッダー』 sp版の見た目ｶﾝｾｲｼﾞｬ✨ あとはハンバーガーを作ってハンバーガーを食べてハンバーガーしよう(๑•̀ㅂ•́)و✧（？）ﾊﾝﾊﾞｧｶﾞｰﾃｲｸｵﾌ\🍔/ #朝活 #デイトラ #Web 制作

0

70

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day151】 ✅デイトラ中級編day18 (クリックイベントの処理) おはようございます！＃デイトラコミュニティ　チームチャレンジ企画 2023年7月期最終日 "中級編day15まで終わらせる"の個人目標を余裕持ってクリア〜！🤞✨✨ ヽ(*´∀｀)ノｲｪ-ｲ!! 一件落着！👍 #朝活 #デイトラ #Web 制作

0

71

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day123】 ✅｢new｣デイトラ中級編day11 (マウスホバー時の動き) おはようございます！以前デイトラで作ったデザインカンプからのコーポレートサイトにテキストアニメーションを実装しました✨ （ヘッダー部分のメニューボタン、ニュース欄のラベル等々、、、） #朝活 #デイトラ #Web 制作

0

72

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day192】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「①header」 CSSが反映されない原因を探すのに時間をだいぶ使いました🫠 今日こそpc版カンプ見た目完成を目指します！こういうとき実案件じゃなくて今経験できて良かったって思う #朝活 #デイトラ #Web 制作

1

0

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day136】 ✅デイトラ中級編day15 (スクロールに応じて要素を「フワッ」と登場させる) おはようございます！ pcﾊﾞｧﾝとtabﾊﾞｧﾝも完成してレスポンシブ対応ｶｧﾝ（完）！✋ 今日から要素をﾌﾜｯとｱﾋﾟｱ~!✌️ｲｪｰ! グー✊（ジャンケンデジャブ終わり） #朝活 #デイトラ #Web 制作

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day158】 ✅デイトラ中級編day20 (モーダルを作る) おはようございます！ Contact部分の「プライバシーポリシー」のリンクをクリックしたときにモーダルで内容が表示されるようにあとはjQuery使ってコーディングします！🫡☝ #朝活 #デイトラ #Web 制作

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day152】 ✅デイトラ中級編day19 (Q&Aをアコーディオンでコーディング) おはようございます！アコーディオン作るために新たに｢Q&Aセクション｣をカンプの見た目再現で作っていきます✊ #朝活 #デイトラ #Web 制作

1

0

72

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day146】 ✅デイトラ中級編day16 (スマホ時のハンバーガーメニュー) おはようございます！コンテンツ部分が消えた原因は display: noneで消してしまっていたからでした😇 transform: 0.5s ease 0s;でアニメーションつける、も完了🤞 #朝活 #デイトラ #Web 制作

0

69

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day190】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！いよいよコーディング本番じゃ🥸 まずは①header 果たして中級最難関を乗り越えて無事上級編に入れるのか！？『次回』 HTML/CSSと仲良くなりたいご視聴ありがとうございました。 #朝活 #デイトラ #Web 制作

4

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day170】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『④フィーチャー』部分pc版完成〜今日は大学の授業でマーケティング学ぶので Web制作にどう応用できるかを考えながら受けたいと思いまーす✋ わくわくなのじゃジャja자ｼﾞｬ(・ω・)ノ #朝活 #デイトラ #Web 制作

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day161】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！レイアウト考えたので本格的にコーディング始めます……\_へ(Ò_Óˇ)ｶﾀｶﾀ 1セクションずつレスポンシブ込みで進めることにしました。早めにレスポンシブへの苦手意識はなくしておきたい💭 #朝活 #デイトラ #Web 制作

1

0

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day204】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「②mainvisual」 pc版のカンプの見た目再現できました✨ 今日は「③about」やります💪 #朝活 #デイトラ #Web 制作

2

0

65

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day150】 ✅デイトラ中級編day17 (フローティングアイテムを作る) おはようございます！一定位置までスクロールしたら表示されるフローティングアイテム作成完了✌️ 次はページ内リンクでクリックイベントの処理☝️ トレースだけじゃ終われない #朝活 #デイトラ #Web 制作

1

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

\デイトラ初級編クリア〜！！🥳✨/ ( *¯ﾉ³¯*)ﾋｭｰﾋｭｰ♪̊̈♪̆̈ できましたポートフォリオ（ver1.0）できました（大事なことなので2回言いました🎋）次は中級編！ #デイトラ #ポートフォリオ ↓らいとのポートフォリオ↓ #Web 制作

Light Portfolio

らいと@デイトラでweb制作学習中🔦のポートフォリオver1.0です！

light-web.site

7

2

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day189】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！必要なファイルと画像の準備をしてフォントや色などの共通CSSの設定をやります💪 #朝活 #デイトラ #Web 制作

2

0

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day177】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑦ニュース』 padding-top: ○%; 特定のアスペクト比を維持しながら画像をレスポンシブに表示するテクニックを学びました！✍ #朝活 #デイトラ #Web 制作

0

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day188】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！ 🔽今日考えるレイアウト・①header~⑩footer 最初( ˙꒳˙ )ﾜｹﾜｶﾒだったけど、何回も見ていく内に自分で再現できそうなパーツ増えてきた🧩 #朝活 #デイトラ #Web 制作

2

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day179】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑨コンタクト』残りは↑と『⑩フッター』と細かいアニメーション（スクロール後にふわっと表示、スムーススクロール等々,,,）ｼﾞｬﾅ🤘 #朝活 #デイトラ #Web 制作

1

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day51】 ✅デイトラ初級編day20 （ポートフォリオ公開編）おはようございます！レイアウト崩れほぼ治りました〜😭 ローカルと本番でディレクトリ構成が違ったのが原因でした。今回のでパス指定とかの理解深まった✌️ #朝活 #デイトラ #Web 制作

1

0

61

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day156】 ✅デイトラ中級編day20 (モーダルを作る) おはようございます！モーダルにz-index適用する際にヘッダーやドロワーのz-indexを考慮するから少しずつコーディングが複雑に... ๛ก(ｰ̀ωｰ́ก) （これ以上複雑にならないでくださいましやねんごわすという念） #朝活 #デイトラ #Web 制作

0

68

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day139】 ✅デイトラ中級編day15 (スクロールに応じて要素を「フワッ」と登場させる) おはようございます！ ☑️data属性で試したこと② ・要素を3回繰り返す（data-wow-iteration="3"）・300pxスクロールするとアニメーション開始（data-wow-offset="300"） #朝活 #デイトラ #Web 制作

0

66

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day165】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『①ヘッダー』 drawer.jsが反映されない問題 ChatGPTにエラー解説を業務委託して試行の連続を経て解決しました！💡 オデはチャッピーに一生ツイテクダ🍙 ｺﾒｳﾏ,ｺｼﾋｶﾘﾝﾀﾞﾅ! #朝活 #デイトラ #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

#デイトラでWeb制作コースを受講して5ヶ月経ちました！【8/4~9/3の総学習時間】 ⏱54時間14分【進捗】 🏃‍♂️中級編day12~19 【課題】 📝インプットとアウトプットの比率【改善】 📑インプットを増やす（全体像の解像度を上げるため） 6ヶ月目も積み上げます✊ #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day216】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」続き ☑️position: static;（特徴）・topやleftなど位置の指定をすることができない・要素の重なり順を指定することができない（z-indexプロパティが使えない） #朝活 #デイトラ #Web 制作

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day178】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑧コンセプト2』コンセプト2は、コンセプト1のコードを元に flex-direction: row-reverse;を使い画像とテキストを反転させてカンプの見た目再現しました⚾️🥎 #朝活 #デイトラ #Web 制作

0

62

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

#デイトラでWeb制作コースを受講して4ヶ月経ちました！【7/3~8/3の総学習時間】 ⏱38時間36分【進捗】 🏃‍♂️「旧」中級編day16~21 【課題】 📝休学終わって時間が減る前に中身の質を上げる【改善】 📑ゾーンに入る瞬間を記録して分析してある程度パターン化する 5ヶ月目も積み上げます✊

0

67

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day195】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「①header」ドロップダウンメニューの続きです今まで作った課題を復習しつつ完成を目指します💪 #朝活 #デイトラ #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day213】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」続き斜めの画像のレスポンシブ対応でやっと自分がやりたい動きできたε-(´∀｀*) 今回苦戦したところのもう一段階応用で、やらなきゃいけなそうな要素がある💭多分 #朝活 #デイトラ #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day155】 ✅デイトラ中級編day20 (モーダルを作る) おはようございます！ Contact部分の「プライバシーポリシー」のリンクをクリックしたときにモーダルで内容が表示されるように HTML/CSS/jQueryでコーディングしていきます🫡 #朝活 #デイトラ #Web 制作

0

65

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

#デイトラでWeb制作コースを受講して6ヶ月経ちました！【9/4~10/3の総学習時間】 ⏱52時間41分【進捗】 🏃‍♂️中級編day27~29（中級総復習編）【課題】 📝量と質【改善】 📑"視点と法則を増やす"という考え方で、コーディング含めさまざまな物事に取り組む #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day145】 ✅デイトラ中級編day16 (スマホ時のハンバーガーメニュー) おはようございます！コンテンツ部分が消えた！？なるほど、メタルスライムになる分にはいいけどキングスライムになると困る(ｰ̀εｰ́) だからスライムからやり直すって話ね୧(▀̿ ◡ ▀̿ )（？） #朝活 #デイトラ #Web 制作

0

61

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day116】 ✅デイトラ中級編day19 (お問い合わせフォーム) おはようございます！『問題』・ラジオボタンのafterが反映されない『原因』・{}が重複してた ➜これから先もっと複雑になっていくのにこういう些細なことで時間溶かすからこわい、気をつけよ。 #朝活 #デイトラ #Web 制作

1

0

62

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day211】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」続きフォントサイズのemとremの使い分け ☑️em ・相対的に文字サイズを変えたい場所が部分的である場合 ☑️rem ・html要素を起点として全体的にサイズを変えたい場合 #朝活 #デイトラ #Web 制作

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day127】 ✅デイトラ中級編day13 (コーディング後の品質を担保するテスト) おはようございます！まずいっ！！ "エラーに一定時間向き合い続けてはいけない病"が！！🤥🟨 仕方ない( ｰ̀ωｰ́) 一旦他をやるか(；>皿<)ｸｯ… 絶対に学習時間0の日は作らない #朝活 #デイトラ #Web 制作

1

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day125】 ✅｢new｣デイトラ中級編day13 (コーディング後の品質を担保するテスト) おはようございます！ Googleフォントを活用して、フォント変更完了しました✌️ 今日からコーディングしたものチェック課題に入ります！(◈-◈)ｼﾞｨ~ #朝活 #デイトラ #Web 制作

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day141】 ✅デイトラ中級編day16 (スマホ時のハンバーガーメニュー) おはようございます！検証ツールでヘッダー部分を一旦消してから見てみるとハンバーガーメニューがカンプの位置に移動していなかった... （右側に移動させたい）原因探って修正します✊ #朝活 #デイトラ #Web 制作

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day193】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「①header」あとはナビゲーションメニューの中にあるボタンと、ドロワーメニューの中身を作ります💭 #朝活 #デイトラ #Web 制作

2

0

60

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day147】 ✅デイトラ中級編day17 (スムーススクロールを作る) おはようございます！メインビジュアルを踊らせたり🕺 sp版にハンバーガー食べ..つけたりして🍔 今日からスムーススクロール⊂⌒~⊃;-ω-)⊃ｸﾛｰﾙ🏊‍♂️ あ、平泳ぎが1番得意でした✋（何の話これ） #朝活 #デイトラ #Web 制作

0

64

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day134】 ✅デイトラ中級編day14 (スライダーを作る) おはようございます！アローアイコン（ナビゲーション）をカンプの見た目に寄せました〜✌️ ページネーションもカンプの見た目に寄せていきます✊ パー✋（ジャンケン（？）） #朝活 #デイトラ #Web 制作

0

62

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day157】 ✅デイトラ中級編day20 (モーダルを作る) おはようございます！ほにゃららをほにゃららしてほにゃららがほにゃry ……(o_ _)o パタッ（昨日送った僕の念は残念ながら届かなかったでありんすリンスシャンプー🧴🧼ｼｭｯｼｭとりまお風呂入ろ〜🛀） #朝活 #デイトラ #Web 制作

0

63

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

コーディング後や納品時に確認すべき62項目のチェックリスト｢主要なカテゴリー｣（一部引用） ✔️コンテンツ ✔️マークアップ・コーディング ✔️フォーム ✔️サイト表示・表示スピード ✔️表示崩れ ✔️WP ✔️サイト外設定 ↓参考記事↓ #Web 制作

コーディング後や納品時に確認する62のチェックリスト | BUILD Journal

Webデザイン制作中に使用している、コーディング後や納品時に確認すべき62項目のチェックリストを紹介します。このチェックリストは、Webサイトの品質基準を定め、品質を維持することを目的としています。感覚的に確認すると、見落としが発生する可能性が高いため、常にチェックリストを参照しながら確認することをおすすめします。

buildstd.com

0

7

60

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day113】 ✅デイトラ中級編day19 (お問い合わせフォーム) おはようございます！『課題』・フォーム欄はブラウザによって見た目が変わってくる『解決策』・デフォルトCSSを打ち消すために初期化する ➜その上で新しくCSSでデザインしていく #朝活 #デイトラ #Web 制作

2

0

59

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day212】 ✅デイトラ中��編day20~30 (中級最終課題) おはようございます！「③about」続きこのセクションでcalcの計算や相対値に対する理解深めて今後に活かしたい #朝活 #デイトラ #Web 制作

0

61

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day206】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」斜めの画像配置は、positionプロパティで頑張ってみます💪 position: relative; ➜現在位置を基準に相対位置を指定 position: absolute; ➜親要素を基準に絶対配置を指定 #朝活 #デイトラ #Web 制作

0

60

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day184】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！今日は ②mainvisual ③about 上の2つのレイアウト考えます✨ #朝活 #デイトラ #Web 制作

1

0

61

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

現場で使ってきたボタンデザイン集（CSS）ただボタンのデザインを紹介しているだけではなく具体的にどんなサイトで使われるボタンなのか書いてあったりそもそも記事の構成がわかりやすく読みやすくて良いと思いました✨ ↓参考記事↓ #Web 制作

CSSのみのボタンデザイン – 現場で使ってきたボタンアイデア30選 | BUILD Journal

CSSのみで実装するボタンデザインを紹介します。Web制作の現場でよく使ってきたものばかりです。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。ぜひあなたの現場でもご活用ください。

buildstd.com

0

5

62

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day174】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑥プロダクト』ときどき無量空処をくらったかのように手が止まるけど紙に現状を書いてる内に解決策を思いついたりします✌️ｼｬｹ ( ﾟдﾟ)ﾊｯ! これが領域展開！？（絶対違う🤞） #朝活 #デイトラ #Web 制作

1

0

60

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day128】 ✅デイトラ中級編day13 (コーディング後の品質を担保するテスト) おはようございます！久々のPerfectPixelで News部分の合わせ方がワケワカメすぎたけど解決した瞬間気持ちよかった〜！✨ 2時間悪戦苦闘してやっと壁越えて楽しくなってた😆 #朝活 #デイトラ #Web 制作

1

0

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day176】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑦ニュース』の画像に transform: translate(-50%,-50%) scale(1.05);を指定して画像が少し拡大するようなアニメーションをつけました🔎ﾐﾅｻﾝﾄﾞｳﾓｺﾝﾆﾁﾊ,ﾑｼﾒｶﾞﾈﾃﾞｽ #朝活 #デイトラ #Web 制作

0

59

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day220】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」続き ☑️背景画像を複数重ねて表示する方法・「background-image」に２つの画像パスをカンマ区切りで記述する・背景画像を調整するプロパティもカンマ区切りで値を記述する #朝活 #デイトラ #Web 制作

3

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day143】 ✅デイトラ中級編day16 (スマホ時のハンバーガーメニュー) おはようございます！アローアイコンがうまく表示されないと思ったら backgroundのプロパティがうまく効いていないのが原因でした🫨 今日は黒い透明の背景つけていきます🫥 #朝活 #デイトラ #Web 制作

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day133】 ✅デイトラ中級編day14 (スライダーを作る) おはようございます！ Swiperでアローアイコンに続いてページネーションの追加完了(*`･ω･)ゞ✨ カンプの見た目に寄せていきます……\_へ( ˙꒳˙ )ｶﾀｶﾀ #朝活 #デイトラ #Web 制作

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day197】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「②mainvisual」今日はmainvisualのsp版の続きやります✊ 画像の配置が1番難しそう💭 #朝活 #デイトラ #Web 制作

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day149】 ✅デイトラ中級編day17 (スムーススクロールを作る) おはようございます！ "スムーススクロール作成方法" ①ページ内リンク作成（HTML） ②スムーススクロール作成（jQuery）『進捗状況』 ①➜[完] ②➜[完] ChatGPTとにらめっこしてJSの理解深まった🫠 #朝活 #デイトラ #Web 制作

0

61

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day135】 ✅デイトラ中級編day14 (スライダーを作る) おはようございます！ページネーションもカンプの見た目に寄せてpc版完成✊ レスポンシブ対応やります✋ チョキ✌️（ジャンケンデジャブ） #朝活 #デイトラ #Web 制作

2

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day98】 ✅デイトラ中級編day17 (ニュース系のコーディング) おはようございます！見た目の崩れを解消できました〜✨ 思った通りに動いてくれるとコーディング楽しい(≧∇≦) 思った通りに動かなくても悩む時間を0に近づけて半歩でも前へ進める #朝活 #デイトラ #Web 制作

2

0

56

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

marginとpaddingを使い分けるポイント（CSS） ☑️結論・paddingは親子間の余白に使い、marginは兄弟間の余白をあけるために使う ☑️理由・部品の再利用をする際に無駄な余白をつけずに済んだり、余白の記述が分散せずコードを管理しやすくなる ↓参考記事↓ #Web 制作

marginとpaddingの違いと使い分けを徹底解説

marginとpaddingの使い分け、結構雰囲気でやってしまってるんですが、どんな基準で使い分けてますか？ボックスモデルで見た時のmarginとpaddingの違い要素の境界線であるborderを境に外側にあるのが ...

eclair.blog

0

4

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day100】 ✅デイトラ中級編day17 (ニュース系のコーディング) おはようございます！昨日は｢more」の横の『＞』の位置がめっちゃ離れてた〜けどrightの指定外したり position:absoluteの値あれこれして解決！💡 #朝活 #デイトラ #Web 制作

1

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day81】 ✅デイトラ中級編day14,15 (横並びカードのコーディング,) おはようございます！タブレット表示先にしたから残りはスマホ表示📱 就活エージェントとの面談で"就活のゴール"と"営業のゴール"が見えてきた！！🥅　　あとは方程式見つけるだけだな🔍⛓️（？） #朝活 #デイトラ #Web 制作

0

55

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day166】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『②トップ』 pc版の見た目できた( ｰ̀дｰ́)و✨ 今日はsp版やりまする💪 #朝活 #デイトラ #Web 制作

0

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day121】 ✅｢new｣デイトラ中級編day11 (マウスホバー時の動き) おはようございます！昨日まで中級編day21だった課題やるぞよ〜昨日やってたフッター部分のコーディング終わって（下の画録）今日から『実務でよく使うアニメーションの付け方編』じゃ( '灬' ) #朝活 #デイトラ #Web 制作

0

59

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day131】 ✅デイトラ中級編day14 (スライダーを作る) おはようございます！昨日からJavaScriptのライブラリを使ってサイトのコーディングを進める課題に取り組んでいます！最初はスライダー！僕はストレート1本で真っ向勝負したいです（？）👈それ野球 #朝活 #デイトラ #Web 制作

1

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day137】 ✅デイトラ中級編day15 (スクロールに応じて要素を「フワッ」と登場させる) おはようございます！ Swiperもそうだけどライブラリ便利✨ カスタムデータ属性試していきます🍀 （継続時間、開始タイミング、スタートさせる位置、繰り返す回数） #朝活 #デイトラ #Web 制作

0

59

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day208】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」 "About"の上にあるアイコンは擬似要素before "キャンペーンについて"の下にある下線は擬似要素afterで再現しました✨ #朝活 #デイトラ #Web 制作

0

59

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day140】 ✅デイトラ中級編day16 (スマホ時のハンバーガーメニュー) おはようございます！ﾊﾝﾊﾞｧｶﾞｰが食べたい！！！🍔 （今回は欲望に忠実）ﾍﾞﾝｷｮｳﾀﾞﾊﾞｶﾔﾛｰ!!!!(`･д･⊂彡☆))Д´))ﾊﾟｧﾝｸﾞﾊｯ!! 、、ハンバーガーメニュー作ります🩹 #朝活 #デイトラ #Web 制作

0

54

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day175】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑦ニュース』プロダクト部分のsp版は、フィーチャー部分と同じでタブレット時に広がりすぎないようにするために max-width: 340px;指定する方法を学びました( ⋅֊⋅ )و #朝活 #デイトラ #Web 制作

0

56

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day164】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『①ヘッダー』 drawer.jsに苦戦中💭 ChatGPTにエラーメッセージ解説してもらって解決目指します✊ #朝活 #デイトラ #Web 制作

1

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day167】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『③コンセプト1』トップのsp版完成したのでコンセプト1のコーディングに入ります( ｡•̀_•́｡) #朝活 #デイトラ #Web 制作

0

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day112】 ✅デイトラ中級編day19 (お問い合わせフォーム) おはようございます！『calc（100% - ○○px）』思ったより出てくるからこういう四則演算系は早く慣れたい『¬(:first-child）』とかも💭 #朝活 #デイトラ #Web 制作

1

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day42】 ✅デイトラ初級編day15~17 （ポートフォリオベース編）おはようございます！制作例（work）部分の続きやります！リンク「サイトを見る」追加、レスポンシブで縦にする、タイトルの下に文字「work」追加やるべきことを整理して形にします👨‍💻 #朝活 #デイトラ #Web 制作

1

0

55

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day173】 ✅デイトラ中級編day21~23 (中級総復習編) おはようございます！『⑥プロダクト』画像+テキストの要素が3つ横並びなので Feature部分のコードを上手く使ってカンプの見た目再現していきます⛰🏔 #朝活 #デイトラ #Web 制作

0

58

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day103】 ✅デイトラ中級編day18 (テーブルとGoogleマップ埋め込み) おはようございます！事前に見つけたテーブルの参考記事見ながら、デザインカンプ通り目指します！✊ 最近アニメのopをデザインや演出の意図はなんだろうって視点で見てるけど色々深くて感動🥹 #朝活 #デイトラ #Web 制作

0

1

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day109】 ✅デイトラ中級編day18 (テーブルとGoogleマップ埋め込み) おはようございます！ pc版完成〜✌️✨ sp版の挙動が変だからそれを直します✋ そして、ツイッター見てる限り割とみんな苦戦してたお問い合わせフォームに挑戦してきます✊ #朝活 #デイトラ #Web 制作

0

56

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day35】 ✅デイトラ初級編day15~17 おはようございます！今日からポートフォリオ作りに入ります！ずっと楽しみにしてたやつ〜😆✨ 昨日完成したBootstrapデイトラ簡易版サイトは↓こちら↓です #朝活 #デイトラ #Web 制作

2

0

52

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day205】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」の続きやります💪 タイトルのそばにある2つの斜めの画像とはみ出している画像が最初の難関かもしれない(*ÒωÓ*)ﾑﾑｯ!! #朝活 #デイトラ #Web 制作

0

55

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day191】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「①header」 sp版のカンプの見た目完成〜✨ 今日はpc版やります💻 pc版にあるボタンが使い回しだから後ですぐ使えるようにしよ🔘 #朝活 #デイトラ #Web 制作

1

0

53

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day200】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「②mainvisual」今取り組んでいる5枚の画像の配置、どうやるか悩みどころですが今後のことも見据えて色々アイデア考えたので一つ一つ試してトライ＆エラーを繰り返しますᕦ(＾＾)ᕤ #朝活 #デイトラ #Web 制作

1

0

55

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day60】 ✅デイトラ中級編day7(課題③) (モーダルで拡大表示) おはようございます！ドロワーメニューに続いてページトップへ戻るボタンもできました〜✌️ 今日中に課題③終わらせて、明日の進捗MTGで2週連続で週目標クリアできたことを報告したいと思います😊 #朝活 #デイトラ #Web 制作

1

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day124】 ✅｢new｣デイトラ中級編day12 (Webフォント、デバイスフォントを理解する) おはようございます！ Googleフォントを活用して、フォントを変更します🌐 英字のフォントを変更したい！！！って時に変数管理しておくと楽みたいです😎 #朝活 #デイトラ #Web 制作

2

0

57

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day118】 ✅デイトラ中級編day20 (フッター) おはようございます！レイアウト考えてHTML部分できたので CSSやっていきます……\_へ( ˙꒳˙ )ｶﾀｶﾀ #朝活 #デイトラ #Web 制作

1

0

56

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

11 months

【Day219】 ✅デイトラ中級編day20~30 (中級最終課題) おはようございます！「③about」続き ☑️position:absolute;の特徴・relativeとセットで使う・absoluteに指定された要素は、元々配置されていた場所からはその要素の高さが無くなる（浮いたような状態になる） #朝活 #デイトラ #Web 制作

1

0

55

らいと@デイトラでWeb制作学習中🔦

@Lightooooo_

1 year

【Day129】 ✅デイトラ中級編day13 (コーディング後の品質を担保するテスト) おはようございます！ PerfectPixel大きなズレはなくせました✌️ 1つ直すと1つズレて全部直った〜😆って思ったら、さっき直したはずの箇所がズレての繰り返しでした➰ #朝活 #デイトラ #Web 制作