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

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


XD：レスポンシブデザインの作り方

U3
2020/3/17
2024/11/7

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

https://wp.yat-net.com/?p=6784

コメント

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

関連する投稿

Adobe XD:位置の固定がなくなった
デザインモードにあった「位置の固定」が見当たりません。→2019年6月更新で、「スクロール時に位置を固定」がプロトタイプモードのプロパティインスペクターに移動しました。https://twitter.com/risay/status/1140858814125580288

デザイン

  • 0
  • 333
  • 0
U3
Google マテリアルのアイコンと画面を Adobe XD に読み込む方法
Adobe XD用の1000の無料素材アイコンhttps://www.xdguru.com/adobe-xd-icons-material/Icons - Material Designhttps://material.io/resources/icons/?style=baselineGoogleのマテリアルアイコンは軽量・デザイン・アクセシビリティOKの優れモノサイズを変えたりdirections_run、色を付けたりdirections_runも自由文字読み上げソフトを使うと、アイコンの部分は上記例のかっこで囲んだ文字が読み上げられるhttps://webtan.impress.co.jp/e/2016/06/28/23209Google マテリアルのアイコンと画面を Adobe XD に読み込む方法Adobe Fonts の Roboto ページを参照します。右上隅にある「すべてのフォントをアクティベート」スライダーを使用し、フォントファミリーを有効にします。プリセットを選択してドキュメントを作成したら、ファイル／UI キットを取得／Google マテリアルメニュー項目を選択します。

デザイン

  • 0
  • 1880
  • 0
U3
Adobe XD - レスポンシブリサイズ機能を習得しよう！

デザイン

  • 0
  • 130
  • 1
U3
Adobe XDで作成したデータをPSD（Photoshop）データとして書き出せる「Photopea」
Photopeahttps://www.photopea.com/サイトにアクセスし変換したいXDファイルを開いて、「ファイル」から「PSDとして保存」注意・リピートグリッドを解除しておく必要がある・ロゴは文字化けした・フォントは変わる

デザイン

  • 0
  • 1062
  • 0
U3
Font Awesome などアイコンフォントにないはてなブックマークを自力で追加する簡単な方法
https://hayashikejinan.com/webwork/css/913/

デザイン

  • 0
  • 263
  • 0
U3
Googleアナリティクスで外部リンクのクリック数を計測する方法！
https://analyze.siraberu.info/post-669/

デザイン

  • 0
  • 112
  • 0
U3
Rocket.chatの使い方
ロケットチャットの使い方https://qiita.com/nh321/items/5ec9d4b636448c2b3a69

デザイン

  • 0
  • 1197
  • 0
U3
イラストレーター　環境設定を変えて使いやすく
勝手に入る「山道を登りながら・・・」じゃま問題拡大縮小の動きが思っているのと違う問題次のアンカーポイント決める前に線がついてくる問題解決法はこのサイト→https://zukutora.com/pc/illustratorcc「おい！線！わざわざ次のアンカーポイント決める前にくっついてくるんじゃねえ！！」が笑えます☺️

デザイン

  • 0
  • 88
  • 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
  • 1191
  • 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
  • 339
  • 0
U3

アクセスランキング

1

【解決】モニターディスプレイが消える「入力信号が見つかりませんでした」

5

2

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

4

3

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

4

4

NEWマークを任意の日数だけ表示させる（JavaScript）

4

5

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

4

6

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

3

7

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

3

8

コーディングを依頼するときのXDへの指示の書き込み方サンプル

3

9

Rocket.chatのスターとピン止めの違い

3

10

TortoiseSVNのインストールと日本語化

3

11

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

3

12

Events Managerの予約フォームをカスタマイズしたい

3

13

Webデザイナー＋コーダー＝Readdy

2

14

rakuten handを初期化しても電話番号の情報が残っている

2

15

Macでカタカナ変換するショートカットキー

2

16

無料でフォームを作成できるツール

2

17

ロリポップの「スタンダードプラン」と「ハイスピードプラン」は何が違うの？

2

18

ワーカーへ外注する際の源泉徴収の概念（法人）

2

19

コンタクトフォーム７：テキストボックスの幅がsize:で変わらない

2

20

GoogleChrome（クローム）が勝手に翻訳してしまう

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

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

1

3

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

1

いいねランキング

1

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

2

2

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

2

3

Looker Studio（Googleが無料で提供するBIツール）

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

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

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

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