Loading video...

Video Failed to Load

Go Home

HTMLの新しいinterestfor属性が便利！ JavaScript無しで、ホバーUIを作れます。

clockmaker's profile picture

池田 泰延

31,599 subscribers

294,212 views • 9 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。
0:24

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。

池田 泰延

51,860 views • 9 months ago

HTMLコーダーに嬉しいVS Codeの最新機能。 alt属性の文言を自動生成してくれます。 HTMLとマークダウンに対応。
0:28

HTMLコーダーに嬉しいVS Codeの最新機能。 alt属性の文言を自動生成してくれます。 HTMLとマークダウンに対応。

池田 泰延

57,483 views • 1 year ago

今年リリースした「miet」 アカウントを作っておくだけで自分のショート動画が届く便利なサービスなんですが知名度が足りぬ… ショート依頼の便利さを知って欲しい！という事でキャンペーンです！ mietのアカウントを作ってMiet にDMをいただけたらウチの職人が無償で貴方のショートを作成致します
0:33

今年リリースした「miet」 アカウントを作っておくだけで自分のショート動画が届く便利なサービスなんですが知名度が足りぬ… ショート依頼の便利さを知って欲しい！という事でキャンペーンです！ mietのアカウントを作ってMiet にDMをいただけたらウチの職人が無償で貴方のショートを作成致します

Ｍとし

10,520 views • 6 months ago

MingToon 0.1.12 のアップデートがまもなくです！ 利便性と慣れ親しんだ使い勝手に重点を置いたインスペクターの大変革を行いました。 今やシンプルモードは本当にシンプルモードになりつつあります。 最初の変換も便利なウィザード形式で作成しました。
0:27

MingToon 0.1.12 のアップデートがまもなくです！ 利便性と慣れ親しんだ使い勝手に重点を置いたインスペクターの大変革を行いました。 今やシンプルモードは本当にシンプルモードになりつつあります。 最初の変換も便利なウィザード形式で作成しました。

Raming ( ´∀｀ )b

18,455 views • 1 month ago

Blender用の便利なツールを作らせていただきました。左右のシェイプキーをワンクリックで分割・結合できる機能を実装しています。GitHubにて無料でご利用いただけますので、よろしければぜひお試しください！ #Mae3D #Blender #b3d
0:25

Blender用の便利なツールを作らせていただきました。左右のシェイプキーをワンクリックで分割・結合できる機能を実装しています。GitHubにて無料でご利用いただけますので、よろしければぜひお試しください！ #Mae3D #Blender #b3d

海参白

176,530 views • 1 year ago

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。
1:28

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

池田 泰延

28,431 views • 5 months ago

HTMLを直接3Dの質感として描画できる新機能「html-in-canvas」 複雑な操作画面をWebブラウザの標準機能でそのまま3D空間へ配置できます。 現在はChromeの試験運用機能ですが、Web3DのUI制作を劇的に効率化する可能性を秘めた期待の技術です。
0:26

HTMLを直接3Dの質感として描画できる新機能「html-in-canvas」 複雑な操作画面をWebブラウザの標準機能でそのまま3D空間へ配置できます。 現在はChromeの試験運用機能ですが、Web3DのUI制作を劇的に効率化する可能性を秘めた期待の技術です。

Sadao Tokuyama

538,628 views • 6 months ago

#本日のイラレ アメコミ風の飛び出すロゴを、アピアランスで簡単に作れます！ポップで派手なタイトルが欲しい時に便利です。 #adobeillustrator #Illustrator
2:19

#本日のイラレ アメコミ風の飛び出すロゴを、アピアランスで簡単に作れます！ポップで派手なタイトルが欲しい時に便利です。 #adobeillustrator #Illustrator

イラレ職人 コロ

212,934 views • 1 year ago

HTMLでスライド作ると視覚的に説明できて便利だな。 ブラウザ上のJavaScriptで計算・描画するのでHTMLファイル開くだけで完結するのも良い。
0:20

HTMLでスライド作ると視覚的に説明できて便利だな。 ブラウザ上のJavaScriptで計算・描画するのでHTMLファイル開くだけで完結するのも良い。

わたヤク

42,599 views • 18 days ago

Codex(OpenAI)のMacアプリがリリース！ 開発体験がすごく良いです。 HTML・CSS製のプレゼンツールをCodexに作らせたところ、ガシガシ開発してくれました。 普段から様々なモデルを比較検証していますが、UIモーション・最新Web機能・DOM構造が複雑なものは、考える力のあるCodexが優秀ですね。
0:21

Codex(OpenAI)のMacアプリがリリース！ 開発体験がすごく良いです。 HTML・CSS製のプレゼンツールをCodexに作らせたところ、ガシガシ開発してくれました。 普段から様々なモデルを比較検証していますが、UIモーション・最新Web機能・DOM構造が複雑なものは、考える力のあるCodexが優秀ですね。

池田 泰延

48,562 views • 9 months ago

制作中のMUCOM88 VSTi、ニッチすぎる便利機能をいろいろ盛り込んでいるところですが、その一つがこれ。 選択したMMLをドラッグ＆ドロップするだけで、実機用のディスクイメージを作れちゃいます。
1:12

制作中のMUCOM88 VSTi、ニッチすぎる便利機能をいろいろ盛り込んでいるところですが、その一つがこれ。 選択したMMLをドラッグ＆ドロップするだけで、実機用のディスクイメージを作れちゃいます。

古代祐三 Yuzo Koshiro

39,711 views • 1 month ago

JS無し！ HTMLとCSSのみでカルーセルUIを作れます。 Chrome・Edge 135（2025年4月）で追加された ::scroll-button()、::scroll-marker疑似要素がポイント。 スクリーンリーダーやキーボード操作にも対応。 デモ by naomi
0:25

JS無し！ HTMLとCSSのみでカルーセルUIを作れます。 Chrome・Edge 135（2025年4月）で追加された ::scroll-button()、::scroll-marker疑似要素がポイント。 スクリーンリーダーやキーボード操作にも対応。 デモ by naomi

池田 泰延

78,006 views • 1 year ago

ホームページを作る時に考えたあれこれをまとめたHTML Zineを作りました。Webfontも作りました。読みづらいですが、読んでください! 👉 #htmlzine
0:24

ホームページを作る時に考えたあれこれをまとめたHTML Zineを作りました。Webfontも作りました。読みづらいですが、読んでください! 👉 #htmlzine

Kitasenju Design

14,130 views • 1 month ago

HTML・CSSで作るメニューUI。 ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。
0:39

HTML・CSSで作るメニューUI。 ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。

池田 泰延

80,451 views • 3 months ago

イラストなどのパスをポーズ変更したい時は、パペットワープツールが便利です。基本操作をおさらいしましょう。 #本日のイラレ #Adobeillustrator
2:03

イラストなどのパスをポーズ変更したい時は、パペットワープツールが便利です。基本操作をおさらいしましょう。 #本日のイラレ #Adobeillustrator

イラレ職人 コロ

267,213 views • 1 year ago

ゲームの UI を実装中。 画面下部の UI をカーソルが移動するのですが、途中で猫の頭を経由してなでられるようにしました。（そのほうがなんかほっこりするので） よろしくお願いします。 #gamedev #ねこがかわいくておしまいになるゲーム
0:35

ゲームの UI を実装中。 画面下部の UI をカーソルが移動するのですが、途中で猫の頭を経由してなでられるようにしました。（そのほうがなんかほっこりするので） よろしくお願いします。 #gamedev #ねこがかわいくておしまいになるゲーム

Tatsuya Koyama

15,458 views • 9 months ago

ずんだもんのAIボイス、voicegerがバージョンアップしました(*ゝω・)ﾉ 長文を調整無しで読ませたいときに便利です╭( ・ㅂ・)و ̑̑ ただし、メチャクチャ重いのでその点覚悟をお願いしますヽ(•̀ω•́ )ゝ✧ Windows専用です。ver 3.0.0 (Beta)をご利用ください
4:52

ずんだもんのAIボイス、voicegerがバージョンアップしました(*ゝω・)ﾉ 長文を調整無しで読ませたいときに便利です╭( ・ㅂ・)و ̑̑ ただし、メチャクチャ重いのでその点覚悟をお願いしますヽ(•̀ω•́ )ゝ✧ Windows専用です。ver 3.0.0 (Beta)をご利用ください

東北ずん子🫛ずんだもん🫛公式

100,024 views • 6 months ago