FigmaのコンポーネントをVariantsで状態管理する｜ふじけん / kenshir0f
こんにちは、ふじけん(@kenshir0f)です。 Figma に新機能 Variants がリリースされました。一通り触ってみたので、チュートリアル読むよりもサクッと知りたい方向けに、何が変わったのか紹介したいと思います。 Variantsとは？複数のコンポーネントの状態をひとつにまとめて管理する機能です。 例えば、Buttonの[Default, Hover, Focus, Disabled]といった状態をそれぞれコンポーネントで作っていましたが、Variantsを使うことでひとつのコンポーネントで整理できるようになりました。 チュートリアル公式がチュートリアルを用意しているので、実際に触って試したい方はこちらをどうぞ。 Variantsの使い方(準備) Variants は複数のコンポーネントに対して使うことができます。状態の違うコンポーネントまとめてくれるので、複数のコンポーネント
コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する
本日（2023/2/14）、ついに Firefox でコンテナクエリ（container query）に対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ @containerを使うと任意の要素を基準にできるので、「A要素の横幅が 500px 以下のとき、子要素のレイアウトを変える」などが手軽に実現できます。 とくにコンポーネントベース開発が主流の現在においては、コンテナクエリをマスターすることで、より柔軟でラクなレスポンシブ対応が可能になります。 本記事では、コンテナクエリの基本、メリット、デモまでをできるだけ詳しく解説し、コンテナクエリを理解することを目標としま
知っておくと便利！表現が広がる最新CSSテクニックや書き方30選
知っておくと便利！表現が広がる最新CSSテクニックや書き方30選 これまでの苦労が嘘のよう。新テクニックでデザインに差をつけよう 2022年は、CSSにとって過去最高の年になりました。 安定版ブラウザで、多くの新しいCSSプロパティやセレクタなどが対応となり、これまでは実装にJavaScriptなどが必要だったものも、CSSのみで表現できるようになっています。 ここでは、知っておくと便利な最新CSSテクニックや書き方をまとめてご紹介します。 「CSSって、こんなこともできるの?!」と思わず納得してしまう、驚きテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次 1. コンテナクエリ @container が全ブラウザ対応 2. CSSスタイルクエリの基本と具体サンプル例 3. グラデーション付き影のつくり方 4. どんな背景でも美しい影のつくり方 5.
【予約商品】余白が写真を引き立たせる A4サイズのフレーム CAN-02
この商品は現在完売中につき予約商品になります。 入荷は4月中旬頃を予定しており、商品が入荷次第発送いたします。 入荷日が未定のため配達日の指定はできませんのでご了承ください。 配達時間帯の指定は可能です。 ご注文完了前に必ず「予約商品についての注意事項」をご確認ください。 余白が写真を引き立たせるフレーム「CAN」シリーズ。 CAN-02はW220 x H305mmのA4サイズ。 （画像のフレーム内に入っているラベルのサイズは126 x178mm です） 2枚のガラスで写真を挟む仕組みなので、写真だけではなくお気に入りのポストカードや押し花をコラージュしても。 スティックの位置を付け替えることで縦横飾れ、壁掛けと置き両方にも対応しています。 ※CAN-02は「NT」のみ販売となります。 「GY」は完売しており現時点では再生産の予定はございません。 【刻印サービスはじめました！】 フレームに
【速報】インボイス登録事業者の納税負担は1.8%！フリーランスなら必ず知っておきたい「2割特例」措置 | フリーランス協会ニュース
12/21(水)にランチタイムセミナー「インボイスなんとなく分かってきたけど、具体的にどうしたらいいのか教えてください」を開催しました。 12月16日公開の「令和5年度税制改正大綱」で明らかになったインボイス制度の「2割特例」措置。フリーランスは要チェックです！ 概要を一言で言うと、インボイス登録のため、新たに課税事業者になることを選択した人が納税する消費税額が、本来は売上高の約5%*であったのが、約2％に軽減されることになります。 *簡易課税制度利用時 フリーランスなど小規模業者の経済的ダメージを緩和するために実現した「2割特例」措置。 財務省からは、フリーランス協会会員の皆様にご協力頂いた調査結果や、私たちの申し入れも踏まえて、今回の特例を検討したと聞いています。あらためまして、調査にご協力いただいた会員の皆様に、この場を借りて御礼申し上げます。 というわけで、どこよりも早い、フリーラ
【Adobe Illustrator】イラスト初心者がアイソメトリックイラストを描く！【入門編】 | 株式会社アルタのごった煮ブログ
アイソメトリックイラストとはアイソメトリックイラストは、斜め上から見下ろしたようなイラストのことです。アイソメ図とも言います。 より正確に言うと、縦・横・高さの軸が常に120度で交わる図・イラストのことをいいます。 立体的にはなりますが縦・横・高さの軸がの角度が一定なので、奥行き感はあまり出ません。 （立体的に見えるとはいえ、遠くのものが小さくなる遠近法とは違うものです） アイソメトリックイラストの描き方（入門編）アイソメトリックイラスト入門する際、Mastering Isometric Illustrations — Part 2が大変参考になりました！ こちらは英語のページなので、日本語でやり方を簡単にご紹介します！ 考え方Illustratorでアイソメトリックイラストを描く場合、 上面・右面・左面のそれぞれの面を作るためのアクションを準備各面のイラストを正面向きの角度で描く各面のイ
トム・クランシー おすすめランキング (141作品) - ブクログ
Tom Clancy トム・クランシー 1947年メリーランド州ボルチモア生まれ。1984年『レッド・オクトーバーを追え！』が大ベストセラーとなり、流行作家の仲間入りを果たす。同作の主人公ジャック・ライアンが活躍するシリーズのほか、『オプ・センター』シリーズや『ネットフォース』シリーズ（いずれも共著）など、数々のヒット作を生み、ゲーム制作にも乗り出した。2013年死去。 〈トム・クランシーのオプ・センター〉 謀略の砂塵（上・下） 北朝鮮急襲（上・下） 復讐の大地（上・下） 暗黒地帯（ルビ：ダーク・ゾーン）（上・下） 黙約の凍土（上・下） ブラック・ワスプ出動指令（上・下） 「2022年 『ブラック・ワスプ出動指令（下）』 で使われていた紹介文から引用しています。」 トム・クランシーのおすすめランキングのアイテム一覧 トム・クランシーのおすすめ作品のランキングです。ブクログユーザが本棚登録し
オーダーメイドシェラカップ(4個以上送料無料)
※同デザインに限り2個目以降1800円になります。複数デザインをご注文の場合は複数回ご注文ください． 4個以上ご注文で送料無料です． ※20個以上のご注文はデザイン内容によって価格が変動します。別途お見積りいたしますのでご連絡ください。 納期は通常ご入稿完了から1週間程度で発送いたします（ご注文状況や個数によって多少変動致します）。 お急ぎの方はお問い合わせください。 ・20個以上の参考価格（税込） 20個〜 @1,500円 30個〜 @1,169円 40個〜 @1,115円 50個〜 @990円 100個〜 @792円 200個〜 @740円 500個〜 @690円 1000個〜 @680円 事前にご相談いただければ、1週間以内の早期発送も可能です。 シリアルナンバーの彫刻も可能でございます。別途お見積もりいたします。 お気軽にお問い合わせください。 注文の前か後に以下テンプレートをメー
NISAを知る：NISA特設ウェブサイト：金融庁
NISAとは NISA（ニーサ）は、少額からの投資を行う方のために2014年1月にスタートした「少額投資非課税制度」です。 イギリスのISA（Individual Savings Account=個人貯蓄口座）をモデルにした日本版ISAとして、NISA（ニーサ・Nippon Individual Savings Account）という愛称がつけられました。 運用益（売却益・配当/分配金）が非課税 より使いやすいNISAへ NISAのポイント 運用益（売却益・配当/分配金） が非課税 通常、株式や投資信託などの金融商品に投資をした場合、これらを売却して得た利益や受け取った配当に対して約20%の税金がかかります。 一方で、NISA口座で投資した金融商品から得られる利益は非課税になります。ただしNISA口座で投資できる上限金額は決まっています。 より使いやすいNISAへ NISAは、2014年1
Design at Meta | Tools
Photos of hands holding various phones, to be used in any presentation of your designs.
超細密画に引き込まれる。 池田学展「The Pen」が東京に巡回｜画像ギャラリー 4/7
© Culture Convenience Club Co.,Ltd. All Rights Reserved. 美術手帖はアートのポータルサイトです。当サイトの情報は編集部まで寄せられた情報に基づいています。
エロール・ル・カイン | えほんミュージアム清里 絵本美術館 清里 原画展 | ehon-museum-kiyosato | 日本
展覧会・イベント情報を メールでお知らせします 展覧会やイベントについて、メールでお知らせいたします。ご希望の方は「お問い合わせ」よりお申し込みください。 イギリスの絵本作家、エロール・ル・カインの作品 ――絵本原画、未使用原画、スケッチ、アニメーション画、初版本など、 200点を超える世界でも屈指のコレクションを所蔵しています。 コレクションは常設展示または企画展示で展覧しています。 （常設展示は約20点、企画展示の場合は50～80点を展覧します） ※現在、企画展「没後35年エロール・ル・カイン絵本原画展」が開催中です。 絵本原画やアニメーション画、未使用原画など約70点を展示しています。 現在の展覧作品（企画展示：2024年3月23日～7月1日） ●『アーサー王の剣』より（1点） ●『キャッツ』より（2点） ●『三つのまほうのおくりもの』より（2点） ●『おどる12人のおひ
外務省: パスポートの申請から受領まで
（注）以下は、初めてパスポートを申請するとき等の例です。パスポートについての詳細なお問い合わせは、国内での申請の場合は各都道府県のパスポート申請窓口、国外での申請の場合は各在外公館（大使館又は総領事館）までお願いします。 また令和5年3月27日より、オンライン申請が始まりました。国内からオンライン申請する場合はこちら、国外からオンライン申請する場合はこちらから。 切替発給、紛失・盗難届、氏名や本籍等の変更、の場合は、それぞれ該当する項目をクリックしてください。 パスポートを申請するためには次の書類が必要です。 （1）一般旅券発給申請書 1通 「ダウンロード申請書」又は手書き書式の申請書が使用できます。 （注）手書き書式の申請書はパスポート申請窓口で入手できます。 申請書は5年有効なパスポート申請用と10年有効なパスポート申請用の2種類に分けられています。 （注）18歳未満の方は、5年有効な
寺本愛「PROMENADE」レジンフィギュア （ZINE付属）
※宅配便(ヤマト運輸)にてお届けいたします。 ※お支払金額は、注文ご希望の商品をカート内に入れご確認ください。 ※カート内に入れた商品は、在庫の確保・キープをお約束するものではございませんので、ご留意ください。 ※他の商品と一緒にご注文いただくことは出来ません。 ※こちらの商品は出荷まで1週間程度お時間を頂戴しております。 *For domestic delivery, Yamato Express will be used. For overseas delivery, EMS (Japan Post) will be used. *To check the amount of your payment, please add the items you wish to order to your cart (shipping costs will also be shown here)
レオナール・フジタ (藤田嗣治) | コレクション | ポーラ美術館
1886年（明治19）、現在の東京都新宿区新小川町の陸軍軍医の家に生まれたフジタは、父の上司だった森鷗外の勧めもあり東京美術学校西洋画科に入学。当時主流であった明るい外光派風の洋画にあきたらず、1913年、26歳の時にフランスにわたります。 パリのモンパルナスに住んだフジタは、ピカソやヴァン・ドンゲン、モディリアーニらエコール・ド・パリの画家たちと交流しました。彼らに刺激され、独自のスタイルを追究するなかで、日本や東洋の絵画の支持体である紙や絹の優美な質感を、油絵で再現しようと思いつきます。手製のなめらかなカンヴァスの上に、面相筆と墨で細い輪郭線を引き、繊細な陰影を施した裸婦像は、「素晴らしい白い下地（grand fond blanc）」「乳白色の肌」と呼ばれて絶賛されました。1919年にはサロン・ドートンヌに出品した6点の油絵がすべて入選し、ただちに会員に推挙されるなど、フジタの作品はパ
【After Effects】複数のシェイプの結合する方法 | CGメソッド
サンプル1 左側のアニメーション シェイプレイヤーに『移動する側のシェイプ（楕円形）』と『受ける側のシェイプ（長方形）』を作成 『パスの結合』をの追加。モードは『追加』にして2つの形状の輪郭が突っつくように 2つのシェイプとパスの結合をグループ化『図形グループ』 右半分をすべて覆った長方形シェイプを追加。 『パスの結合』をの追加。モードは『型抜き』にして画面右半分を削る 更にグループ化して、『アニメーショングループ_左』とする 右側のアニメーション 『アニメーショングループ左』を複製して、『アニメーショングループ右』とする 『図形グループ』に『パスのオフセット』を2つ追加、線の結合を『ラウンド』にして『量』で丸みを調整。もう片方の量はエクスプレッションで反対の数字になるように入力する -content("アニメーショングループ_右").content("図形グループ").content("
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
haml に HTML5 のカスタムデータ属性(data-*) を定義する方法 - Qiita
Suica（スイカ）の領収書を発行する方法は？利用明細・履歴も合わせて確認 |
home｜刺繍作家annas
【AfterEffects】特定のフレームで一時停止させて延ばすフリーズ演出を作る方法 | スタジオ・ボウズ
