Loading video...

Video Failed to Load

Go Home

#Config2023 で発表されたFigmaの新機能「バリアブル」(Variables)について解説! 一言で説明すると「バリアブルを作成し、インスタンスに割り当て、フレームのモードを変更する」 以下ポケモンの進化を例に、スレッド内4ステップで解説していきます👇

101,192 views • 3 years ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

19,393 views • 3 years ago

やばくてかわいいのができてしまった。 【フリーランス限定】無料であげます。 ★モンスタークライアントからweb系フリーランスを守る「契約書のしおり」 ★契約書テンプレ付き←これがガチでつかえます。 まさか、いまだに口約束でお仕事を受けてませんよね? 「もちろん契約書を使ってるよ」という人でも、契約の中身を100パー理解できていますか? よくわかってないなら、もはや口約束と同じです。 といっても契約について真面目に学ぶのもだるいんですよね。なんか難しそうだし。 そこでこの、かわいいしおり、が役立ちます。 全30ページの「契約書のしおり」。 契約の結び方から契約書で約束するルールのひとつひとつの意味までかわいく説明、わかりやすく理解できます。 ■目次(全30ページ) 1. 契約のしおりとは? この契約書のしおりについて簡単に内容と使い方を説明しています。 契約書を交わすことのメリットを理解しておきましょう。 2. 契約の交わし方 契約を結ぶのにわざわざ契約書を送る必要はもうありません。 契約書テンプレートを利用しネットで契約を結ぶ方法について説明しています。 3. 契約書テンプレート 様々な案件に使いまわせる契約書のテンプレートを添付しました。 案件に合わせて内容を調整しご利用ください。 4. テンプレート解説 難しい契約書の条項をひとつずつわかりやすく解説します。 内容を理解せず契約を結ぶわけにはいきませんからね。 ■受け取り方 フォロワーさん限定+リポストしてくれたらDMで資料をお送りします。 まだフォローいただけていない人はフォロー後リポストでOK。 手作業でリポスト確認→配るので、リポスト後ちょっとお待ちいただく場合がございます&手が回らなくなると途中で締め切るかもです(お早めに🙇‍)

ウェブさえ

287,166 views • 2 years ago