Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

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

3,180 subscribers

60,029 Aufrufe • vor 2 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

yui540

179,333 Aufrufe • vor 9 Monaten

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

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

Takumi HASEGAWA (unshift Inc.)

78,220 Aufrufe • vor 1 Jahr

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

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

池田泰延

28,326 Aufrufe • vor 3 Monaten

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

39,533 Aufrufe • vor 13 Tagen

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

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

KAORI🍉

11,967 Aufrufe • vor 3 Monaten

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

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

yui540

274,269 Aufrufe • vor 3 Monaten

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

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

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

36,057 Aufrufe • vor 2 Monaten

クルマを運転する車いすユーザーの約9割が｢お出かけ時に困った経験がある｣とのこと。中には、良かれと思った行動が… 【まだまだ知られていないマナー】を知ることで、誰もがもっとお出かけを楽しめるように動画を作りました。車いすに関する｢#まだまだマナー｣を教えてください！

クルマを運転する車いすユーザーの約9割が｢お出かけ時に困った経験がある｣とのこと。中には、良かれと思った行動が… 【まだまだ知られていないマナー】を知ることで、誰もがもっとお出かけを楽しめるように動画を作りました。車いすに関する｢#まだまだマナー｣を教えてください！

トヨタ自動車株式会社

18,128,193 Aufrufe • vor 3 Jahren

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

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

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

568,706 Aufrufe • vor 8 Monaten

今回の動画では、レッスンでよく行っている「インパクトを経てリリースに至る動作」を、理解しやすくするための例えとして、この動作を用いています。ダーツにおいても、「インパクトを経てリリースが行われる」という流れで動作は成立しています。ダーツは投擲競技であるため、「ただ手を離す（リリースする）」だけの動作だと捉えられがちですが、実際にはその直前にインパクト（力を伝える動作）が存在しています。このインパクトによってダーツに推進力と方向性が与えられ、その結果として自然に指から離れるのがリリースです。

今回の動画では、レッスンでよく行っている「インパクトを経てリリースに至る動作」を、理解しやすくするための例えとして、この動作を用いています。ダーツにおいても、「インパクトを経てリリースが行われる」という流れで動作は成立しています。ダーツは投擲競技であるため、「ただ手を離す（リリースする）」だけの動作だと捉えられがちですが、実際にはその直前にインパクト（力を伝える動作）が存在しています。このインパクトによってダーツに推進力と方向性が与えられ、その結果として自然に指から離れるのがリリースです。

野村まさし / DPL大阪ダーツ講師＋DPLスポーツ鍼灸院院長

17,112 Aufrufe • vor 4 Monaten

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

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

I.G.

47,122 Aufrufe • vor 1 Jahr

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

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

医食同源Lab

19,116 Aufrufe • vor 17 Tagen

【パート別で色を一括変更したい！】 #Cubaseテクトラックの色が単色だと視認性が悪く作業効率が落ちるかも・・・！？とはいえ、後から全てのトラックカラーを変更するのは面倒ですよね・・・💦 今回はトラック名に合わせて一括で色を変更する方法をお教えします！まずは一旦、トラック名の中に「Vo」（ボーカル）という文字を含むトラックを赤にしてみましょう 1⃣プロジェクト→プロジェクトのロジカルエディター→設定 📝ロジカルエディターは、ターゲット（どんなデータに？）とアクション（何をする？）を決めることで、本来手間がかかる作業も一瞬でできてしまうプログラムが組める最強時短機能です！ 2⃣ターゲットのフィルター対象を「名前」、条件を「含む」、パラメーター1を「vo」にします（大文字、小文字はどちらでもOK） 3⃣アクションの実行対象を「カラーを設定」、パラメーター1を🟥「赤」にしますこれで「適用」をクリックするとボーカルトラックだけが赤になります！ 4⃣この設定をプリセット項目内の「変更をプリセットとして保存」にて保存しておきます 5⃣その他のトラックの色も変わるようにしましょう。一からやり直さなくてもvo用に作った設定のトラック名と色を変更するだけでOKです！動画内ではGt（ギター）、Piano（ピアノ）、Syn（シンセ）、Ba（ベース）、Dr（ドラム）を作り、それぞれプリセット保存しました続いて、これらの設定を一括で実行できるようにします！ 6⃣編集→キーボードショートカット→新規マクロ→「トラック色を一括変更」などお好きな名前を付ける 7⃣今回作ったロジカルエディターを名前で検索一つづつ選択して「コマンド追加」をクリック準備完了！ 8⃣キーボードショートカットメニューを一旦閉じて、編集→マクロ→「トラック色を一括変更」が追加されているので選択これで一括で色変更ができます✨ 一度作ってしまえば次からは色の変更作業がとてもラクになりますよ！

【パート別で色を一括変更したい！】 #Cubaseテクトラックの色が単色だと視認性が悪く作業効率が落ちるかも・・・！？とはいえ、後から全てのトラックカラーを変更するのは面倒ですよね・・・💦 今回はトラック名に合わせて一括で色を変更する方法をお教えします！まずは一旦、トラック名の中に「Vo」（ボーカル）という文字を含むトラックを赤にしてみましょう 1⃣プロジェクト→プロジェクトのロジカルエディター→設定 📝ロジカルエディターは、ターゲット（どんなデータに？）とアクション（何をする？）を決めることで、本来手間がかかる作業も一瞬でできてしまうプログラムが組める最強時短機能です！ 2⃣ターゲットのフィルター対象を「名前」、条件を「含む」、パラメーター1を「vo」にします（大文字、小文字はどちらでもOK） 3⃣アクションの実行対象を「カラーを設定」、パラメーター1を🟥「赤」にしますこれで「適用」をクリックするとボーカルトラックだけが赤になります！ 4⃣この設定をプリセット項目内の「変更をプリセットとして保存」にて保存しておきます 5⃣その他のトラックの色も変わるようにしましょう。一からやり直さなくてもvo用に作った設定のトラック名と色を変更するだけでOKです！動画内ではGt（ギター）、Piano（ピアノ）、Syn（シンセ）、Ba（ベース）、Dr（ドラム）を作り、それぞれプリセット保存しました続いて、これらの設定を一括で実行できるようにします！ 6⃣編集→キーボードショートカット→新規マクロ→「トラック色を一括変更」などお好きな名前を付ける 7⃣今回作ったロジカルエディターを名前で検索一つづつ選択して「コマンド追加」をクリック準備完了！ 8⃣キーボードショートカットメニューを一旦閉じて、編集→マクロ→「トラック色を一括変更」が追加されているので選択これで一括で色変更ができます✨ 一度作ってしまえば次からは色の変更作業がとてもラクになりますよ！

ヤマハ・スタインバーグ

23,510 Aufrufe • vor 11 Monaten

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

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

Lidlic(リドリック)

23,429 Aufrufe • vor 2 Monaten

刺さる人には刺さるかもしれないアドオンNyannecoSkirtRigAssitを作りました。VRC向けのスカートでPB用のボーン設置が極めて面倒なので、ボーンとウエイトを設定にて一括に生成できるようにしました。ワンピーススカートにも対応してます。やり直しもしやすくしています。Boothで販売予定です。

刺さる人には刺さるかもしれないアドオンNyannecoSkirtRigAssitを作りました。VRC向けのスカートでPB用のボーン設置が極めて面倒なので、ボーンとウエイトを設定にて一括に生成できるようにしました。ワンピーススカートにも対応してます。やり直しもしやすくしています。Boothで販売予定です。

にゃんねこ

35,270 Aufrufe • vor 6 Monaten

キャラクターが歩いているときに話しかけづらいプレゼントを渡しづらいという問題に対応するためキャラクターに対してタックル（ぶつかる）することで足を止めてくれる機能を実装しましたたまにこういったイベントが起きることもあります（お風呂場での差分も作ったよ）

キャラクターが歩いているときに話しかけづらいプレゼントを渡しづらいという問題に対応するためキャラクターに対してタックル（ぶつかる）することで足を止めてくれる機能を実装しましたたまにこういったイベントが起きることもあります（お風呂場での差分も作ったよ）

フォレスティア～ちいさな町の牧場ライフ～

77,792 Aufrufe • vor 1 Jahr

ココフォリアのログを流し込んで画像や音声を設定すると動くリプレイ(html5形式)が作れるツールを作りました説明動画をつけてるのでいじってみたら使い方はなんとなくわかると思います

ココフォリアのログを流し込んで画像や音声を設定すると動くリプレイ(html5形式)が作れるツールを作りました説明動画をつけてるのでいじってみたら使い方はなんとなくわかると思います

ぱむだ

350,389 Aufrufe • vor 8 Monaten