WEBサイトの各制作工程（デザイン～検証）で役に立つサイトをまとめました。
※随時更新中
デザイン｜Appleのデザインリソース
apple関連のデザインテンプレートやデバイス画像をダウンロードできます。
【ページ名】twitter ブランド ツールキット
【該当URL】https://developer.apple.com/jp/design/resources/#macos-apps
ダウンロードできるもの
以下などがダウンロードできます。
- iOSとiPadOS
- macOS
- watchOS
- tvOS
- テクノロジー
- フォント
- SF Symbols
- 製品ベゼル（PCやiPhoneなど）
デザイン｜グリッドデザイン計算ツール
決められた領域に、余白とボックス（カラム）を何pxで配置すれば良いのかを、自動計算してくれるグリッドデザイン計算ツールです。コンテンツ幅に対して、ボックスの数とボックス同士の余白を自動計算できます。
【サイト名】Gridpx｜グリッドデザイン計算ツール
【該当URL】http://www.kenjisugimoto.com/gridpx/
コーディング｜HTML特殊文字 & 機種依存文字
特殊文字や機種依存文字を表示させるためのコードがまとめられているサイトです。
【サイト名】みんなの知識 ちょっと便利帳｜HTML特殊文字 & 機種依存文字
【該当URL】https://www.benricho.org/symbol/tokusyu_02_arrow.html
検証｜テキストの差分（diff）チェック
検証の際などに使っているサイトです。Diffチェックツールです。
原稿と各種テキスト（構成・デザイン・テストサイト・本番サイトなど）の差分がないかをチェックできます。
Diffチェックの結果、差分があった場合は文字の背景に色が付きます。（ハイライト表示）
difff《ﾃﾞｭﾌﾌ》
【サイト名】difff《ﾃﾞｭﾌﾌ》
【該当URL】https://difff.jp/
Diff（テキスト比較ツール）
【サイト名】Diff（テキスト比較ツール）
【該当URL】https://tool-taro.com/diff/
