:has()、CSS Grid、CSS変数を組み合わせたチェックボックス表現を作った✅ label { display: grid; --selected: 0; grid-template-columns:... auto calc(var(--selected) * 24px); } label:has(:checked) { --selected: 1; } 2列の行列を作っておき、2列目の幅をCSS変数--selected×24pxにしておく。--selectedの初期値は0なので、2列目幅は0。 子孫要素がチェック状態になるのを:has()でキャッチし--selectedを1にすると、行列2列目が24pxになりチェックボックスが表示される。 参考: #CSS #cssnite #朝までマークアップshow more

Nice opportunity for transitioning CSS grid columns with :has()... && linear() 🤙 label { --selected: 0; grid-template-columns: auto calc(var(--selected) * 20px); } label svg { opacity: var(--selected); } label:has(:checked) { --selected: 1; }show more

TXTソウルコン コチョク KSPO VIP 最前列 コンサートは1列目でヨンジュンと会えて嬉しすぎた😭 ミーグリは人権ない2列目にいた私なのにヨンジュンが私を見つけてくれてサインしてくれて...そしてあの場所から去る時は手をのばして私の手を握ってくれた🦊💓ヨンジュンありがとう #연준 #YEONJUN

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

【CSSデザイン本11/21発売📕】 ちょっと垢抜けたwebサイト制作を勉強したい方必見！ Webの基礎はもちろん、HTMLの構造図やCSSの細かい解説も充実、さらにCSSだけで実装できるアニメーションが満載！ 好きなパーツを組み合わせて1Pのサイトを作ったり、ボタンや見出しのデザインを変えたり、サンプルサイトからコピペができるので初心者でも自由自在です🌷 CSSで好きなものを作ってSNSにアップするのが大好きだった私。 出版のお声がけをいただいた頃は実務3年目でしたが、ベテランではないからこそ、初心者や駆け出しの方により近い目線で執筆することができました。 マネするだけでセンスいい！CSSデザイン 11/21発売です。ご予約受付中👉

ImageFX駆動開発できた！Gemini強し！ Geminiプロンプト → ImageFX → Gemini 画像からhtml変換 → htmlとcss調整... -------------------------------------------------- 1 ImageFXでファーストビューを生成 -------------------------------------------------- 日本語でGeminiに依頼して英語のプロンプトにしてもらってImageFXに投げる -------------------------------------------------- 2 Gemini 2.0 Flash Thinking Expでhtml変換プロンプト -------------------------------------------------- EX. --------- このファーストビューの画像をhtml cssで完全に再現します フォントサイズや幅などは全て比率で換算してください 抜け漏れがないように全ての要素を分析して ヒントは最大幅が1600px 画像左上はロゴのエリア、右はナビゲーションエリア、メインビジュアルの左にリード文、右に椅子 ------------- とりあえずAIにヒントをあげてみる -------------------------------------------------- 3 PhotoShop 生成塗りつぶし -------------------------------------------------- 画像の文字列を塗りつぶし 画像が小さい場合はAIツールでアップスケーリング -------------------------------------------------- 5 cssの微調整 -------------------------------------------------- EX. --------- メインビジュアルで使っているフォントはなんですか？ ------------- 画像を投げてfontの確認show more

【STUDIOのトグル機能を応用して「さらに表示する」で下に伸びるボックスを実装する方法】 長めのテキストが途中からフェードアウトしていって、ボタンをタップしたら続きが下に現れるというものです📃 やや複雑ですが、デザインエディタの設定の動画も載せていますので、参考にしてみてください💡 １．トグルボタンをクリックし、右サイドパネルにて「デフォルトで開く：OFF」「開く操作：Click」「要素外クリックで閉じる：ON」にします。 ２．トグルボックスをダブルクリックし、編集モードに入ります。 ３．ボタンボックスの中に「さらに表示するボタン」を入れます。このボタンは通常の制作時と同じように、ボックスにテキストを入れるやり方でOKです。デフォルトで入っているタイトルとアイコンは削除します。 ４．ボタンボックスの縦幅を0pxにします。 ５．コンテンツボックスの中に新たにグラデーションボックスを追加します。グラデーションボックスはコンテンツボックスと同じ背景色にし、下から上に向かって徐々に透明になるように設定します。このボックスの縦幅は好きな数値でOKです。どのくらいの感じでフェードアウトをかけたいかによって調整してください。サンプルでは120pxとしています。 ６．条件付きスタイルを「クローズ」にして、コンテンツボックスの縦幅を指定します。閉じているときに、本文をどれくらい見せておきたいかによって、好きな数値を設定します。サンプルでは260pxにしています。... ７．一旦、条件付きスタイルの「クローズ」を解除して、通常のトグル編集モードに戻ります。「さらに表示するボタン」の下側にマイナスマージンを付与して、先ほど設定したコンテンツボックスの下のほうに来るように調整します。サンプルでは-420pxに設定しています。さらに透明度を「０」にします（これで展開したときにボタンが透明になります）。 ８．グラデーションボックスを絶対配置にし、上からのマージン＋縦幅＝コンテンツボックスが閉じているときの縦幅になるようにします。サンプルでは、マージン140px＋縦幅120（手順4で設定した数値）=260（手順5で設定した数値）となっています。さらに、透明度を0にします。 ９．再び条件付きスタイルを「クローズ」にします。「さらに表示する」ボタンとグラデーションボックスの透明度を1にします。 これで完成です👏 展開時、ボタンは透明にしているだけなので、元の場所に判定が残っています。 そのため、そこをクリック／タップするとボックスが閉じられることになるので、その点だけはやや注意が必要になります🙏show more

高2の数学Cのリサージュ曲線について扱う際に、なぜあの媒介変数表示であのような曲線が得られるのかを感覚的にわかるようにgeogebraを作ってみた。(作るのに、というかどうすれば座標平面4つを作れるかを考えて完成させるのに2時間かかったので載せてみます)

#AI変身チャレンジ に参加しました！🥳 今回は久しぶりにViduQ2のReferenceモードを使って動画を作ってみました。なかなか上手くできなかったので2つの動画をつなぎ合わせています。 なお音楽はSunoV5、音声はにじボイスを使っています。変身前後で声を変えてみました。

順目の本（白）と逆目の本（黒）をそれぞれ作って開き方を比較してみました。 同じコピー用紙なのですが、紙の目が違うだけで本の読みやすさがかなり変わる事がわかっていただけたでしょうか。 その他、「紙の目」は折ったときの折り目の綺麗さや出力時の熱による波打ち方の違いなどかなり影響力の大きい要素になります。 製本に関わらず、紙を扱う際にはぜひ「紙の目」を意識していただける様よろしくお願いします。 ＃製造業 ＃製本

自分はUnityですが、敵を呼び出すデータ自体は出現位置情報などの構造体を配列にして保存したものなので、エクセルに近い感じですね。あとは、エディター拡張しまくって、それをシーンビューに表示される改造をして視覚的にわかりやすくしています。

「飛行機は半分ぐらいの空気を循環させ、残りの50%を外に捨てている。また、循環時にはHEPAフィルタを使用して空気を清浄しており、公共交通機関のなかでは、感染症対策がよく考えられている。3分程度で機内の空気は浄化される」 「中央列の通路側の人が、マスクなしで咳をした場合に、10μmより大きな飛沫は、咳をした人の前方1m以内に落下。10μm以下の飛沫は急速に乾燥してエアロゾル化して、エアコンの風に乗って空中を漂うことになる」 「座席が通常姿勢の場合は、前列シートがパーティションの役割を果たし、大きな飛沫の飛散を抑えている。だが、リクライニングの姿勢では、大きな飛沫が前列の人に落ちることになり、キャビン全体にエアロゾルが広がることになる。リクライニングをして、咳をするのがワーストケースになる」 #マスク着用 #手洗い #換気 #３密の回避

9月11日に、あなたが眠っている間に、プレアディアンはハートチャクラと喉チャクラをクリアして整列させることに焦点を当てて、深いサイキック操作を行います。この介入の間、彼らはあなたが蓄積したエネルギーの閉塞を取り除き、体内の生命エネルギーの液体を回復します。 この過程により、光の高いエネルギーが完全に統合され、あなたの存在を新しいレベルに引き上げることができます。あなたの振動周波数は休息をとり、あなたの体に耳を傾け、癒しが起こるようにするために不可欠です。これは強力な変容の瞬間です。プレアディアンがあなたの成長と拡大の道をサポートすることを信じてください。 祝福を♥

【 #コードヴェイン2 Tips5】 ■「心の重なり」で身だしなみの変更が可能に 心の重なりにあるドレッサーから「身だしなみを整える」ことができるようになりました。 探索中に、ふと見た目を変えたくなった時など使ってみてください👕 ※Ver.1.0.4/1.0.5へのアップデートが必要となります。

これ、シンプルなんですが、良いです…片手が不自由な方は、物を動かぬよう支えながら作業するのが難しくなります。作業療法士の友人がこんな道具を作ってくれました。対象の大きさによって、固定幅を変えれる道具です。お菓子や薬をまとめる、切るなど幅広く活躍します。必要な方に届いて欲しいです

為になる動画シリーズ 第3弾 大三移行時の手の内の受け渡し 弓を軸としてその軸に沿って手の内を「捻る事なく」受け渡しを行う事で左全体の線をパラレルに作ることができる。 三指を外した状態で行うことで小指側が浮いたりしていたら手の内の受け渡し時に不正がある事が発見できる。 本動画は取り懸けを行わずに行っているが、この確認は取り懸けを行ってやる事をお勧めします。

【AIでマスクしてみた】 マスクとは人、物、背景などオブジェクトごとに見えたり見えなくしたりする技術みたいです。（私はオブジェクトの切り取りみたいなイメージでいます） これができると1つの動画素材から色んなものを切り分けることができ、 ・特定のオブジェクトだけにエフェクトをかける ・別の動画素材のオブジェクトを組み合わせる ・特定のオブジェクトの追従（モザイクとかに使用） が可能になるみたいです✨️（他にもたくさんある） マスク自体は簡単にできましたが、結局どんな表現をするためにマスクするのかが大事なので、映像表現を知らなすぎる私には宝の持ち腐れ感があります😇笑 ただ、一回やっておくと今度やりたい表現を見つけたときに「マスク使えばできるかも？」となるので、私みたいに言葉すら知らなかったよって人も挑戦してみると良いかもしれません☺️ ちなみにめちゃくちゃ楽しいです笑

[更新通知] 🔥東京リベンジャーズ、期待値表パワーアップで立ち回りが大きく変わる！🔥 今回は複数要素を考慮した期待値表を更新！ ⬇️考慮されてる複数要素はコチラ⬇️ ✅周期数 ✅周期ポイント数 ✅1スルー以降のボーナススルー ✅ ゲーム数による隠れ抽選... そして今回の期待値表はシミュレートによって【解析値】･【大量実践戦値】･【現場データ】全てを考慮した期待値表と狙い目になっています。 その結果、例えば同じ600Gハマりでも 【下位AT後 1スルー 2周期 1~50pt】 【下位AT後 1スルー 3周期 251~300pt】 この2つを比べた場合、機械割10%以上変わることが期待値表で分かるようになりました。 また、「上位AT or リベンジチャンス後」「設定変更後」にも対応しています！ 今まで見過ごしていた期待値を、今後取り損ねない為にもこのツールを是非お使いください。 「ハイエナ」だけでなく「設定狙い」のヤメ時にも役立つ期待値表を更新したので会員の方は是非ご覧ください！show more

自家用ポリリリリズムはマジで無法なので、非整数値を許容するし並列数に限りがないし、1小節に7回「け゚」を入力する必要がある

昨日からのXの不具合で夜のスカイツリーみたいになっている人。iPhoneのアプリで複数アカウント所持している人に出るみたい。 垢1でXを開く アイコンが表示されず読み込めない X閉じる もう一度X開くとアイコンは表示される 垢2に変える 同じ状態→この作業を他の垢でも繰り返しで直った

手が眼球になっているアバターを作ってVRChatで他の人の目ん玉を剥き出しにしたりしておりましたわよ