モーダル開閉のUIアニメーション。 HTMLのdialogタグと、CSSの@​starting-style、allow-discreteを使うと、こんな簡単に実現できます。 全モダンブラウザ対応済みです。

CSSの新しいsibling-index()を使うと、順番に出現するモーションを簡単に実装できます。

HTMLの新しいpopover="hint"属性を使うと、ツールチップのフキダシ💭を簡単かつ丁寧に作れます。 HTML + CSS + JSのポップオーバーは便利なので、ぜひ覚えたい機能です。

CSSのモーションパスを使えば、手書き文字のアニメーションを作れます。 Appleの「hello」みたいな演出も簡単に。

今日のじゅんを簡単にまとめますと、こんな感じでした。

mGearの「chain_01」コンポーネントは、オプションでFKIK切替を簡単に追加することができます。 主に指などで使用でき、壁や物を触ったりするアニメーションを付ける際に活躍します。

本日リリースのChrome 144で、<geolocation>タグが搭載。 HTMLタグと少しのJavaScriptで、自分のGPSを簡単にとれます。便利！ フロント界隈がGoogle Mapsの話題で盛り上がっていたので、もののついでに三次元表現で組み込んで試しました。

PRです！ Pollo AIに「MiniMax H3」 が実装されましたので早速使ってみました！ Pollo AIではウルトラプランにアップグレードすると、契約期間MiniMax H3を無制限で使えます！ ということで、ねるちゃむを動かしてみました！... 簡単なプロンプトでサクサク生成できるので、おすすめです。 みんなも使ってみてね！ ギャル寿司職人 なぜか人気の寿司屋 これはぜひ行きたい！！！show more

みけねこさんはその場しのぎの嘘ばかりついていると思います。 実際の音声がそれを証明してくれます。 この件も信用できません。 あなたの対応というのは脅すことなのですか？

職業用ミシン用のギャザーハイブリッド押え、ご存知ですか？簡単にギャザーを寄せることができる非常に便利な押えです✨またこの押さえのすごいところは、押えの後ろのネジをしめたり緩めたりすることで、ギャザーの入り具合を調節できる点。ネジを完全に緩めると全くギャザーが入らないので、そのまま通常の押えとしても使用できるハイブリッドタイプ。こんなにきれいにギャザーを寄せることができます

VScodeとFigmaを繋げる拡張機能「Figma for VS Code」が便利。 VSCode上で直接Figmaのデザインを見ることができ、さらにCSSのコードも簡単に取得できます。 これにより、コーディングの速度がぐっと上がります。 VScode上でFigmaにログインするだけで、すぐに使い始めることができるのでおすすめ。

これは誰がなんと言おうがすき焼きです。こんな簡単に作れるのヤバすぎる、、、

LuraSwitch2、オブジェクトスライダーを使えば簡単にこんな感じのことができるようになったのはなかなか便利なのでは！

QRコードを読み取って地下鉄の改札を通過する方式は、実のところそれほど効率的ではありません。 物理的なクレジットカードや、NFC機能でタッチ決済を使うことも一応は可能ですが、実際にそれを使う人はほとんどいません。 ここには、きっと何かもっと深い理由があるのだと思います。

これは僕がアホなだけなんですが Mayaで複数のビューポート開いててもアクティブな一つのビューポートしかアニメーション再生されないですよね ずっとそういうものなんだなと思って過ごしてたんですけど 設定のUpdate ViewsをAllにすると全部のビューポートでアニメーション確認できることに最近気づきました

Lotus技術のように使用すれば、上昇気流がなくても簡単にヘブンを食べることができます

ログイン画面に遷移しないでログインできる？ 旅行サイトやECサイトなどの決済時や「いいね」を押したタイミングなど、必要に迫られてログインページに遷移することがあります。アカウントがあるなら、その場でログインしてそのままアクションできたら楽なのに、と思ったことありませんか？そこで有効なのが、ページ遷移の直前にパスキーや保存済みパスワードを使ってログインできる "Immediate UI mode" です。 新しく公開したUXガイドでは、ヘッダーのログインリンク、ECのチェックアウト、いいね等のマイクロアクション、ペイウォール解除という4つの推奨UXパターンに加え、使用を避けるべきアンチパターンを解説しています。 現時点ではChromeのみの対応でBaselineには含まれていませんが、getClientCapabilities() で機能検出を行うことで、他ブラウザやシークレットモードの既存導線を損なわない安全なプログレッシブエンハンスメントとして導入できます。設計の参考にぜひご覧ください。

CSSのdisplay: grid → flexにモーションを加え、 レイアウト変更をオシャレに。 Anime.jsで簡単に実現できました。