Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

CSSの「cqw」単位がアツい💐 コンテナクエリのコンテナ幅を基準とした横幅です。「font-size: 20cqw」と指定すれば、コンテナに対して必ず全角5文字になるフォントサイズを指定できます🥰 中心のテキストが親に対して必ず5文字サイズになるメインビジュアルデモを作った。イマドキCSS2024は12/6（金）開催！ #イマドキCSS

鹿野壮 Takeshi Kano

19,053 subscribers

69,198 просмотров • 1 год назад •via X (Twitter)

Наука и технологии Образование

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

【STUDIOのアニメーションに余韻をつける方法】 ✏️実装のポイントホバーで動きが出る部分の親ボックスは「通常時:横幅をpxで指定」→「inホバー時:横幅を100%指定」子ボックス（絶対配置）は「通常時:横幅を100％指定」→「inホバー時:横幅をpxで指定」横幅の設定を入れ替えることで、横に伸びた親ボックスに子ボックスが追従するような動きになります💡 （子ボックスの「位置」もinホバー時に変更しています） ✏️デメリットボックスの階層が一つ深くなってしまいます。STUDIOには階層の上限があるので、使用する場所によってはそれに引っかかって採用できないことも… 実際のレイヤー構造は添付画像をご参照ください😃 （上段が親ボックス、下段が子ボックスの設定です） #withSTUDIO

【STUDIOのアニメーションに余韻をつける方法】 ✏️実装のポイントホバーで動きが出る部分の親ボックスは「通常時:横幅をpxで指定」→「inホバー時:横幅を100%指定」子ボックス（絶対配置）は「通常時:横幅を100％指定」→「inホバー時:横幅をpxで指定」横幅の設定を入れ替えることで、横に伸びた親ボックスに子ボックスが追従するような動きになります💡 （子ボックスの「位置」もinホバー時に変更しています） ✏️デメリットボックスの階層が一つ深くなってしまいます。STUDIOには階層の上限があるので、使用する場所によってはそれに引っかかって採用できないことも… 実際のレイヤー構造は添付画像をご参照ください😃 （上段が親ボックス、下段が子ボックスの設定です） #withSTUDIO

中島健太郎／Studio Ambassador／LEARNED Inc.

30,291 просмотров • 2 лет назад

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

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

中島健太郎／Studio Ambassador／LEARNED Inc.

19,393 просмотров • 3 лет назад

彼女は言った。『これは全ての男性へのメッセージよ。女の子はメッセージに親指を立てた絵文字でリアクションされるのを嫌います。失礼です。なぜメッセージにハートを付けなかったの？親指を立てた絵文字はリアクションとしてさえ認められるべきじゃない。』了解したぜ👍

Sensitive content

彼女は言った。『これは全ての男性へのメッセージよ。女の子はメッセージに親指を立てた絵文字でリアクションされるのを嫌います。失礼です。なぜメッセージにハートを付けなかったの？親指を立てた絵文字はリアクションとしてさえ認められるべきじゃない。』了解したぜ👍

髙安カミユ（ミジンコまさ）

23,949 просмотров • 1 год назад

Quest対応が話題になってたのでとっても雑にVRCQuestToolsでQuest対応する手順を動画にしました。PBを捨てればとっても簡単です。（揺れ物は全て犠牲になる

Quest対応が話題になってたのでとっても雑にVRCQuestToolsでQuest対応する手順を動画にしました。PBを捨てればとっても簡単です。（揺れ物は全て犠牲になる

おしるこうどん/音路樹

87,694 просмотров • 1 год назад

文字パネルから「フォントの高さ」を表示すると、文字の高さを「mm」で指定できます！アウトライン化してない文字を、隣のオブジェクトの高さに揃えたいとき便利 #illustrator

文字パネルから「フォントの高さ」を表示すると、文字の高さを「mm」で指定できます！アウトライン化してない文字を、隣のオブジェクトの高さに揃えたいとき便利 #illustrator

タマケン | デザイン

389,531 просмотров • 3 лет назад

【望月瞳のメッシーチャレンジ】 fantiaで販売開始です！賞金をかけてゲームに挑戦するために顔を汚しながら必死にクリアを目指していきます！最後には体全身がドロドロになるまで汚れてしまうのですが時より楽しんでいるところも見れる作品です！ #messy #メッシー

Sensitive content

【望月瞳のメッシーチャレンジ】 fantiaで販売開始です！賞金をかけてゲームに挑戦するために顔を汚しながら必死にクリアを目指していきます！最後には体全身がドロドロになるまで汚れてしまうのですが時より楽しんでいるところも見れる作品です！ #messy #メッシー

OZONE

14,299 просмотров • 2 лет назад

【AE初心者必須】 MVの字幕とかで良く見かけるカクカクする文字ですが、わざわざ文字分解して一つずつ動かしてませんか？実はアニメーターを使えば簡単に作れちゃいます！テキストも簡単に変更出来るし、無駄な作業が減る！ #AfterEffects

【AE初心者必須】 MVの字幕とかで良く見かけるカクカクする文字ですが、わざわざ文字分解して一つずつ動かしてませんか？実はアニメーターを使えば簡単に作れちゃいます！テキストも簡単に変更出来るし、無駄な作業が減る！ #AfterEffects

OHEY | Top Effects

48,403 просмотров • 1 год назад

連立前の吉村代表次の臨時国会で議員定数を比例で1割削減しないと連立しない！連立合意書 1割を目標に衆議院議員定数を削減する法案を臨時国会に提出し、成立を目指す玉木氏・比例だと言ってたのに比例ではなくなっている・1割を「目標」となっている・「目指す」なので達成できなくても無問題ーー以下全文文字起こしーー 1割を目標に衆議院議員定数を削減するため臨時国会において法案を提出して成立を「目指す」ということになっていますまず比例だということを言っていたのが比例ではなくなっているということと 1割を目標にというふうになっていますまた全体として臨時国会において提出成立を目指すということになっているので必ずしもできなくても必ずしも合意には反しないというそういう表現になっています

連立前の吉村代表次の臨時国会で議員定数を比例で1割削減しないと連立しない！連立合意書 1割を目標に衆議院議員定数を削減する法案を臨時国会に提出し、成立を目指す玉木氏・比例だと言ってたのに比例ではなくなっている・1割を「目標」となっている・「目指す」なので達成できなくても無問題ーー以下全文文字起こしーー 1割を目標に衆議院議員定数を削減するため臨時国会において法案を提出して成立を「目指す」ということになっていますまず比例だということを言っていたのが比例ではなくなっているということと 1割を目標にというふうになっていますまた全体として臨時国会において提出成立を目指すということになっているので必ずしもできなくても必ずしも合意には反しないというそういう表現になっています

おもち

696,683 просмотров • 8 месяцев назад

MBPを買おうと思ってAppleのサイトに入ったら、CSSのミスみたいな箇所を発見👀 文字の後ろが黒背景に...ミスだと思ってコードを見ると、見たことないメディアクエリが。調べてみると、コントラストを強める設定や透明感を減らす設定が有効なときのみに指定するコードでした。 Appleさんすげぇや👀

MBPを買おうと思ってAppleのサイトに入ったら、CSSのミスみたいな箇所を発見👀 文字の後ろが黒背景に...ミスだと思ってコードを見ると、見たことないメディアクエリが。調べてみると、コントラストを強める設定や透明感を減らす設定が有効なときのみに指定するコードでした。 Appleさんすげぇや👀

せきゆおう🇯🇵Web制作とAIのことを発信する人

87,556 просмотров • 3 месяцев назад

Chrome 146がリリース！新しいHTMLのmetaタグ <meta name="text-scale" content="scale" /> を使えば、フォントサイズをOS設定に依存させられます。 CSSでfont-sizeをpx単位ではなくrem単位にしておけば利用できる、ユーザーに優しい機能です。

Chrome 146がリリース！新しいHTMLのmetaタグ <meta name="text-scale" content="scale" /> を使えば、フォントサイズをOS設定に依存させられます。 CSSでfont-sizeをpx単位ではなくrem単位にしておけば利用できる、ユーザーに優しい機能です。

池田泰延

48,843 просмотров • 3 месяцев назад

玉木氏 5類型撤廃は賛成。単にアメリカの装備品を買うだけでなく自国の防衛装備品等をしっかり製造できる能力を持つというのは真の意味での「自分の国は自分で守る」に繋がる安保3文書の改訂もやるべき。前倒しは必要だし、我々としても建設的な提案をしていきたいーー以下全文文字起こしーー 5類型の撤廃については我が党としても申し上げていたのでそれは賛成ですむしろもっと早くやるべきだと思いますね防衛産業の育成ということは我々にとって非常に重要な安全保障政策の肝だと思っています単にアメリカの完成品を買うだけではなくて自国での防衛装備品等をしっかりと製造できる能力を持つというのは真の意味での自分の国は自分で守るということにつながりますのであれは確か訓示訓令？法律じゃないもので 5類型に限定をかけていますからそこは緩和すべきだと思いますね安保3文書の改定ですけれどもこれも私もやるべきだと思います前回の3文書を作るその直前に岸田内閣に対して岸田総理に対して我が党としての安全保障の考え方を申し入れまして当時印象的だったのは岸田総理が（申し入れを）全部読んでくれてまして非常に重なりも多いということで例えばアクティブサイバーディフェンスをやるべきだということを早期に提案したのは我が党でそれに基づいて通常国会でもアクティブサイバーディフェンスが閣法として法律が成立したということにもつながっていますので前倒しは必要だと思いますしまた我々としても建設的な提案をしていきたいと思っています

玉木氏 5類型撤廃は賛成。単にアメリカの装備品を買うだけでなく自国の防衛装備品等をしっかり製造できる能力を持つというのは真の意味での「自分の国は自分で守る」に繋がる安保3文書の改訂もやるべき。前倒しは必要だし、我々としても建設的な提案をしていきたいーー以下全文文字起こしーー 5類型の撤廃については我が党としても申し上げていたのでそれは賛成ですむしろもっと早くやるべきだと思いますね防衛産業の育成ということは我々にとって非常に重要な安全保障政策の肝だと思っています単にアメリカの完成品を買うだけではなくて自国での防衛装備品等をしっかりと製造できる能力を持つというのは真の意味での自分の国は自分で守るということにつながりますのであれは確か訓示訓令？法律じゃないもので 5類型に限定をかけていますからそこは緩和すべきだと思いますね安保3文書の改定ですけれどもこれも私もやるべきだと思います前回の3文書を作るその直前に岸田内閣に対して岸田総理に対して我が党としての安全保障の考え方を申し入れまして当時印象的だったのは岸田総理が（申し入れを）全部読んでくれてまして非常に重なりも多いということで例えばアクティブサイバーディフェンスをやるべきだということを早期に提案したのは我が党でそれに基づいて通常国会でもアクティブサイバーディフェンスが閣法として法律が成立したということにもつながっていますので前倒しは必要だと思いますしまた我々としても建設的な提案をしていきたいと思っています

おもち

230,287 просмотров • 8 месяцев назад

ちょっと嬉しいアップデートですが、Chromeの最新版（バージョン135以降）では、タグの中身をCSSだけで自由にカスタマイズできるようになりました。これまではセレクトボックスの見た目を変えるために、UIライブラリを使ったり、JavaScriptで無理やり制御したりする必要がありましたが、これからはCSSだけでデザインやアニメーションをつけることができます。そのため、より軽量でシンプルなコードで、洗練されたセレクトメニューを作れるようになります。例えば、「選択肢にアニメーションをつけたい」「独自のデザインにしたい」といったニーズにも、もうライブラリを追加する必要はありません。純粋なCSSだけで実現できるようになったのは、フロントエンド開発者にとって嬉しい進化です。

ちょっと嬉しいアップデートですが、Chromeの最新版（バージョン135以降）では、タグの中身をCSSだけで自由にカスタマイズできるようになりました。これまではセレクトボックスの見た目を変えるために、UIライブラリを使ったり、JavaScriptで無理やり制御したりする必要がありましたが、これからはCSSだけでデザインやアニメーションをつけることができます。そのため、より軽量でシンプルなコードで、洗練されたセレクトメニューを作れるようになります。例えば、「選択肢にアニメーションをつけたい」「独自のデザインにしたい」といったニーズにも、もうライブラリを追加する必要はありません。純粋なCSSだけで実現できるようになったのは、フロントエンド開発者にとって嬉しい進化です。

Jeffry Alvarado

33,734 просмотров • 1 год назад

「NewJeansが言いたいこと」日本語訳全文こんにちは、NewJeansです。このような突然の席に驚かれたBunniesの方もいらっしゃると思いますが、今回のことに関してメンバーの考えや意見を述べたいと思い、このような場を設けました。まず、この配信をしようと思った理由のひとつとして、代表が解任されて間もないにも関わらず、私たちとずっと一緒にやってきた多くの方々が不当な要求やプレッシャーの中で苦しんでいる姿を見るのがとても辛かったんです。そして、それを見守るしかないのがとても悔しかったし、私たち5人の将来がとても心配でした。正直ライブを準備しながら、ライブをしたらどんな反応があるのか当然心配でした。そして、ミンヒジン代表が指示したのではというような言葉が出るかもしれないのでその点も心配です。ですが、この部分についてははっきり言っておきたいと思います。これは私たち5人が本当に言いたいことがあり準備したライブです。準備できない部分は、私たちが信頼している監督さんたちに助けてもらっています。Bunniesの方までみんなが行動してくださるのに、私たちだけ後ろに隠れているのは違うのではないかと思いました。

Sensitive content

「NewJeansが言いたいこと」日本語訳全文こんにちは、NewJeansです。このような突然の席に驚かれたBunniesの方もいらっしゃると思いますが、今回のことに関してメンバーの考えや意見を述べたいと思い、このような場を設けました。まず、この配信をしようと思った理由のひとつとして、代表が解任されて間もないにも関わらず、私たちとずっと一緒にやってきた多くの方々が不当な要求やプレッシャーの中で苦しんでいる姿を見るのがとても辛かったんです。そして、それを見守るしかないのがとても悔しかったし、私たち5人の将来がとても心配でした。正直ライブを準備しながら、ライブをしたらどんな反応があるのか当然心配でした。そして、ミンヒジン代表が指示したのではというような言葉が出るかもしれないのでその点も心配です。ですが、この部分についてははっきり言っておきたいと思います。これは私たち5人が本当に言いたいことがあり準備したライブです。準備できない部分は、私たちが信頼している監督さんたちに助けてもらっています。Bunniesの方までみんなが行動してくださるのに、私たちだけ後ろに隠れているのは違うのではないかと思いました。

ビタ

14,640,422 просмотров • 1 год назад

フィジカルについての続き、置き位置は敵と接敵した時に敵の頭とクロスヘアが極力ずれてない状態にするのが大切なんだけど、クロスヘアの置き幅は、敵が「歩いてくる」「ピークしてくる」「走ってくる」「ブリンク」の4種類に対して自分の置き幅を明確に持っておくのが大事(右手の話)で、左手はピーク勝負と同様に予測が外れてプリエイムがずれたり、弾を外した時は必ず左右に動き続ける。どのピークの仕方してくるかの選別は①ポジションと②情報で判断。

フィジカルについての続き、置き位置は敵と接敵した時に敵の頭とクロスヘアが極力ずれてない状態にするのが大切なんだけど、クロスヘアの置き幅は、敵が「歩いてくる」「ピークしてくる」「走ってくる」「ブリンク」の4種類に対して自分の置き幅を明確に持っておくのが大事(右手の話)で、左手はピーク勝負と同様に予測が外れてプリエイムがずれたり、弾を外した時は必ず左右に動き続ける。どのピークの仕方してくるかの選別は①ポジションと②情報で判断。

Flax

287,004 просмотров • 7 месяцев назад

一番怖いのがロック解除された状態での盗難皆に今すぐに設定して欲しい泥棒が必ずiPhoneの“設定”を開くことを逆算して、トラップを仕掛けられる。特定のアプリを開くためには認証を必要とする設定。やり方貼っておきます。必要なアプリ: ショートカット（Apple製）

一番怖いのがロック解除された状態での盗難皆に今すぐに設定して欲しい泥棒が必ずiPhoneの“設定”を開くことを逆算して、トラップを仕掛けられる。特定のアプリを開くためには認証を必要とする設定。やり方貼っておきます。必要なアプリ: ショートカット（Apple製）

カズ 🇬🇧 🧇

4,029,331 просмотров • 2 лет назад

日本のヤクザは謝罪の際に小指を切り落とすことで知られています。その起源は侍が日本刀を用いて戦っていた時代、小指を失うと刀を握る力が極端に弱まりました。これにより、組織の助けなしには自力で戦えなくなり、組織への忠誠心を高めさせるという意味があったとされています。また小指を切って誠意を示す文化は、江戸時代の遊女が客に対して心中立て（変わらぬ愛の証）として小指を渡した習慣に由来するとも言われています。そのように小指を切る文化を継承してきた日本人は、子猫を保護した際に小指を子猫に与える事で、助けたこの命を一生守ると決意する儀式を行います。

日本のヤクザは謝罪の際に小指を切り落とすことで知られています。その起源は侍が日本刀を用いて戦っていた時代、小指を失うと刀を握る力が極端に弱まりました。これにより、組織の助けなしには自力で戦えなくなり、組織への忠誠心を高めさせるという意味があったとされています。また小指を切って誠意を示す文化は、江戸時代の遊女が客に対して心中立て（変わらぬ愛の証）として小指を渡した習慣に由来するとも言われています。そのように小指を切る文化を継承してきた日本人は、子猫を保護した際に小指を子猫に与える事で、助けたこの命を一生守ると決意する儀式を行います。

ぽめ

28,651 просмотров • 1 месяц назад