Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

clockmaker's profile picture

池田 泰延

30,650 subscribers

53,206 Aufrufe • vor 10 Monaten •via X (Twitter)

BildungWissenschaft & Technologie#Web制作
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

池田 泰延

80,395 Aufrufe • vor 7 Monaten

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

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

池田 泰延

158,106 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

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

いのはま🐗🏖️

12,945 Aufrufe • vor 1 Jahr

MHFは防御力だけでなく耐性値もあげないといけなくて 雷属性モンスターの場合、雷耐性55まであげないと 2度目の雷属性攻撃で心停止して死亡する マルチだと心臓マッサージのみで救助可能
0:18

MHFは防御力だけでなく耐性値もあげないといけなくて 雷属性モンスターの場合、雷耐性55まであげないと 2度目の雷属性攻撃で心停止して死亡する マルチだと心臓マッサージのみで救助可能

\爆雷針/

229,079 Aufrufe • vor 1 Monat

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

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

「プラグマタ」公式

265,111 Aufrufe • vor 6 Monaten

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

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

三好静香/Miyoshi Shizuka

29,645 Aufrufe • vor 7 Monaten

🌟完全新キャラ「リリー」が公開！ 公式Xにて、新キャラ「リリー」が発表されました！ 次バージョンで実装されると思われます！ 所属アイコンが新たなものとなっているので、これまでにない地域所属のキャラとなるようです！ #鳴潮
0:19

🌟完全新キャラ「リリー」が公開！ 公式Xにて、新キャラ「リリー」が発表されました！ 次バージョンで実装されると思われます！ 所属アイコンが新たなものとなっているので、これまでにない地域所属のキャラとなるようです！ #鳴潮

鳴潮攻略@GameWith

84,621 Aufrufe • vor 1 Monat

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

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

七武ななみ

607,207 Aufrufe • vor 9 Monaten

半円上のポジショニングにいたことで3歩でスペースを閉じに行ける マイナスクロスに対して1歩でもポストよりも前に出ていたら、最後のシューターに対してプレッシャーをかけられなかった 西川周作選手が足を運んでスペースを閉じようとしたことでギリギリを狙わなければいけなくなり外してしまった GKコーチからするとGKのプレーで外させたと思っている ボールには触れていないけど ナイスキーパー！なプレーです🤤
0:16

半円上のポジショニングにいたことで3歩でスペースを閉じに行ける マイナスクロスに対して1歩でもポストよりも前に出ていたら、最後のシューターに対してプレッシャーをかけられなかった 西川周作選手が足を運んでスペースを閉じようとしたことでギリギリを狙わなければいけなくなり外してしまった GKコーチからするとGKのプレーで外させたと思っている ボールには触れていないけど ナイスキーパー！なプレーです🤤

三上 綾太｜GK育成｜グラスピアGKアカデミー

150,606 Aufrufe • vor 2 Monaten

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

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

北沢毅/リンゴ野郎🍎

2,588,562 Aufrufe • vor 6 Monaten

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

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

アライ

69,668 Aufrufe • vor 1 Jahr

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

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

Keystone Stringed Instruments

445,747 Aufrufe • vor 1 Jahr

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

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

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

18,331 Aufrufe • vor 3 Monaten

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

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

シャルハイン

28,239 Aufrufe • vor 10 Monaten

完全無料です。 「マップを動かしたいけど、マップを持ってない…」 そんな声にお応えして、今度はマップを“作る”無料ツールを用意しました。 「マップ制作スタジオ」をBOOTHで公開しました！ 部屋を広げる。廊下でつなぐ。家具を置く。 TRPGの「こんな間取りがほしい」を、自分の手で。 洋館・研究棟・観測所の見本つきなので、マップ画像がなくても始められます。 青焼きや古紙など、仕上がりも6つの雰囲気から選べます。 制作からPNG書き出しまで機能制限一切なし全部無料です。 ZIPを展開して「index.html」をPCのブラウザで開くだけ。 ▼無料ダウンロード（BOOTH） ※100円の応援版もあります。無料版とダウンロード内容・機能は同じです。 気に入っていただけたら、BOOTHのスキ＆フォローで応援していただけるとうれしいです。 「マップなんか作るかなぁ？」という方も、念のためぜひ今のうちにダウンロードお願いします。 #TRPG #マップ制作
0:19

完全無料です。 「マップを動かしたいけど、マップを持ってない…」 そんな声にお応えして、今度はマップを“作る”無料ツールを用意しました。 「マップ制作スタジオ」をBOOTHで公開しました！ 部屋を広げる。廊下でつなぐ。家具を置く。 TRPGの「こんな間取りがほしい」を、自分の手で。 洋館・研究棟・観測所の見本つきなので、マップ画像がなくても始められます。 青焼きや古紙など、仕上がりも6つの雰囲気から選べます。 制作からPNG書き出しまで機能制限一切なし全部無料です。 ZIPを展開して「index.html」をPCのブラウザで開くだけ。 ▼無料ダウンロード（BOOTH） ※100円の応援版もあります。無料版とダウンロード内容・機能は同じです。 気に入っていただけたら、BOOTHのスキ＆フォローで応援していただけるとうれしいです。 「マップなんか作るかなぁ？」という方も、念のためぜひ今のうちにダウンロードお願いします。 #TRPG #マップ制作

KIIN｜TRPG・創作ツール

822,664 Aufrufe • vor 9 Tagen

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

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

坪島悠貴

50,677 Aufrufe • vor 8 Monaten