Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

CSSだけでスクロール連動アニメーションを作れる Scroll-driven Animations のジェネレーターを作りました。設定を変えると、プレビューとCSSが一緒に変わります。現在開いているブラウザが対応しているかもでます！ #CSS

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro

3,180 subscribers

60,029 просмотров • 3 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

「楽しいUIアニメーション」という名前でYouTubeチャンネルを開設しました。ちょっとずつ、CSSアニメーションで作ったものや、CSSアニメーションの楽しさを発信していければと思っているでよければ見ていただけたら嬉しいです。

「楽しいUIアニメーション」という名前でYouTubeチャンネルを開設しました。ちょっとずつ、CSSアニメーションで作ったものや、CSSアニメーションの楽しさを発信していければと思っているでよければ見ていただけたら嬉しいです。

yui540

179,464 просмотров • 11 месяцев назад

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

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

Takumi HASEGAWA (unshift Inc.)

78,220 просмотров • 1 год назад

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

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

池田泰延

28,431 просмотров • 5 месяцев назад

AIに動きをつけてもらうと、動くのに「なんか安っぽい」で止まる。 CSSアニメーション130種を、動く実物とコードで一覧にしました。たとえば、オーロラメッシュ、グリッチ文字。スクロール駆動リビール、3Dカルーセル。各項目に「AI」タブがあります。 HTML、CSS、対応ブラウザ、描画コスト、 reduced-motion（動きを控える設定）への対応まで、1回のコピーで AIへそのまま渡せます。「安っぽい」の正体は、派手さ不足ではありません。軽さと配慮の指定漏れです。使ってみたい人はコメントしてください。 DMでURLをお送りします。

AIに動きをつけてもらうと、動くのに「なんか安っぽい」で止まる。 CSSアニメーション130種を、動く実物とコードで一覧にしました。たとえば、オーロラメッシュ、グリッチ文字。スクロール駆動リビール、3Dカルーセル。各項目に「AI」タブがあります。 HTML、CSS、対応ブラウザ、描画コスト、 reduced-motion（動きを控える設定）への対応まで、1回のコピーで AIへそのまま渡せます。「安っぽい」の正体は、派手さ不足ではありません。軽さと配慮の指定漏れです。使ってみたい人はコメントしてください。 DMでURLをお送りします。

KAWAI

40,422 просмотров • 2 месяцев назад

こちら、Discord Streamkit Overlay のカスタムCSSを作るだけのツールです…！！（挿入した画像とかはサーバー側に保存されたりしないのでご安心ください🌱） 🔵カスタマイズした値を保存しておいて再利用、とか、CSSから復元、とかも一応できる 🔵この人はこの画像…みたいなのも、UIから設定できるよ個人的に推しポイントは、PNGダウンロードですね！ CSSをカスタマイズして、角丸とか設定したやつをPNGダウンロード→クリッピングしてアイコンを作る…とかができる！！便利！！！（自分が欲しかっただけ）

こちら、Discord Streamkit Overlay のカスタムCSSを作るだけのツールです…！！（挿入した画像とかはサーバー側に保存されたりしないのでご安心ください🌱） 🔵カスタマイズした値を保存しておいて再利用、とか、CSSから復元、とかも一応できる 🔵この人はこの画像…みたいなのも、UIから設定できるよ個人的に推しポイントは、PNGダウンロードですね！ CSSをカスタマイズして、角丸とか設定したやつをPNGダウンロード→クリッピングしてアイコンを作る…とかができる！！便利！！！（自分が欲しかっただけ）

千歳愛 / Mana Chitose

63,673 просмотров • 23 дней назад

Webサイトに漫画ビューワーを組み込むことが出来るJS/TSライブラリ「comimi」を公開しました🐇 CSSアニメーションでかわいく動くUIにも注目していただけると嬉しいです🫶

Webサイトに漫画ビューワーを組み込むことが出来るJS/TSライブラリ「comimi」を公開しました🐇 CSSアニメーションでかわいく動くUIにも注目していただけると嬉しいです🫶

yui540

274,887 просмотров • 5 месяцев назад

KAORI🍉channel Telegramより (30日 13:53 Skye Princeからの引用投稿) ※📚normotさんによる翻訳〈動画訳〉皆さん、こんにちは分かりやすい説明で、混乱する点も全くありませんメッドベッドには最低周波数が設定されており、魂を売っていない、少しだけ高い波動を持つ人だけが使用できますそうです、これは長年そうでしたずっとそうでしただからこそ、ディープステート、セレブ、アドレノクロムを使用している人たちは、メッドベッドを使用できないのですそうですメッドベッドを分解し、粉々に引き裂き、解体して、それを使って何か別のものを作り出すのですメッドベッドの技術を使って、何か別のものを作り出すのですもしかしたら、空飛ぶ車を作っているのかもしれませんポータルを作っているのかもしれませんレプリケーターを作っているのかもしれませんレプリケーターは、メッドベッドと同じ技術ですあるいは、反重力装置を作っているのかもしれませんメッドベッドを分解すると、その最小振動周波数は失われますなぜなら、その周波数はメッドベッド自体に設定されているからですしかし、メッドベッドの部品を取り外し、その技術だけを使って別のものを作ると、最小周波数はなくなりますいいですか？洗濯機を例に考えてみましょう洗濯機のモーターを取り外して、芝刈り機に取り付けることができますこれで芝刈り機になります同じモーター、同じ技術が洗濯機を動かしているのですそれが今度は芝刈り機も動かしているのですメッドベッドだけは、最小振動周波数を持っていますしかし、メッドベッドからその技術を取り除くと、もはやその最小周波数は存在しなくなりますつまり、悪党どもがメッドベッドを手に入れたら、その技術を取り出し、別のものを作り出して悪用できるということです難しいことではありませんロケット科学のような難解な話でもありません混乱するようなことでもありませんあらゆる技術は、善にも悪にも利用され得るのです重要なのは、その使い方、つまりリバースエンジニアリングによって別のものを作り出すことです例えば、メッドベッドの技術についてですが、悪党どもに雇われた科学者がいれば、メッドベッドを分解し、動力源となる技術を取り出して兵器を作り出すことができます実際に彼らは既にそうしています秘密宇宙計画の兵器の多くはどこから来ていると思いますか？指向性エネルギー兵器はどこから来ていると思いますか？そうでしょう？メッドベッドには最低限の振動周波数が設定されていますが、そこから技術を取り出せば、あとは何でもありですいいですか？混乱するようなことでもありません複雑なことでもありません偽情報でもありません何も変わっていませんただ、皆さんがより多くの情報を知るようになっただけですすべてが変わってしまった、すべてが混乱していると思っているかもしれませんでも、そうではありませんパズルのピースが増え、情報が増えただけです進化するとはそういうことです私がこの旅を始めたとき、本当に基本的なことから始めました何も変わっていませんただ、より多くの情報を提供しているだけです今、すべてが変わってしまったと思っているかもしれませんが、そうではありませんあなたがより多くの情報を受け取る準備ができているからこそ、より多くの情報を受け取っているのです

KAORI🍉channel Telegramより (30日 13:53 Skye Princeからの引用投稿) ※📚normotさんによる翻訳〈動画訳〉皆さん、こんにちは分かりやすい説明で、混乱する点も全くありませんメッドベッドには最低周波数が設定されており、魂を売っていない、少しだけ高い波動を持つ人だけが使用できますそうです、これは長年そうでしたずっとそうでしただからこそ、ディープステート、セレブ、アドレノクロムを使用している人たちは、メッドベッドを使用できないのですそうですメッドベッドを分解し、粉々に引き裂き、解体して、それを使って何か別のものを作り出すのですメッドベッドの技術を使って、何か別のものを作り出すのですもしかしたら、空飛ぶ車を作っているのかもしれませんポータルを作っているのかもしれませんレプリケーターを作っているのかもしれませんレプリケーターは、メッドベッドと同じ技術ですあるいは、反重力装置を作っているのかもしれませんメッドベッドを分解すると、その最小振動周波数は失われますなぜなら、その周波数はメッドベッド自体に設定されているからですしかし、メッドベッドの部品を取り外し、その技術だけを使って別のものを作ると、最小周波数はなくなりますいいですか？洗濯機を例に考えてみましょう洗濯機のモーターを取り外して、芝刈り機に取り付けることができますこれで芝刈り機になります同じモーター、同じ技術が洗濯機を動かしているのですそれが今度は芝刈り機も動かしているのですメッドベッドだけは、最小振動周波数を持っていますしかし、メッドベッドからその技術を取り除くと、もはやその最小周波数は存在しなくなりますつまり、悪党どもがメッドベッドを手に入れたら、その技術を取り出し、別のものを作り出して悪用できるということです難しいことではありませんロケット科学のような難解な話でもありません混乱するようなことでもありませんあらゆる技術は、善にも悪にも利用され得るのです重要なのは、その使い方、つまりリバースエンジニアリングによって別のものを作り出すことです例えば、メッドベッドの技術についてですが、悪党どもに雇われた科学者がいれば、メッドベッドを分解し、動力源となる技術を取り出して兵器を作り出すことができます実際に彼らは既にそうしています秘密宇宙計画の兵器の多くはどこから来ていると思いますか？指向性エネルギー兵器はどこから来ていると思いますか？そうでしょう？メッドベッドには最低限の振動周波数が設定されていますが、そこから技術を取り出せば、あとは何でもありですいいですか？混乱するようなことでもありません複雑なことでもありません偽情報でもありません何も変わっていませんただ、皆さんがより多くの情報を知るようになっただけですすべてが変わってしまった、すべてが混乱していると思っているかもしれませんでも、そうではありませんパズルのピースが増え、情報が増えただけです進化するとはそういうことです私がこの旅を始めたとき、本当に基本的なことから始めました何も変わっていませんただ、より多くの情報を提供しているだけです今、すべてが変わってしまったと思っているかもしれませんが、そうではありませんあなたがより多くの情報を受け取る準備ができているからこそ、より多くの情報を受け取っているのです

KAORI🍉

11,967 просмотров • 5 месяцев назад

#ひとふでナンバーこのゲームをプレイしてくれた人にお聞きしたいことがあります。この動画だけで新しいギミックのルールはわかるでしょうか？わかる/わからないお答えいただけるとありがたいです。もしわからなければリプライに、グラフィックを変えたバージョンを出します。

#ひとふでナンバーこのゲームをプレイしてくれた人にお聞きしたいことがあります。この動画だけで新しいギミックのルールはわかるでしょうか？わかる/わからないお答えいただけるとありがたいです。もしわからなければリプライに、グラフィックを変えたバージョンを出します。

shadowlove@新ゲームアプリRing in Ringリリース

36,057 просмотров • 4 месяцев назад

React Native Reanimatedでアプリ向けのCSSアニメーションを作っていたりもしております🎁

React Native Reanimatedでアプリ向けのCSSアニメーションを作っていたりもしております🎁

yui540

21,024 просмотров • 1 месяц назад

「ぱたぱたパターン」という、ブラウザでパターンを作れるツールを作りました！🌼 好きな図形を並べて、色を変えて、オリジナルの柄を作れます🌸 できた柄はカップのモックアップで試したり、画像として書き出したりできます✨ 遊んでもらえると嬉しいです～リンクはリプに置いておきます👇

「ぱたぱたパターン」という、ブラウザでパターンを作れるツールを作りました！🌼 好きな図形を並べて、色を変えて、オリジナルの柄を作れます🌸 できた柄はカップのモックアップで試したり、画像として書き出したりできます✨ 遊んでもらえると嬉しいです～リンクはリプに置いておきます👇

うぐいす

60,479 просмотров • 18 дней назад

ガチで感動しました。GoogleカレンダーをGeminiと連携させたら世界が変わりました。今までは「Googleカレンダーを見る」→「空いている時間をメモする」→「メールを手打ちする」という流れでしたが、GeminiとGoogleカレンダーを連携させて「1時間空いている時間をリスト化して」というだけで一撃で作ってくれる。さらに「日程調整メールを作って」と言えばメールフォームまで完了。もっと早く知りたかったと後悔するレベル。ほんとに全ての社会人が絶対にやるべき。たか田さんがこのレベルのヤバいGemini活用法を4つ紹介しているので、正月明けから爆速で仕事を終わらせたい方はブクマして試して👇

ガチで感動しました。GoogleカレンダーをGeminiと連携させたら世界が変わりました。今までは「Googleカレンダーを見る」→「空いている時間をメモする」→「メールを手打ちする」という流れでしたが、GeminiとGoogleカレンダーを連携させて「1時間空いている時間をリスト化して」というだけで一撃で作ってくれる。さらに「日程調整メールを作って」と言えばメールフォームまで完了。もっと早く知りたかったと後悔するレベル。ほんとに全ての社会人が絶対にやるべき。たか田さんがこのレベルのヤバいGemini活用法を4つ紹介しているので、正月明けから爆速で仕事を終わらせたい方はブクマして試して👇

えーたん/AI×時短で仕事効率化

568,706 просмотров • 9 месяцев назад

「AIが仕事を奪って人々の賃金がなくなったら、いったい誰が商品を買うのか？」という疑問を抱く人がいる。よくある答えはベーシック・インカムだが、それだけではない。この議論にはそもそも、賃金だけが消え、物価は今のまま残るという前提で考えてしまっているという落とし穴があるのだ。サリム・イスマイル「もしルールが今のまま変わらないのであれば、その懸念は実際に正しいです。しかし、ここには大きな誤解を生んでいる前提があります。それは、賃金だけが消える一方で、あらゆるものの価格は現在の水準のままだと考えることです。これは、二つの指数関数的な変化を線形に考えているということです。ほとんどの人がこの技術について犯している間違いはそこにあります。私たちは、あらゆる軸が同時に変化しようとしている世界を見ながら、一つ以外の変数をすべて固定してしまいます。価格も、企業も、仕事の形も今のままにして、人間の労働だけを取り除き、「これでは成り立たない」と驚くのです。当然、成り立ちません。一つの数字だけを変えて、残りの世界は止まったままだと考えているからです。しかし、現実の世界は止まりません。では、最大の変数である「コスト」を動かして考えてみましょう。AIが実際に崩壊させているのは労働者そのものではありません。調整にかかるコストです。会議、承認、管理階層、そしてそもそも何かを生産することを高価にしていた間接費です。それらを取り除けば、ほとんどあらゆるものを作るコストはゼロに近づいていきます。たとえば物流では、ロボットがトラックから荷物を降ろし、パレットに載せ、仕分け場所まで運び、別のロボットが分類して配送するという仕組みがすでにあります。そうなれば、サプライチェーンや物流のコストはほぼゼロに近づきます。私たちは、このような例を何度も目にしています。そして10年以上前から言い続けてきました。テクノロジーは単に自動化するのではありません。非貨幣化するのです。モノの価格を、その限界費用へと近づけていきます。ポケットの中のカメラは、フィルム、現像、プリント、高価なカメラといった産業のコストをほとんどゼロにしました。現在、写真を1枚撮るための限界費用は、ほぼゼロなのです」

「AIが仕事を奪って人々の賃金がなくなったら、いったい誰が商品を買うのか？」という疑問を抱く人がいる。よくある答えはベーシック・インカムだが、それだけではない。この議論にはそもそも、賃金だけが消え、物価は今のまま残るという前提で考えてしまっているという落とし穴があるのだ。サリム・イスマイル「もしルールが今のまま変わらないのであれば、その懸念は実際に正しいです。しかし、ここには大きな誤解を生んでいる前提があります。それは、賃金だけが消える一方で、あらゆるものの価格は現在の水準のままだと考えることです。これは、二つの指数関数的な変化を線形に考えているということです。ほとんどの人がこの技術について犯している間違いはそこにあります。私たちは、あらゆる軸が同時に変化しようとしている世界を見ながら、一つ以外の変数をすべて固定してしまいます。価格も、企業も、仕事の形も今のままにして、人間の労働だけを取り除き、「これでは成り立たない」と驚くのです。当然、成り立ちません。一つの数字だけを変えて、残りの世界は止まったままだと考えているからです。しかし、現実の世界は止まりません。では、最大の変数である「コスト」を動かして考えてみましょう。AIが実際に崩壊させているのは労働者そのものではありません。調整にかかるコストです。会議、承認、管理階層、そしてそもそも何かを生産することを高価にしていた間接費です。それらを取り除けば、ほとんどあらゆるものを作るコストはゼロに近づいていきます。たとえば物流では、ロボットがトラックから荷物を降ろし、パレットに載せ、仕分け場所まで運び、別のロボットが分類して配送するという仕組みがすでにあります。そうなれば、サプライチェーンや物流のコストはほぼゼロに近づきます。私たちは、このような例を何度も目にしています。そして10年以上前から言い続けてきました。テクノロジーは単に自動化するのではありません。非貨幣化するのです。モノの価格を、その限界費用へと近づけていきます。ポケットの中のカメラは、フィルム、現像、プリント、高価なカメラといった産業のコストをほとんどゼロにしました。現在、写真を1枚撮るための限界費用は、ほぼゼロなのです」

Tsubame

41,129 просмотров • 1 месяц назад

朝からだるい。頭がぼんやりする。昼になると眠くなり、またコーヒーに手が伸びる。私たちは、こうした不調をつい「疲れているだけ」で済ませてしまいます。でも、少し視点を変えてみる。 2025年のNature研究では、睡眠不足によって、眠りを調節する神経細胞のミトコンドリアに変化が起こることが示されました。そして細胞が使うATPには、マグネシウムなどの栄養も深く関わっています。つまり疲れたときに、「コーヒーでもうひと頑張り」と刺激を足すだけではなく、昨夜は眠れたか。朝から何を食べたか。必要な栄養は足りているか。ちゃんと休む時間を作れているか。まで振り返ってみる。症状だけを一時的に隠すのではなく、その症状が生まれている体の内側を見る。

朝からだるい。頭がぼんやりする。昼になると眠くなり、またコーヒーに手が伸びる。私たちは、こうした不調をつい「疲れているだけ」で済ませてしまいます。でも、少し視点を変えてみる。 2025年のNature研究では、睡眠不足によって、眠りを調節する神経細胞のミトコンドリアに変化が起こることが示されました。そして細胞が使うATPには、マグネシウムなどの栄養も深く関わっています。つまり疲れたときに、「コーヒーでもうひと頑張り」と刺激を足すだけではなく、昨夜は眠れたか。朝から何を食べたか。必要な栄養は足りているか。ちゃんと休む時間を作れているか。まで振り返ってみる。症状だけを一時的に隠すのではなく、その症状が生まれている体の内側を見る。

医食同源Lab

19,116 просмотров • 2 месяцев назад

3Dプリンタでオリジナル多段変形玩具「DX無限変形・キューブロボ」を作りました。手のひらサイズのキューブの形で眠っていますが、エンブレムを外して封印解除、再び取り付けることで、君の正義の意思を継いだ親友が誕生！（という設定）変形パターンは君の想像力の数だけあるぞ！（という設定）キューブはかなり頑丈で、しっかり立方体にまとまっています。ロボモードは頭部に自在に動くサーペントテールソードを装備。各部もフルアクション仕様で、好きなポーズをつけることができます。いわゆるヒーローの着地ポーズも可能です。また全身の各ブロックを回転させ、エンブレムやソードを付け替えることで、他の様々な形態に変化させることができます。思いつくだけでまだ6種くらいはあります。自分でいうのもアレですが、動かしているだけでやたらめったらに楽しい！これもしも製品発売されたら、ノーマル版も限定クリスタルカラー版も買っちゃう自身がありますｗ

3Dプリンタでオリジナル多段変形玩具「DX無限変形・キューブロボ」を作りました。手のひらサイズのキューブの形で眠っていますが、エンブレムを外して封印解除、再び取り付けることで、君の正義の意思を継いだ親友が誕生！（という設定）変形パターンは君の想像力の数だけあるぞ！（という設定）キューブはかなり頑丈で、しっかり立方体にまとまっています。ロボモードは頭部に自在に動くサーペントテールソードを装備。各部もフルアクション仕様で、好きなポーズをつけることができます。いわゆるヒーローの着地ポーズも可能です。また全身の各ブロックを回転させ、エンブレムやソードを付け替えることで、他の様々な形態に変化させることができます。思いつくだけでまだ6種くらいはあります。自分でいうのもアレですが、動かしているだけでやたらめったらに楽しい！これもしも製品発売されたら、ノーマル版も限定クリスタルカラー版も買っちゃう自身がありますｗ

I.G.

47,122 просмотров • 1 год назад

【ご報告】 7月末をもって勤めている会社を退職をし、フリーランスとなります作曲・編曲・作詞の他、MIXやギター・ベース・仮歌収録などができますので、まずは一度お声がけいただけますと嬉しいです！元々は顧客の要望を整える仕事をしていたので、作りたいものは何か？を一緒に考えて形にすることが得意です「欲しい曲の雰囲気を上手く伝えられない」「音楽ジャンルがわからなくて依頼しずらい」という方がいましたら、ぜひ一度お話をさせてください現在無所属なのでフットワーク軽くご対応できます改めてよろしくお願いいたします

【ご報告】 7月末をもって勤めている会社を退職をし、フリーランスとなります作曲・編曲・作詞の他、MIXやギター・ベース・仮歌収録などができますので、まずは一度お声がけいただけますと嬉しいです！元々は顧客の要望を整える仕事をしていたので、作りたいものは何か？を一緒に考えて形にすることが得意です「欲しい曲の雰囲気を上手く伝えられない」「音楽ジャンルがわからなくて依頼しずらい」という方がいましたら、ぜひ一度お話をさせてください現在無所属なのでフットワーク軽くご対応できます改めてよろしくお願いいたします

Lidlic(リドリック)

23,694 просмотров • 3 месяцев назад