📚

ブックマーク - 開発や雑務時に役立つサイト集

2023/02/01に公開
14


便利ツール 編

  • Notion
  • workflowy (未使用)
    情報に階層を付けてグループ化することで、思考を整理するアウトライナーを行いやすくするツール
  • Dynalist (未使用)
  • 情報に階層を付けてグループ化することで、思考を整理するアウトライナーを行いやすくするツール

画像 編

  • pixabay
  • unsplash
  • 画像・イラストなど
  • フリー画像(イラスト)
  • 200万点以上の無料高品質写真、2Dベクター、3Dイラスト(紹介文を引用)

色 編

  • 色相差の確認と他の組み合わせの提案
  • Color Picker
  • カラーコードの一覧表
  • contrastchecker
  • colorable

MUI Icon 編


コーディング 編

  • 日本語を入力すると、英語の変数名に変換してくれる
  • codesandbox
  • replit

翻訳 編

  • deepL
  • papago

Discussion

jonchonjonchon

Google fonts

https://fonts.google.com/

フォント設定を変える

1)使いたいフォントをクリック

2)スクロールして「select」ボタンをクリック

3)Use on the webでimportを選択

4)import文とCSS rules to specify familiesをコピー

5)コピーしたものをcssに記述


    <style>
        @import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap');
        * {
            font-family: 'Kiwi Maru', serif;
        }
    </style>