デザインの管理と効率化が行える FigmaのComponents入門 - ICS MEDIA
ウェブ制作の現場で接する機会が増えてきているデザインツール「Figma」。前回の記事『FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう』では、デザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」機能を紹介しました。 本記事ではデザインパーツの管理や柔軟な変更が可能になる「Components」について詳しく紹介します。Componentsを使い、何度も出てくる要素を管理すると、制作が効率よく進められます。 この記事は、次のような方々にオススメの内容となっています。 デザイナー 同じグラフィックをいつもコピペで複製している方 Components機能の使い方やルールに不安のある方 エンジニア デザイナーから受け取ったデザインにComponents機能が使われいて、参照方法がわからない方 コーディングで、Componentsのル
PC内に装備しておきたいChrome拡張機能をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ みおです。 今回は、私が普段からとてもお世話になっている「toby」というChrome拡張機能をご紹介します。 Chrome拡張機能 「toby」とは 「toby」は開いたタブを一元管理してくれるChrome拡張機能です。Better than bookmarks （ブックマークより優秀）というコンセプトで2016年にあらゆるGoogle Chrome拡張機能の中で高評価を取得しています。 「toby」では、よく使用するタブをあらかじめ登録しておくとカテゴリーごとに管理してくれ、サイトやスプレッドシート、ドキュメントなど、必要なタブを必要なときにワンクリックですべて開くことができます。 こんなお悩みを持っている方におすすめ！ よく開くサイトがあるけどGoogleから毎回検索かけている…… PCの再起動後、消えてしまったタブを1から一つひとつ開いていて面倒…… ブックマークの一
カオス化したスタイルシートから卒業！CSSでカラーを管理する効率的な方法
テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
