Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


Font Awesome 5のアイコンをIllustratorやXDで使う方法！

U3
2020/4/13
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

https://notes-de-design.com/design/font-awesome-5-illustrator/

コメント

コメントはまだありません。

関連する投稿

Adobe Stock 単品価格
Adobe Stockの画像の購入価格 年間プラン　１か月あたり3480円（通常アセット１０点/月）　348円/アセット 月々プラン　3480円（通常アセット３点）　１１６０円/アセット クレジットパック（６か月有効）36,000円　8プレミアム画像　または　５HDビデオ　 （2018年１月現在）  

デザイン

  • 0
  • 134
  • 0
U3
Webデザインのトレンド　ダークモードの実装
ダークモード普及の理由夜間目に優しい有機ELディスプレイでは省エネになる実装@media (prefers-color-scheme: dark){ /* ここにダークモード時のコードを記述*/ /* 例 */ .dark{ background-color: #1c1a1a; color: #faf8f7;; } } これでOS側でダークモードに設定した際、記述したスタイルが適用されてダークモードに設定できます！ダークモードのときに表示したいスタイルを @media (prefers-color-scheme: dark) { と } の間に書いていきましょう。ピュアブラックとピュアホワイトは使わないことhttps://pecopla.net/web-column/darkmode-designChromeをダークモードで使うhttps://www.atmarkit.co.jp/ait/articles/1912/19/news028.html

デザイン

  • 0
  • 144
  • 0
U3
Adobe：PhotoshopでAdobeCCのログイン画面でIDが入力できない
Photoshopを使おうと思い、Adobe Creative Cloudのログイン画面が表示されたのでIDを入力しようとしても、反応がないという不具合がありました。Illustratorなど、Photoshop以外のアプリケーションを開いてそちらのAdobe CCログイン画面からだとログインができました。Photoshopのみの不具合のようです。

デザイン

  • 0
  • 1678
  • 1
U3
Adobe Muse　ページ内リンク#idをつける
  サイト内ハイパーリンクの作成方法 https://helpx.adobe.com/jp/muse/using/creating-hyperlinks.html   ページへのアンカーリンクの追加 アンカーボタンは、上記リンクのチュートリアルでは「上部ナビゲーションにある」と記載されていますが、記述と異なり「左のツールバー」の中にありました。探すのに苦労しました。  

デザイン

  • 1
  • 402
  • 0
U3
アイコンフォント
複数の種類を使ってよいのかデメリットなどは

デザイン

  • 0
  • 121
  • 0
U3
Adobe XD CSSコード自動生成機能を追加（2019年8月）
https://blogs.adobe.com/japan/cc-web-xd-august-2019-update-auto-css-plugins-panel-more/デザインスペックの出力結果を確認すると、右下隅にCSSパネルがあり、そこにアートボード上で選択したエレメントのCSSコードスニペットが表示されていることがわかります。CSSコードは動的に生成されるため、例えばデザインのカラーモードを変更すると、それは自動的にCSSに反映されます。そういったデザイン変更を最終確定した後、開発者がすべきことはただCSSパネルに表示されたコードをクリック＆ドラッグで範囲選択し、確定したコードとしてクリップボードにコピーするだけです。自動生成されたCSSコードスニペットには、カラー、シャドウ、グラデーション等のプロパティが反映されています。

デザイン

  • 0
  • 1200
  • 0
U3
Font Awsomeで別窓で開くアイコンを使う
リンク先を別窓で開く場合に、自動で別窓アイコンがつくようにする参照元https://applired.net/external-link-icon//* 外部リンクのアイコン表示 */ #main a[target="_blank"]:after{ font-family: "Font Awesome 5 Free"; content: "\f360"; margin: 0 4px; font-weight: 600; font-size: 1.1em; }

デザイン

  • 0
  • 351
  • 0
U3
マッチングサイトのデザイン参考サイト
準備中

デザイン

  • 0
  • 152
  • 0
U3
Adobe XDの無料素材
Adobe XDの無料のUIキット、アイコンセット、プラグイン、アプリ連携などを活用して、UI/UXデザインを始めてみましょう。https://www.adobe.com/jp/products/xd/resources.htmlタブが分かれています。

デザイン

  • 0
  • 104
  • 0
U3
マテリアルデザインにおけるカード、チップス、タブの使い方
カードカードは、より複雑で詳細な情報への エントリーポイントとして用いられることが多い。カードは 異なるタイプのオブジェクトから構成されるコンテンツを表示するのに便利な手段である。また、似たようなオブジェクトでも、 サイズやアクションが多様なものを表示するのにも適している。サイズが同じでアクションもなく、一様なコンテンツは、単純なリストで表示すべき。コンテンツ内のテキストにリンクを貼るのはやめるべき。https://material.io/components/cardsこれで完璧！マテリアルデザインの「カード」の使い方リンクボタンをつけたいときはシンプルでフラットなものにします。色を変えるなどしてボタンであることが一目で分かるようにします。重要な情報を上に文字はサイズを変えて強調https://saruwakakun.com/html-css/material/cardsカード内でスクロールできるようにしてはいけないhttps://saruwakakun.com/html-css/material/failure#section2チップスhttps://material.io/components/chips#typesタブそれぞれのタブは相互に重複してはいけない。タブのラベルは意味のある分類を表し、論理的な構成にする。タブのラベルは省略してはいけない。(ex "今週のおすす...")各タブの幅は均等にする。タブのラベルは折り返してはいけない。タブのラベルは文字でもアイコンでもよいが、混在してはいけない。https://material.io/components/tabs

デザイン

  • 0
  • 639
  • 0
U3

アクセスランキング

1

Criteoという広告が勝手に表示される

7

2

Excelで一つの値を一番下のセルまでコピーしたい時

6

3

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

4

4

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

4

5

マテリアルアイコンがずれる

3

6

Google Playストアでアプリを一時的に非公開にする方法

2

7

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

8

VS CodeのCopiletに日本語音声入力したいが英語になってしまう時の対処法

2

9

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

2

10

[Microsoft Word] 表紙や目次の後からページを開始するようにするには

2

11

ロケットチャットの新規通知をデスクトップ表示させるには

2

12

Google広告×アクセス解析でLooker Studioを使うべき「3つの理由」

1

13

どのようにアクセス解析をして、どのようなレポートを出せばよいか

1

14

米国の「CLOUD法」という強力な法律

1

15

メール送信：resendのドメイン設定（ムームードメインへの入力方法）

1

16

AIの引用数を見る方法〜Bing Webmaster Tools

1

17

「クラウドサービス」って何？　初心者にもわかりやすく教えて

1

18

ディープリサーチってなんだ

1

19

AIワークフローツールの使い分け、Zapier・MakeとDify、Coze、Gumloopをどう使い分けたらいいか

1

20

App Storeでアプリを一時的に配信停止にする方法

1

コメントランキング

1

「２人の営業パーソン」のクイズ

1

2

AIO (AI最適化) 重点要件

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

いいねランキング

1

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

「２人の営業パーソン」のクイズ

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る