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

CSSの新しいattr()が便利。 HTMLタグの属性値をCSSで扱えます。

さっき気づいたのですが、Grok Imagine でいつの間にか「画像を編集」という機能を発見しました。 使った感じでは Nano Banana 的な一貫性を保ちつつ、画像の内容を変更する、という機能のようです。 これ、公式からのアナウンスありましたっけ？🤔 #Grokimagine

Sora2、なかなか面白いです。簡単に動画が作れるうえに音声もしっかりつけてくれます。今は無制限状態らしいので、使うなら今の内なのかな？ 使うには招待コードがいるので、twitterとかで、招待を回している人から利用しないといけないですが。

自他共に認める不器用な私。新聞紙でゴミ袋を折るのは難しくて覚えられませんでしたが、私でも簡単にできる方法がありましたので紹介します。新聞紙には湿気を吸収し、臭いを消す効果があります。覚えておくと避難所生活で便利ですよ。捨てるのも簡単なのでぜひお試しを。

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

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

今日はリクエストで作らせて頂いた太鼓の達人関係の中から、立つドンをあえて簡単なアニメとして作ったものを置いておきます。 これからpixivにてこれと共に他のイラストを公開予定です。 これぐらいの簡単なアニメならpixivリクエストで作っていきたい所です。

iPadのアニメーション制作アプリ「ToonSquid」でキャラクターを動かしてみよう！ 今回はメッシュ打ちやボーンを使わず、移動、回転のみで動きをつけてみました この際トランスフォームレイヤーを使いアニメーションレイヤーに対して親子関係を設定しています 例えば頭部→目→口の順に親子として設定し、頭部を動かしたらその下のレイヤーも一緒に動き、子を動かしたら親は動かないようにすることができます キャラクターのように複雑なものになるとトランスフォームレイヤーのような機能はとても便利です ボーンを使わない場合は積極的に使っていきたい機能ですね

【3Dモデリングツール『Blender』の新しいアドオン機能が話題】 ・都市の作成・可視化が驚くほど簡単に ・高価なソフトが必要だった機能が、無料のBlenderで利用可能に ・"手続き型"3Dモデリングの進歩にも注目 ICityは、都市のモデリングをより手軽に、かつ即時的に行えるようにするBlenderの新しいアドオン機能です。（動画参照↓） 直近まで、同様の機能を実装するには高価なソフトウェアが必須でしたが、無料で使用出来るBlenderで可能になった為に、話題を呼んでいます。 3D制作のワークフローが大きく変わる可能性を孕んでいますね。

ポケモンレジェンズZAの制作陣さん… お願いです(´；ω；｀) どうか… どうか自分のポケモンにも触れ合える機能をつけてください(´；ω；｀) レジェアルにはあったのになぜ今作は話しかけれないのですか…(´；ω；｀)

クリスタの[フキダシしっぽ]サブツールはフキダシにしっぽをつけられる便利なツール。フキダシの内側から外に向かってしっぽを作成します 「吹き出しを欠けさせたような」しっぽにしたいときは、吹き出しの”外側”から内側に向けて反対にしっぽを作成します

今日、ナイジェリアで地元の製造技術が日常生活をどのように向上させているかを目の当たりにしました。これは、ヤムイモをすりつぶしてヤムイモのペーストを作る伝統的な手作業に代わる、地元で製造された機械です。 ヤムイモのペーストは、ナイジェリアで人気の主食で、ヤムイモを茹でてから、滑らかで弾力のある生地状になるまで何度もすりつぶして作ります。エグシ、オグボノ、野菜スープなどのスープと一緒に食べるのが一般的です。伝統的には、すり鉢とすりこぎを使って手作業ですりつぶすため、かなりの力と時間がかかります。 このような機械は、この作業をより速く、より簡単に、そしてより身近なものにしてくれます。これは、地元のイノベーションが日常生活の伝統を現代化できることを示しています。 ナイジェリアのラゴスで食品を販売している隣人が、私の敷地内でこれを使っているのを見かけました。

<dialog>タグのモーダル実装、2025年最新版。 JavaScriptなしで、HTMLの属性値だけで開閉可能に。 command属性にid紐付け、commandfor属性で操作を記載。 最新のSafari・Firefox・Chromeなど全ブラウザ対応。 CSSを組み合われば、JSなしで開閉モーションも付けられます。 #Web制作

まずはかなえさんの要望にお応えしまして！ 前回の好評だったバウンドテロップに境界線とシャドウ追加してます！！ これからテンプレは使いやすいように、この感じで作っていきますので！ 前回受け取れなかった方々もぜひ！ （プレミアプロ内で簡単に使えるテンプレです） 欲しい人は ①いいね ②「バウンド」とリプ すると自動でテンプレ送ります ※72時間限定

他のデバイスで、画面がどう見えるかを確認できるChrome拡張機能が便利。1クリックすれば、開いている画面をチェックできます。Chromeをお使いの方は↓からすぐに機能追加できます。

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

【💡湯気の変形と簡易速度調節☕】#Live2D 見比べ実験してみました！ 湯気などの単純ループを作った後、親にデフォーマーを作り変形することで、 対象の歪み方や部分的な速度を簡易的に調節しています 単純ループでは規則的すぎるので、ちょっとでも不規則性を加えたいなぁという時によくやっているのですが、 最小限の労力でそれっぽくみえるので便利！ アニメーションでのループパラメータも一定速度で動かすだけなので簡単簡単～！ どの程度変形するのが良いのかはケースバイケースだし好みもありますが、いろいろ実験してみるとおもしろいです✨✨ ▼動画は一例です 細かすぎて伝わらないやもですが...違いわかるかな？

Opus 4.8でも同じようなもの生成されますね。この程度の結果が欲しいだけならクソ高いモデル使う必要ないと思います。 プロンプトは「HTML+JSである表現をつくってください。和風のデザイン、水面に墨を流すようなことができるインタラクション、アート的なページ。canvasをつかうといいだろうか。マウス操作で墨をながすことができる。色を選べる。墨は流体的に振舞い、複数の色をながすとまざるような挙動をするだろう。それは時間経過とともに薄れていき、消えていくだろう。」

CSSの新しいinterpolate-size と calc-size() が便利。 width: auto; や height: auto; に対してトランジション可能になります。固定サイズなら簡単ですが、autoなサイズが今まで難しかったので、楽になります。