: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

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

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

CSSが書けなくても、コメントデザインは作って配れる🥝 Kittoでは、イラスト素材からデザインを作成して、シェアコードでかんたんに共有できます。 お気に入りのデザインをみんなで使える機能です！おすすめ！ 【kittoはベータテスターを募集しています】

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

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

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

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

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

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

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

今となっては向かい合って目線を合わせてるのが珍しいのと、選ばれし者しかできないあの目をしてる朝光のお顔にただ愛しそうに大事そうに優しく触れてるジェヒョクがメロすぎて滅

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

ロボットの動作確認をしているときにディスプレイを見るのがわずらわしくなってきたのでMonocleを導入してみた。バッテリーとかモーターの状態を表示させていて結構快適。カメラがついているので「エラーが起きたときに自分が見ているロボットの様子を自動で撮影しておく」とかもできそう