正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

CSS + JSで実現する、Apple WatchっぽいUI。境界付近でCSSのscaleを変化させるのがポイント。

池田泰延

31,045 subscribers

157,899 次观看 • 9 个月前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

池田泰延

50,493 次观看 • 4 个月前

ちょっと嬉しいアップデートですが、Chromeの最新版（バージョン135以降）では、タグの中身をCSSだけで自由にカスタマイズできるようになりました。これまではセレクトボックスの見た目を変えるために、UIライブラリを使ったり、JavaScriptで無理やり制御したりする必要がありましたが、これからはCSSだけでデザインやアニメーションをつけることができます。そのため、より軽量でシンプルなコードで、洗練されたセレクトメニューを作れるようになります。例えば、「選択肢にアニメーションをつけたい」「独自のデザインにしたい」といったニーズにも、もうライブラリを追加する必要はありません。純粋なCSSだけで実現できるようになったのは、フロントエンド開発者にとって嬉しい進化です。

ちょっと嬉しいアップデートですが、Chromeの最新版（バージョン135以降）では、タグの中身をCSSだけで自由にカスタマイズできるようになりました。これまではセレクトボックスの見た目を変えるために、UIライブラリを使ったり、JavaScriptで無理やり制御したりする必要がありましたが、これからはCSSだけでデザインやアニメーションをつけることができます。そのため、より軽量でシンプルなコードで、洗練されたセレクトメニューを作れるようになります。例えば、「選択肢にアニメーションをつけたい」「独自のデザインにしたい」といったニーズにも、もうライブラリを追加する必要はありません。純粋なCSSだけで実現できるようになったのは、フロントエンド開発者にとって嬉しい進化です。

Jeffry Alvarado

33,734 次观看 • 1 年前

もはや現実世界より美しいのではないか？ 3DGSという、ガウス（ドット）の集合によって3Dを表現する技術なのですが、あえてドットを大きくしてピクセルアートっぽくする実験。

もはや現実世界より美しいのではないか？ 3DGSという、ガウス（ドット）の集合によって3Dを表現する技術なのですが、あえてドットを大きくしてピクセルアートっぽくする実験。

ロマシゲ@DTMオーケストラアレンジ

140,309 次观看 • 3 个月前

CSSのeaseで失敗しないコツ。私の経験則ですが、ウェブのUIには、linearやease-outを避けるのが吉。比較動画で解説します。

CSSのeaseで失敗しないコツ。私の経験則ですが、ウェブのUIには、linearやease-outを避けるのが吉。比較動画で解説します。

池田泰延

20,865 次观看 • 2 个月前

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。

Takumi HASEGAWA (unshift Inc.)

78,220 次观看 • 1 年前

Netflixで話題の映画『でっちあげ』でっちあげが起きているのは映画だけではありません。国家ぐるみのでっちあげが、この日本で、現実で起きています。信頼されるべき、文科省が、旧統一教会解散命令の裁判で使用される陳述書の捏造をしています。映画の世界ではありません。現実で起きているでっちあげです。

Netflixで話題の映画『でっちあげ』でっちあげが起きているのは映画だけではありません。国家ぐるみのでっちあげが、この日本で、現実で起きています。信頼されるべき、文科省が、旧統一教会解散命令の裁判で使用される陳述書の捏造をしています。映画の世界ではありません。現実で起きているでっちあげです。

えむ

12,101 次观看 • 5 个月前

ディズニー映画を彷彿とさせるアニメーションがすごい！ 2Dホラー『Bye Sweet Carole』が10/10発売ウサギへ変身できる少女ラナが、現実世界と異世界の狭間のような領域に変貌した孤児院を探索する。現在開催中のgamescomではアワードのベストビジュアル部門にノミネート。

ディズニー映画を彷彿とさせるアニメーションがすごい！ 2Dホラー『Bye Sweet Carole』が10/10発売ウサギへ変身できる少女ラナが、現実世界と異世界の狭間のような領域に変貌した孤児院を探索する。現在開催中のgamescomではアワードのベストビジュアル部門にノミネート。

ファミ通.com

101,711 次观看 • 9 个月前

UIで遊んでみるCSSアニメーション

UIで遊んでみるCSSアニメーション

yui540

437,318 次观看 • 3 个月前

UIで遊んでみるCSSアニメーション

UIで遊んでみるCSSアニメーション

yui540

180,169 次观看 • 1 个月前

HTMLとCSSのみで作る、羽ばたく蝶々。 JS未使用ですが、立体的に動きます。

HTMLとCSSのみで作る、羽ばたく蝶々。 JS未使用ですが、立体的に動きます。

池田泰延

112,756 次观看 • 9 个月前

「変化の年ですね。今年のテーマは、ま、誠実であり、変化でございます。色々変わっていくその様子を、それを味わえるのはリアルタイムを大事にするVTuber文化ならではだったりするのかなとも思ったりもします」今日この日に起きた変化を忘れない

「変化の年ですね。今年のテーマは、ま、誠実であり、変化でございます。色々変わっていくその様子を、それを味わえるのはリアルタイムを大事にするVTuber文化ならではだったりするのかなとも思ったりもします」今日この日に起きた変化を忘れない

𝑺𝑨𝑰

753,332 次观看 • 22 天前

断腸の思いで不採用にしたアクションプラン…ようやく陽の目を見ることができました。これが実現していた世界線を未だに夢想する時があります。ぜひ見てやってください🪚 本編では実現させるぞ！！！！！ #HIDARI

断腸の思いで不採用にしたアクションプラン…ようやく陽の目を見ることができました。これが実現していた世界線を未だに夢想する時があります。ぜひ見てやってください🪚 本編では実現させるぞ！！！！！ #HIDARI

Kimimasa Inazumi

66,437 次观看 • 2 年前

スキミアの目の工夫ポイントの紹介です！ RT元と同じ構造で、イラスト的な横顔をなんとか表現したくて実装してます LantanaさんのアバターなどVRCでも同じ様な工夫をされてる方もいらっしゃいますね 3Dっぽさを崩す事ができるので面白いです #Skimmia3D #b3d

スキミアの目の工夫ポイントの紹介です！ RT元と同じ構造で、イラスト的な横顔をなんとか表現したくて実装してます LantanaさんのアバターなどVRCでも同じ様な工夫をされてる方もいらっしゃいますね 3Dっぽさを崩す事ができるので面白いです #Skimmia3D #b3d

Lat｜ラト

192,072 次观看 • 1 年前

持ち物がいっぱいになっている状態を現実世界で表すとこの映像のヴーみたいになるのでしょうか😅 幸いみなさんの持ち物をより便利に運べるアイテムが今現在開発中です🙌 詳細は今月のマインクラフトマンスリーを日本語字幕付きでご覧ください▶️

持ち物がいっぱいになっている状態を現実世界で表すとこの映像のヴーみたいになるのでしょうか😅 幸いみなさんの持ち物をより便利に運べるアイテムが今現在開発中です🙌 詳細は今月のマインクラフトマンスリーを日本語字幕付きでご覧ください▶️

マインクラフト日本公式 / Minecraft Japan

113,169 次观看 • 1 年前

• @ weight.of.life03 彼らの地獄を作っているのは人間です。これが個人の自由の選択ですか？命に感謝して彼らを頂きますか？ヴィーガンを他に押し付けるなとか残酷な画像を見せるなとか言いますが… 残酷な事をしている事が事実で現実です。

• @ weight.of.life03 彼らの地獄を作っているのは人間です。これが個人の自由の選択ですか？命に感謝して彼らを頂きますか？ヴィーガンを他に押し付けるなとか残酷な画像を見せるなとか言いますが… 残酷な事をしている事が事実で現実です。

Roberto Cardella

44,196 次观看 • 2 年前

現実のオブジェクトをクリップできるアプリがすごい！

現実のオブジェクトをクリップできるアプリがすごい！

IVAN@AR × Marketing

643,640 次观看 • 3 年前

METAL BUILD ハイパーメガバズーカランチャーの動画作ってみました！漫画版とゲーム版っぽいデザインを変形で行き来できる欲張りギミックが素晴らしい！あとスプリット迷彩のシールドが付いてるのもポイント高いです！ #METALBUILD #ハイパーメガバズーカランチャー #逆シャア

METAL BUILD ハイパーメガバズーカランチャーの動画作ってみました！漫画版とゲーム版っぽいデザインを変形で行き来できる欲張りギミックが素晴らしい！あとスプリット迷彩のシールドが付いてるのもポイント高いです！ #METALBUILD #ハイパーメガバズーカランチャー #逆シャア

イーサン（サボリーマンのガンプラ製作部）

47,353 次观看 • 6 个月前

最近の生成AIマジですごいわ。「夜の川を下る舟の上で複数人が踊る映像を音楽付きで作って」ていう普通の感覚からしたら意味不明なプロンプトを渡さなくても現実で見ることができてしまいます。

最近の生成AIマジですごいわ。「夜の川を下る舟の上で複数人が踊る映像を音楽付きで作って」ていう普通の感覚からしたら意味不明なプロンプトを渡さなくても現実で見ることができてしまいます。

飯田光平 / 積読チャンネル / VALUE BOOKS

41,336 次观看 • 8 个月前