Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

clockmaker's profile picture

池田 泰延

31,446 subscribers

293,952 görüntüleme • 6 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

池田 泰延

51,763 görüntüleme • 6 ay önce

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

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

池田 泰延

57,483 görüntüleme • 1 yıl önce

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

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

Ｍとし

10,319 görüntüleme • 3 ay önce

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

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

海参白

176,427 görüntüleme • 1 yıl önce

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

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

池田 泰延

28,244 görüntüleme • 2 ay önce

皆がドワッジ好きみたいなのでホバーの慣性で上手くコンボ出来ない人の為に小技を紹介しておきます ホバーの慣性はしゃがむことで完全に無くすことができます 1つ目のコンボは最後までしゃがんだやつ、2つ目のコンボは一瞬だけしゃがんだやつ #PS5Share, #機動戦士ガンダムバトルオペレーション２
0:51

皆がドワッジ好きみたいなのでホバーの慣性で上手くコンボ出来ない人の為に小技を紹介しておきます ホバーの慣性はしゃがむことで完全に無くすことができます 1つ目のコンボは最後までしゃがんだやつ、2つ目のコンボは一瞬だけしゃがんだやつ #PS5Share, #機動戦士ガンダムバトルオペレーション２

のーぶ👁‍🗨😈🪓のぶちゃんまん

39,191 görüntüleme • 3 yıl önce

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

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

Sadao Tokuyama

536,890 görüntüleme • 3 ay önce

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

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

池田 泰延

48,562 görüntüleme • 6 ay önce

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

池田 泰延

76,897 görüntüleme • 1 yıl önce

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

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

イラレ職人 コロ

267,213 görüntüleme • 1 yıl önce

作業が楽しすぎて作業しかしておらず、載せられるものが何も無いので作業の録画を超ド倍速でお送りします。
2:39

作業が楽しすぎて作業しかしておらず、載せられるものが何も無いので作業の録画を超ド倍速でお送りします。

水無生 やいち

43,362 görüntüleme • 10 ay önce

新しいチップチューン作曲ソフト『Zaza』のデモソングを作成してみました！こんな具合に曲が作れます。 ZazaはDiscordでテスト版公開しています、よろしくおねがいします！
0:47

新しいチップチューン作曲ソフト『Zaza』のデモソングを作成してみました！こんな具合に曲が作れます。 ZazaはDiscordでテスト版公開しています、よろしくおねがいします！

AMURu

20,432 görüntüleme • 5 ay önce

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

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

Tatsuya Koyama

15,346 görüntüleme • 6 ay önce

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

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

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

96,669 görüntüleme • 3 ay önce

Blenderで徐々に剥がれるエフェクトを作成する方法 このチュートリアルでは、無料のアセットを使用して、Blenderでマスクが剥がれる効果を作成する方法を解説してくれています。 #blender #blenderチュートリアル
0:45

Blenderで徐々に剥がれるエフェクトを作成する方法 このチュートリアルでは、無料のアセットを使用して、Blenderでマスクが剥がれる効果を作成する方法を解説してくれています。 #blender #blenderチュートリアル

【Blender攻略】The_Movie

33,898 görüntüleme • 3 yıl önce

Studio Oneの便利機能の紹介 「ストリップサイレンス」(=無音部分の自動カット) トラックの無音部分を手動でカットしていた作業が、この機能を使うことで一瞬でカットされるため、大幅な時短につながります。 使い方を簡単に動画にしましたので、是非ご覧ください*
1:31

Studio Oneの便利機能の紹介 「ストリップサイレンス」(=無音部分の自動カット) トラックの無音部分を手動でカットしていた作業が、この機能を使うことで一瞬でカットされるため、大幅な時短につながります。 使い方を簡単に動画にしましたので、是非ご覧ください*

胡蝶 蘭 ✿ Mixer

18,978 görüntüleme • 8 ay önce

これまでの実績をまとめたイカした作品集（Showreel）を作りました。 3DCG、実写撮影、視覚効果、幅広いジャンルを制作しています。 同じ仲間と繋がりたいので拡散して頂けると嬉しいです！ WEBの方も常時更新中です！ よろしくお願いします🙇
1:39

これまでの実績をまとめたイカした作品集（Showreel）を作りました。 3DCG、実写撮影、視覚効果、幅広いジャンルを制作しています。 同じ仲間と繋がりたいので拡散して頂けると嬉しいです！ WEBの方も常時更新中です！ よろしくお願いします🙇

Navid Mohammad

125,737 görüntüleme • 1 yıl önce

貝印のアイスクリームメーカーがテレビで紹介されました✨ 20分でアイスやシャーベットが作れる夏の便利アイテムです🍨
0:22

貝印のアイスクリームメーカーがテレビで紹介されました✨ 20分でアイスやシャーベットが作れる夏の便利アイテムです🍨

貝印【公式】

219,070 görüntüleme • 1 yıl önce