Explore tweets tagged as #codejump
CSS小技✨. width: stretch ついに使える!.Chrome138で追加された新値は、flex内で「残り全部使って広がれ!」の意味💡. autoや100%とは挙動が違う。.対応ブラウザ限定だけど、今後の主役になるかも…?.#CSS #新機能 #Chrome138 #Codejump
1
10
78
CSS小技✨.📜スクロール連動アニメ🎞.animation-timeline: view()でcardが順にscale+sticky🧲.animation-range: entry 60% entry 100% で発火🧲.4段重ねでも自然に動くのが最高👏.CSSだけで完結&JS不要✨.#CSS小技 #Codejump #ScrollAnimation
0
3
87
見つけて即買いしてしまいました〜🤣.codejumpと『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』以外の模写できるサイトを探しまくって. デザインカンプからのコーディング練習課題 | 爆速レビュー付き - しょーごログ @samuraibrassより.
1
1
5
CSS小技✨.Chrome138登場の新値 width: stretch💡. 一見 width: 100%`と同じに見えるけど、.stretch は margin 含めて親にピッタリ収まる!. 違いはアニメで見ると一目瞭然✨.#CSS小技 #chrome138 #Codejump
0
0
14
Chrome139から使える新機能.「CSSカスタム関数 @function」でanimationが進化!.SassやJS不要でCSS内に関数を定義、.sin波で左右上下揺れや色・スケール・角丸を計算👍.複雑な動きもCSSだけで完結!.コードがスッキリ&高速‼.animationをぜひChrome139で🎨✨.#Chrome139 #CSSカスタム関数 #CodeJump
0
0
15
#codejump.#コーディング.#今日の積み上げ. 頼んでいた本が手元に届きました。.検定が一区切りしたので.codejumpの仮想案件に取り組んでいきます!. ひとつひとつ確実に!
2
1
13
📘CSS小技✨.Chrome138新機能‼.順番で動く兄弟たち🎶.兄弟の順番と数を取れるCSSだけの魔法が登場!.nth-child()不要で動的にCSSで!. sibling-index()で開始タイミングをずらし💻.sibling-count()で幅を自動分割💻. 順番も数もCSSだけで制御◎. #CSS #Codejump #chrome138 .コードはリブで👇
1
2
54
💻Webサイト制作(模写コーディング).⏰3.5h.📝コーディングの練習として、↓この本とCodejumpで模写コーディングを始めました!.簡単そうに見えても、いざ書こうとすると難しいー😅.#codejump #デイトラコミュニティ
1
1
22