<h2 class="e-heading">📝きょうの学習</h2><p class="e-p">３連休だろうと勉強を怠らないわたし。えらい。</p><p class="e-p">（予定がないだけですがT△T）</p><p class="e-p">今日はTailWindに慣れようと思い、カービィをTailWind cssだけで描くことにしました。使える道具やサービスは極力使っていきます。</p><p class="e-p">まず、グラデーション。</p><div class="e-link-card" data-href="https://tailwindcomponents.com/gradient-generator/" data-title="Tailwind CSS Gradient Generator" data-description="Mix Tailwind CSS Colors and generate stunning text and background gradients or u…"><a class="e-link-card__anchor" href="https://tailwindcomponents.com/gradient-generator/" rel="nofollow noreferrer noopener" target="_blank"><div class="e-link-card__title">Tailwind CSS Gradient Generator</div><div class="e-link-card__hostname"><img src="https://icons.duckduckgo.com/ip3/tailwindcomponents.com.ico" referrerpolicy="no-referrer" /><span>tailwindcomponents.com</span></div></a></div><p class="e-p">お口の三角の部分は↓のサービスにジェネレートしてもらおうと思ったけど、TailWindは非対応でした。CSS→TailWindの変換OSSもあるみたいだけどインストールめんどくさかったので一旦保留しました。</p><div class="e-link-card" data-href="https://css-generators.com/triangle-shapes/" data-title="CSS Generators: Triangle Shapes" data-description="A CSS-only collection of Triangle Shapes made with a single element and modern C…"><a class="e-link-card__anchor" href="https://css-generators.com/triangle-shapes/" rel="nofollow noreferrer noopener" target="_blank"><div class="e-link-card__title">CSS Generators: Triangle Shapes</div><div class="e-link-card__hostname"><img src="https://icons.duckduckgo.com/ip3/css-generators.com.ico" referrerpolicy="no-referrer" /><span>css-generators.com</span></div></a></div><div class="e-link-card" data-href="http://kachibito.net/useful-resource/css-to-tailwind" data-title="CSSをTailwind.css向けにリアルタイム変換するOSS・「CSS To Tailwind」" data-description="CSS To TailwindCSS To TailwindはCSSをTailwind.css向けにリアルタイム変換するOSSです。CSSをTailwindに変…"><a class="e-link-card__anchor" href="http://kachibito.net/useful-resource/css-to-tailwind" rel="nofollow noreferrer noopener" target="_blank"><div class="e-link-card__title">CSSをTailwind.css向けにリアルタイム変換するOSS・「CSS To Tailwind」</div><div class="e-link-card__hostname"><img src="https://icons.duckduckgo.com/ip3/kachibito.net.ico" referrerpolicy="no-referrer" /><span>kachibito.net</span></div></a></div><p class="e-p">作っている途中で見つけたページ。TailWindのツール集を集めてくれてる人がいたので後で読んでおくことー。</p><div class="e-link-card" data-href="https://omkz.net/tailwind-tools/" data-title="【時間を節約】tailwind CSSで爆速開発のためのツール集 | りーほーブログ" data-description="tailwind CSSが大人気ですね！ 単一責任の原則でCSSの管理から解放されます。 tailwind CSSはユーティリティファーストなのでボタンを装飾す…"><a class="e-link-card__anchor" href="https://omkz.net/tailwind-tools/" rel="nofollow noreferrer noopener" target="_blank"><div class="e-link-card__title">【時間を節約】tailwind CSSで爆速開発のためのツール集 | りーほーブログ</div><div class="e-link-card__hostname"><img src="https://icons.duckduckgo.com/ip3/omkz.net.ico" referrerpolicy="no-referrer" /><span>omkz.net</span></div></a></div><h2 class="e-heading">🎉できた</h2><figure class="e-image" data-natural-width="1870" data-natural-height="1447" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/4vseo7maif1444oexvnb.png" width="1870" height="1447" /></figure><figure class="e-image" data-natural-width="2240" data-natural-height="804" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/51rvkr1vvkfnztktsbms.png" width="2240" height="804" /></figure><h2 class="e-heading">🍚きょうのごはん</h2><figure class="e-image" data-natural-width="4032" data-natural-height="3024" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/77ek4iman6zrabcxik6d.jpeg" width="4032" height="3024" /></figure><p class="e-p">夕飯は豚キム。さいこうやで🐽</p>