2024年！後半はIMP.が世界中で売れる！IMP.さんがポッドキャストやってます！聴いてほしいです！ <iframe style="border-radius:12px" src="open.spotify.com/embed/episode/…" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen;…

2024年！後半はIMP.が世界中で売れる！IMP.さんがポッドキャストやってます！聴いてほしいです！ <iframe style="border-radius:12px" src="open.spotify.com/embed/episode/…" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen;…

canvasのscale、0.01にしてwidth/height100で1mするか、0.001にしてwidth/height1000で1mにするか

凄い設定だな、、 #JK　#FANZA <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="ebook-assets.dmm.co.jp/digital/e-book…" style="margin:0;padding:0;border:0;max-width:100%"></a>

たぶん間違っていないと思いますが 遠い昔の記憶を思い出して記述した NEC N-BASICのプログラムです 実行結果が分かる人いますか？ 10 CONSOLE 0,25,0,1:WIDTH 80,25 20 T$="" 30 IF T$<>TIME$ THEN GOSUB 100 40 GOTO 30 100 T$=TIME$ 110 LOCATE 35,12:PRINT T$ 120 RETURN 130 END

▼備忘録 たった1行で綺麗な半円を作る！ border-radius: 50% / 100% 100% 0 0; ちなみに元のサイズは正方形じゃなくて長方形！ 今回は width: 600px; height: 300px; で実装しました💡 pic.twitter.com/csrTKIygOu

枯れ果てそう、、、 #FANZA #jk <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="ebook-assets.dmm.co.jp/digital/e-book…" style="margin:0;padding:0;border:0;max-width:100%"></a>

普通に可愛い #FANZA #jk <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/mono/movie/adu…" style="margin:0;padding:0;border:0;max-width:100%"></a>

こんな清楚系美女をVRで堪能できるだなんて #FANZA　#JK <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>

こんなん絶対にいいに決まってる！ #FANZA #JK <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>

返信先:@ryuuken221このおじさんも大活躍する ローゼンガーテン•サーガをよろしくお願いします <iframe src="viewer.heros-web.com/episode/139336…" width="560" height="400" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="max-width:100%;"></iframe>

返信先:@mos_burger抽選で「まるごと！レモンのジンジャーエールwithはちみつレモンソース」を100名様にプレゼント🎁 📷🍋 min-width: 0px; letter-spacing: normal; orphan をフォロー 📷 #モスのドリンクにレモン丸々1個入ってるよ

6月6日 web制作コース DAY7 📖3h ・メインビジュアルのコーディング レスポンシブ調整 画像を%で計算 width:calc(600px/1100px * 100%); 覚えておこう… 余裕ある人向けの課題をやりかけたけど、「OHA!」終わってからにします。混乱した… #デイトラ

ボディー : United Athle製 5001-01(5.6oz/綿100%) COLOR : Black(Body) / White print SIZE S / M / L / XL 身丈 / Length : 65 / 69 / 73 / 77cm 身幅 / Width : 49 / 52 / 55 / 58cm 袖丈 / Sleeve length : 19 / 20 / 22 / 24cm *微妙な寸法違いはご了承ください

🖥️🟡🟣6/6中級day6/7復習🟡🟣 本日も混乱と戦いです🤹 🔹width: 100% ・画像配置 position: absolute; left:0; ※レイアウト崩れ防止⇒leftが◎ 🔹sp要素中央揃え⇒PC要素左端配置 margin-left: 0; *margin-right: 0;⇐打ち消す 🔹position：top, right, bottom, leftの関係 #デイトラ #Web制作

返信先:@zoumotuコピペ用 <div style="position:absolute; left: $customVariable[iLeft]px; bottom: 0; width: 368px; height: 102px; "> <img src="/overlay-resources/img/ww/001.png" style="width: 100%;"> </div>

open.spotify.com/playlist/37i9d… K-Pop Fresh なんとZB1 4曲ランクイン中！ #31 Sweat #41 フィルポ #49 フィルポ（Jap ver.) ＃81 ゆらゆら <iframe style="border-radius:12px" src="open.spotify.com/embed/playlist…" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay;…

反応と下着が〇 #FANZA #JK <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>

6/5-②ohaのheaderとmv。 font-feature-settings: "palt" on;とwidth: fit-content、 画像がｍｖからはみ出す見た目をposition: relativeとabsoluteでつくる方法学ぶ。 レスポンシブで画像かぶりを縮小時、画像サイズをその画像を囲う要素で割って割合を充てる。width: calc(600px / 1100px * 100%) pic.twitter.com/HtXxf57PMA

顔、着けている下着がリアルJ〇でした(笑)、わかる人にはわかる！ #FANZA　#JK <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/amateu…" style="margin:0;padding:0;border:0;max-width:100%"></a>

<a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="ebook-assets.dmm.co.jp/digital/e-book…" style="margin:0;padding:0;border:0;max-width:100%"></a> 夢の国ですやん、、 #FANZA　#JK

おもろ… <iframe src="ourfeel.jp/episode/255068…" width="560" height="400" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="max-width:100%;"></iframe>

返信先:@VODKA_redbull69M男が大歓喜の乳首テコキはこれ <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/amateu…" style="margin:0;padding:0;border:0;max-width:100%"></a>

返信先:@BaillozyDiabyM男歓喜の大盛り合わせ <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/amateu…" style="margin:0;padding:0;border:0;max-width:100%"></a>

個人的めっちゃおもろいジャンプ+の漫画で、HEART GEARって言うんですけど… <iframe src="shonenjumpplus.com/episode/108341…" width="560" height="400" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="max-width:100%;"></iframe>

ヘッダーとかnavバーとか画面幅１００％で固定したその下にサイドバーを持ってくるレイアウトは画面からはみ出してしまう paddingの分外にはみ出す時は、box-sizing: border-boxを指定 要素の幅はwidthで固定され、paddingは内側に取られる #CSS

②の「calc()関数」を使うとサイドコンテンツがあるような2カラムレイアウトが作りやすくなります。 .main { width: calc(100% - 300px); } .side { width: 300px; } この2つの子要素を囲う親要素に「display: flex;」を適用すれば完成です。

個人的に使ってみて感動した神CSS ①「aspect-ratio」 　→1行書くだけで画像の縦横比を指定 ②「calc()関数」 　→pxなどの値を計算 　例: width: calc(100% - 50px); ③「display: grid」 　→タイル型のレイアウトを一瞬で作る ④「position: fixed」 　→ヘッダーなどを常に上に固定 ↓解説

<iframe src="widget.cybershop-affiliate.jp/widget.php?sho…" scrolling="no" frameborder="0" width="100%" height="318">アダルトメディア/新着</iframe>

今日は、floatで右下・左下に画像を配置する『float-bottom.js』をご紹介します。画像「width:100%」だとちょっと大きすぎるなあ、かといって「width:50%」だと間がスカスカ空きすぎだなあ、みたいなときにたまに使います。　#web制作 codepen.io/sarap422/full/… pic.twitter.com/n25juYmOh6

🖥️中級day6/7 🔸MVコーディング🔸 今日も書ききれない疑問と向き合っています☕️💨 *⃣確認ワード 🔹description 🔹typography ♾プロパティ 🔹line-height: 100%;/line-height: 1; 違い 🔹width: fit-content 💠code 🔹pタグ⇒インライン/spanタグ⇒ブロック #デイトラ #Web制作

肌感なので仕様かどうかは不明ですが、縦1列のハコの要素幅をpixelで指定すると、（例えば800px）親要素がそれ以下になってても破綻せず収まってくれ、あたかもwidth:100% max-width: 800px; と指定したかのように振る舞ってくれるっぽい？？　今日たまたま？？　#STUDIO自分メモ

Animaのプラグイン使ってFigmaからhtml&cssを書き出してみた。LPと問い合わせフォーム。 フレームの幅のままなのでcssでwidth:100％に変更しても変わらず、フォームはlabel含めて画像となってinputできない。ぱっと見はFigma通りなのに思ったより使えなくて残念。何かコツがあるのかな？誰か教えて〜

✏️今日の記録 学習時間 1h（累計104h） #デイトラ #web制作コース ✅中級DAY7 ,8 完了 メインビジュアルと導入実績セクションができあがった🙆‍♀️ 💡max-width:calc（100% - ◯px ×2） ウィンドウ幅が広がっても左右の余白◯pxを保ったまま広がる！ #web制作

>RT このテの話みて、 QEDの『人形殺人』の話を思い出した <iframe src="pocket.shonenmagazine.com/episode/139336…" width="560" height="400" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="max-width:100%;"></iframe>

かりそめ天国でマツコの背景にあった漫画が気になって見てたら、宿屋に泊まるときの偽名が『才谷梅太郎』!? 偶然?ではないよね? src="sunday-webry.com/episode/140796…" width="560" height="400" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="max-width:100%;"></iframe>

返信先:@JavTubeSKキャバ嬢ギャルのロールスロイス <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>

返信先:@Isabell84923790歴代トップ <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>

返信先:@ghost_innこれが最高やったな <a href="al.dmm.co.jp/?lurl=https%3A…" rel="sponsored" target="_blank"><img src="pics.dmm.co.jp/digital/video/…" style="margin:0;padding:0;border:0;max-width:100%"></a>