サイト制作に便利なツール

  • 2019/11/18

皆さんはサイトを製作するにあたり、画像の加工や扱いが難しいCSSプロパティはどうしていますでしょうか。
今回はインターネット上にそういったものを簡単に作れるツールがあったので、ご紹介したいと思います。

・グラデーション
 https://www.colorzilla.com/gradient-editor/
 CSSで書くとエディターによっては色がすぐにわからなかったりして少し手間だと思います。
 このサイトでは実際に色を見ながらスタイルを生成できます。

・Text-shadow
 http://www.bad-company.jp/text-shadow/
 エディター上では実際に見ながら適用できるものが少ないので便利です。

・画像圧縮
 https://www.iloveimg.com/ja/resize-image
 画質をそのままに画像のサイズを圧縮します。
 画像の読み込み速度はサイトに与える影響が大きいので、
 圧縮できるものはしておきましょう。

・favicon作成
 https://ao-system.net/favicon/
 ブラウザのタブに表示されるアイコンをfaviconといいますが、
 このファイルは拡張子が.icoになるので自分で作成すると少し手間です。
 こちらのサイトでは正方形の画像であれば、概ね問題なく変換できます。

画像の加工、生成はそのままサイトに使えますが、
CSSのプロパティは設定した後に調整して使うことになると思いますが、
それでも0から作るのと比べると楽です。

ご紹介したCSSプロパティ以外のスタイル生成サイトは、
探せば結構出てくるので、自分が使いやすいものを探してみてください。

関連記事

ピックアップ記事

  1. アメーバブログからWordPressへ投稿記事を移行する機会がありましたので、それについてご紹介し…
  2. 今回で3回目のおすすめプラグインのご紹介です。 Classic Editor このプラ…
  3. WordPressで使えそうなプラグインのご紹介 その2ということで、またいくつか紹介したいと思い…
  4. WordPressでサイトを構築、改修するときに、標準の機能だけでは中々自分の思い描く通りにサイト…
  5. 皆さんはwordpressのテーマは何を使っているでしょうか?有料、無料ともにいろんなものが多く作ら…

株式会社タスタスHP

ページ上部へ戻る