こんにちは、フロントエンドエンジニアのまさにょんです。
今回は、Webデザイン・開発に役に立つおすすめのWebツールについて紹介します。
目次
Webデザイン・開発に役に立つおすすめのWebツール
Webデザインツール: Canva
無料でデザイン作成ができる最高のWebツールが、『Webデザインツール: Canva』です。
Webデザインギャラリー: I/O 3000
Webデザインギャラリー: I/O 3000は、さまざまなWebデザインを見ることのできるWebデザインギャラリーです。
画像加工の無料オンラインツール: MyEdit
画像加工の無料オンラインツールであるMyEdit では、次のような画像加工ができます。
- AIイラスト化
- オブジェクト除去
- 背景透過・切り抜き
- ピンボケ・手ぶれ補正
- 画像ノイズ除去
- トリミング・切り取り
- 画像反転
- 画像回転
- 画像サイズ変更
- JPG変換
- PNG変換
かなり幅広く写真加工ができるので、おすすめです。
SVGのサイズ変更: I love Img
SVGのサイズ変更をしたい時に役立つのがこのWebツールです。
背景削除に特化した画像加工ツール: remove bg
背景削除に特化した画像加工ツールである remove bgは、シンプルに背景を削除したいときに役立ちます。
APIなども提供しているのが、開発者には嬉しいです。
アイコンを作成できる: x-icon editor
アイコンを作成できる x-icon editor は、独自のアイコン作成などに役立つWebツールです。
関連記事
おすすめ書籍(HTML&CSS編)
プログラミング学習・エンジニア転職関連の情報
自宅で現役エンジニアから学べる『TechAcademy』 (エンジニア転職保証)
『GEEK JOBキャンプ』スピード転職コース（無料）
【IT道場】入校時0円！ 就職目的プログラミングスクール
エンジニア転職なら100％「自社開発」求人に強い【クラウドリンク】
『techgym』 (Python特化・無料)
Twitterやってます！Follow Me！
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ！！！！！
最近の投稿
Next.js・TypeScript 環境のESLintとPrettierの設定方法まとめ
Vueでページの移動をComponentで検知する方法($route・watch・computed)
yarn install と yarn add と npm install の違いとは？ yarn と npm のコマンドの一覧・比較表
Next.js・TypeScript・StoryBook・MUI・Recoilの環境をDockerで構築する方法
【随時更新】HTML・CSSのinputタグやbuttonタグのデフォルトStyle・CSSを消す方法まとめ
JavaScriptで特定の文字列を検索・取得して、他の文字列で差し替える方法
