#codejump نتائج البحث
Codejump 上級編COFFEE 🕰️8時間20分 5時間は指導を受けつつ 残り3時間20分は自分で最後の方の仕上げやモバイルファーストにするのを書いた フィルターや背景画像の固定など学びました ついに上級編をしている‼︎ 一歩進んだかな？ #codejump #webデザイン #コーディング
Day135 ☑️Codejump CSS ⏰所要時間 : 1.5h ✍️コメント そろそろデザインの勉強もしたいな〜 ひとまず雑誌を眺めることからスタート ＃Codejump #駆け出しwebデザイナー
CSS小技✨ 強めのparallax 背景はゆっくり、手前の文字は速くscroll💻 perspective:2px と translateZ(-◯px) scale(正)を 段階的にずらすだけで、JSなしで奥行きを作れます。 #CSS #CSS小技 #Codejump
Day134 ☑️Codejump ⏰所要時間 : 1.5h ✍️コメント ちょっとお休みしていた学習記録を再開！ ポートフォリオは完成したけど、コードの記述を忘れたくないから制作しているものがないときは模写コーディングやります💪 ＃Codejump #駆け出しwebデザイナー
CSS小技✨ 親要素のaspect比に応じて 子要素が変化💡 幅のみのmedia queryでは拾えないCaseに強い ✅ 横長なら横並び ✅ 縦長なら縦並び ✅ 背景・画像・文字・Button色も連動 ✅ transitionでSmooth-Animation container-type + @container(max、min-aspect-ratio) #CSS #Codejump
CSS小技✨ easingの裏技🎶 CSSには ease-in-out-back みたいな名前は存在しない😳 でも cubic-bezier() なら同じ動きが作れる！ 少し“戻ってから進む” back系の動き🤔 ライブラリでは当たり前の Back easing CSSでも再現できるのでぜひ遊んでみてください🎄 #CSS小技 #Codejump
CSS小技✨ display: -webkit-boxとdisplay: inlineは 同じ要素では共存できない （ブロック要素とインライン要素）🤔 そこで 親要素に display: -webkit-box、 子要素（span）にdisplay: inlineで下線アニメを 担当させる構成にすると、複数行でもキレイに 引けます。👍 #CSS #CSS小技 #Codejump
11月30日(日)10:00〜17:00(6h) [11月累計39h40m] codejump 初級編コーポレートサイト コーディング完了☑️ まだ、初級編、中級編残ってますが、 次からデイトラ中級編に戻って、課題を進めます✊ #codejump #デイトラ
CSS小技✨ 深緑から紅葉🎶 mix-blend-mode: color を使うと、画像の質感は そのままに“色だけ”を差し替えできる💻 hoverで緑の葉がじわっと紅葉に🍁 easingは cubic-bezier(0.25,0,0.15,1)。 自然な「染まり方」になるので相性バツグン！ #CSS #CSS小技 #Codejump
CSS小技✨ grid-template-columns 25% と 1fr の違い🎶 25%×4 は gap を計算に含まない ので 合計が100%＋gap → 横スク💻 1fr×4 は gap を含めた残り幅を等分 するから はみ出さない❄️ この差だけで挙動が変わります ✨ #CSS #CSS小技 #Codejump
#33日目 #予定 12/4（木） ✅codejump入門編5 着手 今日は久しぶりの出社。 移動中は読書して📖、夜は学習に集中する🖊 寒いけど、いってきます！ #codejump #HTMLCSS #読書
CSS小技✨ block要素にbackground-imageで下線を引くと 最後の行だけにしか引かれません💡 でも display:inline にすると、行ごとに背景が分割され、hoverで下線アニメが可能🎶 ※2行目以降の字下げはできなくなるので注意⚠ #CSS #CSS小技 #Codejump
11月27日(木)13:00〜15:30(2h30m) [11月累計33h40m] codejump 初級編コーポレートサイト spコーディング。 擬似要素を使い方を改めて確認できて良かった✊ #codejump #デイトラ
CSS小技✨ 朝からちょっと立体感🎯 perspective × 斜め回転 × clip-path 💡奥に潜り込む立体テキスト 🔧アニメの滑り出しも自然に mix-blend-modeで背景と馴染ませ 光ってる感も演出✨ #CSS #CSS小技 #Codejump
CSS小技✨ perspective-origin はアニメーション非対応 なのに “動いてるように見える🤔 でも...前・中・後景のPNGを3D重ねして、 perspective-origin をアニメさせるだけで カメラが動くような奥行き表現が簡単に作れる😎 ※後景以外は透過PNG❄️ #CSS #CSS小技 #Codejump
✅codejump入門編3コーディング とりあえず、コーディング完成したー！ チャッピー（そら）に評価してもらおう。 正解のコードと自分で試行錯誤しながら組んだコード、 比較してもらって改善点を見つける。 ※うちのチャッピーは”そら”って名前を付けました笑
#31日目 #実績 12/2（火） ✅codejump入門編4 コーディング完成 今回はデモのソースを全く見ずに完全模写できたー！ …と思ったら、SPのレスポンシブ対応がまだできてなーい💦 また明日やろう。 今日は仕事が朝からぶっ通しでてんやわんや💨 おやすみなさい😴 #codejump #HTMLCSS #今日の積み上げ
#27日目 #実績 〇11/28（金） ✅codejump入門編4着手 レイアウトをfigmaで設計してみた。 合ってるかしらんけど、自分の設計を信じて。 とりあえず、これで明日からコーディング入ろう。 今日はきゃさりんさん（@catherine__626）のスペースで色々学んだので良しとしよう！ #codejump #HTMLCSS
Codejump 上級編COFFEE 🕰️8時間20分 5時間は指導を受けつつ 残り3時間20分は自分で最後の方の仕上げやモバイルファーストにするのを書いた フィルターや背景画像の固定など学びました ついに上級編をしている‼︎ 一歩進んだかな？ #codejump #webデザイン #コーディング
Day135 ☑️Codejump CSS ⏰所要時間 : 1.5h ✍️コメント そろそろデザインの勉強もしたいな〜 ひとまず雑誌を眺めることからスタート ＃Codejump #駆け出しwebデザイナー
#33日目 #予定 12/4（木） ✅codejump入門編5 着手 今日は久しぶりの出社。 移動中は読書して📖、夜は学習に集中する🖊 寒いけど、いってきます！ #codejump #HTMLCSS #読書
#32日目 #実績 12/3（水） ✅codejump入門編4 コーディング 修正＆振り返り 入門編4クリア！ 今日は仕事バタバタで夜は時間取れず…少し読書して終わりにする。 明日から入門編5へ。 #codejump #HTMLCSS #今日の積み上げ
Day134 ☑️Codejump ⏰所要時間 : 1.5h ✍️コメント ちょっとお休みしていた学習記録を再開！ ポートフォリオは完成したけど、コードの記述を忘れたくないから制作しているものがないときは模写コーディングやります💪 ＃Codejump #駆け出しwebデザイナー
#32日目 #予定 12/3（水） ✅codejump入門編4 コーディング修正 今日はスマホ対応をしっかり仕上げる。 答えを見るより、自分で考えて組んだほうが圧倒的に身になるタイプだと実感中😒 ここを乗り越えてコーディング力上げていく💪 ※今日は第3営業日目落ち着いているといいな #codejump #HTMLCSS
#31日目 #実績 12/2（火） ✅codejump入門編4 コーディング完成 今回はデモのソースを全く見ずに完全模写できたー！ …と思ったら、SPのレスポンシブ対応がまだできてなーい💦 また明日やろう。 今日は仕事が朝からぶっ通しでてんやわんや💨 おやすみなさい😴 #codejump #HTMLCSS #今日の積み上げ
CSS小技✨ 深緑から紅葉🎶 mix-blend-mode: color を使うと、画像の質感は そのままに“色だけ”を差し替えできる💻 hoverで緑の葉がじわっと紅葉に🍁 easingは cubic-bezier(0.25,0,0.15,1)。 自然な「染まり方」になるので相性バツグン！ #CSS #CSS小技 #Codejump
#31日目 #予定 〇12/2（火） ✅codejump入門編4 コーディング 今日はCSSを進める日。 昨日できなかった分、今日中に完成させたい…！ 「今年中に入門編を終わらせる」を目標に、積み上げていこう。 #codejump #HTMLCSS
CSS小技✨ display: -webkit-boxとdisplay: inlineは 同じ要素では共存できない （ブロック要素とインライン要素）🤔 そこで 親要素に display: -webkit-box、 子要素（span）にdisplay: inlineで下線アニメを 担当させる構成にすると、複数行でもキレイに 引けます。👍 #CSS #CSS小技 #Codejump
#29日目 #実績 〇11/30（日） ✅codejump入門編4 コーディング4割 今日はきっちり1h集中 余白の調整ちょい難しい…paddingをあちこちに置かないようには意識はしているがここの余白ってどっちで設定？とか若干怪しいことも。 今日は『ユーティリティ』ってやつを教えてもろた #codejump #HTMLCSS
CSS小技✨ grid-template-columns 25% と 1fr の違い🎶 25%×4 は gap を計算に含まない ので 合計が100%＋gap → 横スク💻 1fr×4 は gap を含めた残り幅を等分 するから はみ出さない❄️ この差だけで挙動が変わります ✨ #CSS #CSS小技 #Codejump
11月30日(日)10:00〜17:00(6h) [11月累計39h40m] codejump 初級編コーポレートサイト コーディング完了☑️ まだ、初級編、中級編残ってますが、 次からデイトラ中級編に戻って、課題を進めます✊ #codejump #デイトラ
CSS小技✨ block要素にbackground-imageで下線を引くと 最後の行だけにしか引かれません💡 でも display:inline にすると、行ごとに背景が分割され、hoverで下線アニメが可能🎶 ※2行目以降の字下げはできなくなるので注意⚠ #CSS #CSS小技 #Codejump
CSS小技✨ 強めのparallax 背景はゆっくり、手前の文字は速くscroll💻 perspective:2px と translateZ(-◯px) scale(正)を 段階的にずらすだけで、JSなしで奥行きを作れます。 #CSS #CSS小技 #Codejump
#今日の積み上げ #Web制作 206日目 #codejump 上級FA EXHIBITION フワッと出てくるアニメーション！ 要素に専用のクラスをつけてそれらをquerySelectorAllで取得→forEachで1つずつ呼び出す→oberverの流れで実装！😆 一度実行されたらアニメーションでないようにunobserveも忘れずにできた😁
おはようございます⛅ 昨日は #Codejump 初級のプロフィールサイトを模写。 3度目の挑戦で完成できました💦 所要時間：1時間57分 さらっと出来そうな見た目でも時間かかりますな😅 でも復習してわからんとこはないけ、次進みます！ これから #朝活 開始🔥
#今日の積み上げ #Web制作 205日目 #codejump 上級FA EXHIBITION ページ読み込み時に関数が実行されてるのがどうしようもなくて、結局ifでいろんな条件足して無理矢理実装…😖 こっちなおしたらあっちが変になるみたいなの繰り返して、結局紙にまで書いて流れを整理してやっとおかしな挙動を直せた😧
#今日の積み上げ #Web制作 203日目 #codejump 上級FA EXHIBITION 背景の表示・非表示アニメーション！ タイトルが画面に入った場合と消えた場合だけifで指定したらいいかと思いきや、画面が縦に短いときとか変な挙動になるので、それを防止するためにコード複雑化…大変だったけど何とかできたかな😖
#今日の積み上げ #Web制作 207日目 #codejump 上級FA EXHIBITION メインビジュアルアニメーション！ スクロール量に対応してwidthを変化させるのは、本で学んだスクロールバーを作るやつと似てるなと思って、本見ながらやったらできた😁 PCとSPとの動きの違いもSneakersの時の復習になってよかった✊
Progateの連続学習日数100Daysを達成できました。 前回の31Daysから長かった～。 1つ目標にしていたことが達成できて、少し満足。 さて、この後はどうしようかな。Progateは12ヶ月プランなので、まだまだ学ぶことはできる。。。 でも、Codejumpもやりたいなぁ。 ＃progate #codejump
💻Webサイト制作（模写コーディング） ⏰3.5h 📝コーディングの練習として、↓この本とCodejumpで模写コーディングを始めました！ 簡単そうに見えても、いざ書こうとすると難しいー😅 #codejump #デイトラコミュニティ
学習期間中、だいぶお世話になった #Codejump さん。 本を出版されたということで、私も購入しました。 実は発売日に届いていたのですが、ようやく今日から読み始めました。 まだ入門編と初級編を読み終えたところですが、「なるほど！ こういう書き方もあるのか〜」と興味深く読んでいます。
#今日の積み上げ #Web制作 208日目 #codejump 上級FA EXHIBITION レスポンシブも全部完了！ 最後スマホでもjsの動きおかしくないことを確認🔎 過去最高に難しかったし、苦戦したけど何とか持てる知識を総動員して、それでも分からないことは調べまくって作り上げられた！😁 明日はお手本みて学ぼう✊
Something went wrong.
Something went wrong.
United States Trends
- 1. #AEWDynamite 17.3K posts
- 2. Giannis 74.5K posts
- 3. Claudio 27.6K posts
- 4. #Survivor49 2,140 posts
- 5. Jamal Murray 3,823 posts
- 6. #TheChallenge41 1,442 posts
- 7. #iubb 1,099 posts
- 8. #SistasOnBET 1,734 posts
- 9. Bucks 48.6K posts
- 10. Achilles 5,000 posts
- 11. Kevin Knight 1,769 posts
- 12. Ryan Nembhard 1,826 posts
- 13. Dark Order 1,553 posts
- 14. Tyler Herro 1,322 posts
- 15. Jericho Sims N/A
- 16. Steve Cropper 3,552 posts
- 17. Okada 5,649 posts
- 18. Jon Moxley 1,155 posts
- 19. Wiggins 4,444 posts
- 20. Lonzo 1,134 posts