Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

<dialog>タグのモーダル実装、2025年最新版。 JavaScriptなしで、HTMLの属性値だけで開閉可能に。 command属性にid紐付け、commandfor属性で操作を記載。 最新のSafari・Firefox・Chromeなど全ブラウザ対応。 CSSを組み合われば、JSなしで開閉モーションも付けられます。 #Web制作

clockmaker's profile picture

池田 泰延

30,650 subscribers

53,206 görüntüleme • 7 ay önce •via X (Twitter)

EğitimBilim & Teknoloji#Web制作
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

CSSの新しいattr()が便利。 HTMLタグの属性値をCSSで扱えます。
0:13

CSSの新しいattr()が便利。 HTMLタグの属性値をCSSで扱えます。

池田 泰延

80,395 görüntüleme • 4 ay önce

HTMLの新しいpopover="hint"属性を使うと、ツールチップのフキダシ💭を簡単かつ丁寧に作れます。 HTML + CSS + JSのポップオーバーは便利なので、ぜひ覚えたい機能です。
0:11

HTMLの新しいpopover="hint"属性を使うと、ツールチップのフキダシ💭を簡単かつ丁寧に作れます。 HTML + CSS + JSのポップオーバーは便利なので、ぜひ覚えたい機能です。

池田 泰延

157,915 görüntüleme • 1 yıl önce

details要素の開閉アニメーション、現状ChromeのみだけどたったこれだけのCSSで対応可能。 ::details-content疑似要素はsummary以外のdetailsの子要素を包含するので、コンテンツのラッパーdiv等を増やさなくてもOK。 Chrome 133からは:open擬似クラスで開閉の状態分岐が可能に。 #Web制作
0:14

details要素の開閉アニメーション、現状ChromeのみだけどたったこれだけのCSSで対応可能。 ::details-content疑似要素はsummary以外のdetailsの子要素を包含するので、コンテンツのラッパーdiv等を増やさなくてもOK。 Chrome 133からは:open擬似クラスで開閉の状態分岐が可能に。 #Web制作

TAK

19,916 görüntüleme • 1 yıl önce

新アクションでバウンド属性を実装したんでおふざけで子パンに付与してみたら某世紀末なバスケみたいになった
0:12

新アクションでバウンド属性を実装したんでおふざけで子パンに付与してみたら某世紀末なバスケみたいになった

いのはま🐗🏖️

12,945 görüntüleme • 1 yıl önce

■もう1人の相棒“キャビン”の3Dプリント用モデル配布開始！ お手持ちの3Dプリンターで出力すればキャビンのフィギュアが作成可能に。 付属の表情データを印刷して貼り付けると、お好きな顔のキャビンをお楽しみいただけます！
0:11

■もう1人の相棒“キャビン”の3Dプリント用モデル配布開始！ お手持ちの3Dプリンターで出力すればキャビンのフィギュアが作成可能に。 付属の表情データを印刷して貼り付けると、お好きな顔のキャビンをお楽しみいただけます！

「プラグマタ」公式

265,111 görüntüleme • 3 ay önce

「しゃがみ移動」を実装しました！ 姿勢を低くしたまま歩くことで、今まで行けなかった場所に行けるようになります この状態であれば、半開きのシャッターなどを通り抜けることが可能です キャラクターの個性を出すために、身体の大きさによって成否を変える予定です（大柄な男性は通れないなど）
0:19

「しゃがみ移動」を実装しました！ 姿勢を低くしたまま歩くことで、今まで行けなかった場所に行けるようになります この状態であれば、半開きのシャッターなどを通り抜けることが可能です キャラクターの個性を出すために、身体の大きさによって成否を変える予定です（大柄な男性は通れないなど）

三好静香/Miyoshi Shizuka

29,645 görüntüleme • 4 ay önce

バスコレプラスに触発され(？)ニーリング機能を実装してみました。ドア開閉用のアクチュエータに追加する形で、駆動部とステアリングパーツとを金属線で接続し上下させる仕組みです。 発進までの動作テスト———こちらも動作良好。良き感じです。
0:17

バスコレプラスに触発され(？)ニーリング機能を実装してみました。ドア開閉用のアクチュエータに追加する形で、駆動部とステアリングパーツとを金属線で接続し上下させる仕組みです。 発進までの動作テスト———こちらも動作良好。良き感じです。

貨物船/T.Chikura

37,453 görüntüleme • 1 yıl önce

締め付けなし、前開きの服で生活すれば いつも最短最速で栄養をあげられます
0:11

締め付けなし、前開きの服で生活すれば いつも最短最速で栄養をあげられます

七武ななみ

607,207 görüntüleme • 6 ay önce

開花に合わせて、リンゴの花の「収穫」作業もスタート。 リンゴは同じ品種同士の花粉では受精が出来ず実が付かないので、別の品種の花を収穫して花粉を抽出、それを人の手で雌しべに付けていく…という工程が必要なのです。 秋の収穫時期ばかりが取り上げられがちなのだけど、リンゴ作りは実を収穫する前段階の仕込みが全て。 毎年のことだけど、この時期の農作業は見とれてしまうくらい美しいんだよな。
0:11

開花に合わせて、リンゴの花の「収穫」作業もスタート。 リンゴは同じ品種同士の花粉では受精が出来ず実が付かないので、別の品種の花を収穫して花粉を抽出、それを人の手で雌しべに付けていく…という工程が必要なのです。 秋の収穫時期ばかりが取り上げられがちなのだけど、リンゴ作りは実を収穫する前段階の仕込みが全て。 毎年のことだけど、この時期の農作業は見とれてしまうくらい美しいんだよな。

北沢毅/リンゴ野郎🍎

2,585,984 görüntüleme • 3 ay önce

もう10年近く前に作ったやつ。 サイドポート付けるなら開け閉めできたら良いのになって考えた。 作るのが大変過ぎるのでもう作らんけど。
0:13

もう10年近く前に作ったやつ。 サイドポート付けるなら開け閉めできたら良いのになって考えた。 作るのが大変過ぎるのでもう作らんけど。

Keystone Stringed Instruments

445,747 görüntüleme • 10 ay önce

iOS26のsafariで「タブ一覧をワンタップで開けなくなって不便」みたいなツイートを見たけど 絶対にジェスチャーを使えるようになった方が良い ちなみにこのジェスチャーはこれまでのsafariでも使えました
0:15

iOS26のsafariで「タブ一覧をワンタップで開けなくなって不便」みたいなツイートを見たけど 絶対にジェスチャーを使えるようになった方が良い ちなみにこのジェスチャーはこれまでのsafariでも使えました

アライ

69,453 görüntüleme • 10 ay önce

ついにカルテジアの立ち絵と動画が公開されました！ 発表タイミングからVer2.4での実装とみて良さそうです！ 属性やスキルなどは不明ですが、カルテジア団子の能力から考えるに気動属性のアタッカーの可能性が高いです！ ▼カルテジアについてはこちら #鳴潮
0:13

ついにカルテジアの立ち絵と動画が公開されました！ 発表タイミングからVer2.4での実装とみて良さそうです！ 属性やスキルなどは不明ですが、カルテジア団子の能力から考えるに気動属性のアタッカーの可能性が高いです！ ▼カルテジアについてはこちら #鳴潮

鳴潮攻略@GameWith

81,628 görüntüleme • 1 yıl önce

定番WEBブラウザ「Chrome」のタブに表示されている「アイコン」でDoomが動作開始!! 老眼にはキツいサイズの「勝手移植なDoom」ではあるけれど、しっかりと操作可能なのは超凄いンだッッ!
0:12

定番WEBブラウザ「Chrome」のタブに表示されている「アイコン」でDoomが動作開始!! 老眼にはキツいサイズの「勝手移植なDoom」ではあるけれど、しっかりと操作可能なのは超凄いンだッッ!

吉野@連邦(renpou.com)

47,701 görüntüleme • 1 yıl önce

おまけ程度ですが、少し遊べるギミックも入れております。 ちなみに、傘の開閉については実際にろくろを掴んで手動で開閉するマニュアルモードと、メニューからボタントグルで開閉できるオートモードを選択可能です。使いやすい方でどうぞ！ #妖具屋零れ桜
0:10

おまけ程度ですが、少し遊べるギミックも入れております。 ちなみに、傘の開閉については実際にろくろを掴んで手動で開閉するマニュアルモードと、メニューからボタントグルで開閉できるオートモードを選択可能です。使いやすい方でどうぞ！ #妖具屋零れ桜

🌸さくらめさん@妖具屋零れ桜⛩️

17,579 görüntüleme • 3 gün önce

【✨新作販売✨】 大変お待たせいたしました！！ 2025年最後の新作アイテム 『打ち刀 黒染花 -Kokusenka-』 販売開始いたしました❣❣ 墨筆のようなTrailと刀身が黒に染まった後の ＜ 拭い ＞ 抜刀納刀のギミックにSEを付属と本年の集大成です✨ 対応済みprefab 27人分を用意いたしました🎵 ✨対応していないアバターももちろん使用できます！！！！✨ また おまけで『刀掛け』が付いたワールド版がございます🎵 #Syalls_Atelier #VRChat
0:17

【✨新作販売✨】 大変お待たせいたしました！！ 2025年最後の新作アイテム 『打ち刀 黒染花 -Kokusenka-』 販売開始いたしました❣❣ 墨筆のようなTrailと刀身が黒に染まった後の ＜ 拭い ＞ 抜刀納刀のギミックにSEを付属と本年の集大成です✨ 対応済みprefab 27人分を用意いたしました🎵 ✨対応していないアバターももちろん使用できます！！！！✨ また おまけで『刀掛け』が付いたワールド版がございます🎵 #Syalls_Atelier #VRChat

シャルハイン

28,239 görüntüleme • 7 ay önce

#3月になったのでフォロワーさんに自己紹介しようぜ ”変形”をはじめとしたメカニカルなギミックをテーマに、銀や銅合金を使い金属製の工芸作品を制作しています。 デザイン面を重視し、変形しないけどワンギミックある作品にも挑戦中です！ 画像の金魚は口やヒレが可動し、口は実際の魚の様な複雑な動きをリンク機構で再現しています。 カンムリヅルをモチーフとした作品は、翼の開閉に連動機構を設けています。
0:11

#3月になったのでフォロワーさんに自己紹介しようぜ ”変形”をはじめとしたメカニカルなギミックをテーマに、銀や銅合金を使い金属製の工芸作品を制作しています。 デザイン面を重視し、変形しないけどワンギミックある作品にも挑戦中です！ 画像の金魚は口やヒレが可動し、口は実際の魚の様な複雑な動きをリンク機構で再現しています。 カンムリヅルをモチーフとした作品は、翼の開閉に連動機構を設けています。

坪島悠貴

50,561 görüntüleme • 5 ay önce

別府で、最後の訴えを行いました。 応援にはおみそんさんも駆けつけてくださいました。 厳しい戦いです。 それでも――土葬には反対。 しがらみのない、唯一の無所属として、 大分3区から政治を変えたい。 最後まで、全力で戦い抜きます。 どうかお力をお貸しください。
0:17

別府で、最後の訴えを行いました。 応援にはおみそんさんも駆けつけてくださいました。 厳しい戦いです。 それでも――土葬には反対。 しがらみのない、唯一の無所属として、 大分3区から政治を変えたい。 最後まで、全力で戦い抜きます。 どうかお力をお貸しください。

平野雨龍

98,700 görüntüleme • 6 ay önce

ジャストパリィをすると5Fの無敵が付与されます。 多段技などをジャストパリィした際、反撃がよくわからない場合は発生5F以下の技であれば確実に反撃できます。 ※弾属性の攻撃をジャスパした場合は無敵が付与されません。 #スト6
0:12

ジャストパリィをすると5Fの無敵が付与されます。 多段技などをジャストパリィした際、反撃がよくわからない場合は発生5F以下の技であれば確実に反撃できます。 ※弾属性の攻撃をジャスパした場合は無敵が付与されません。 #スト6

KakuhanApp/スト6フレーム･確反検索、掲示板サイト

139,613 görüntüleme • 1 yıl önce