1.画像の加工サイト

  1. Jpeg->webp変換
  • 画像をwebpへ変換するのにお世話になっています。感謝!
  1. 写真を絵にするサイト
  2. 写真をポラドイド風に加工
  3. Canva:ロゴやポスター作成

2.素材サイト

  1. Unspplush:高画質・無料
  • 画像を使わせていただいてます。感謝!
  1. ロイヤリティフリー画像:クリエイティブ制作にベストなストック素材
  2. freepik:素敵なイラスト画-リンクが必要
  3. 素材工場:日本人らしさが表現できます。

3.画像の管理

  1. Cloudinary:画像の管理と加工:APIあり

4. Meet Material Design 3

  1. マテリアルデザインライト
  • マテリアルデザインLite(MDL)を使用すると、静的コンテンツWebサイトにマテリアルデザインのルックアンドフィールを追加できます。JavaScriptフレームワークやライブラリに依存しません。クロスデバイス使用に最適化され、古いブラウザでは正常に劣化し、最初からアクセス可能なエクスペリエンスを提供します。
  1. Meet Material Design 3
  2. Material Icons / Material Symbols

5. Materialize

  1. A modern responsive front-end framework based on Material Design
  • Speeds up development
  • User Experience Focused
  • Easy to work with
  1. Showcase

6. Font設定

  • GoogleFont
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Hina+Mincho&family=Sawarabi+Mincho&family=Shippori+Mincho+B1:wght@400;600&display=swap" rel="stylesheet">
    
    
    font-family: 'DM Serif Text', serif;
    font-family: 'Hina Mincho', serif;
    font-family: 'Sawarabi Mincho', serif;
    font-family: 'Shippori Mincho B1', serif;
    

7. Icon作成・素材サイト

以上