2024.07.22
WEB制作でおススメのサイト7選
こんにちは。yamahanaです。
WEB制作をしていていつも思うのは、時間との闘い！
限られた時間の中で、色んな業務をこなして締め切りも守らなければいけないので、少しでも時間の短縮がしたい。
そんな中で自分が効率アップの為にも使用している、おすすめのサイトを今回はご紹介します♪
お勧めサイト一覧
おすすめのサイトはこちら
- テキスト比較ツール difff《ﾃﾞｭﾌﾌ》 差分比較サイト
- 文字数カウント 文字数を簡単にカウント
- 計算サイト（大文字⇔小文字に変換） 英語の文字変換
- Front-end Tools コーディング用ジェネレーター
- Webspe Tools コーディング用ジェネレーター
- Table Tag Generator テーブルを簡単に制作
- placehold.jp ダミー画像を作成
テキスト比較ツール difff《ﾃﾞｭﾌﾌ》
一番お世話になっていると言っても過言ではないくらい、いつも使っているサイト。
差分比較系のサイトはいくつかあるものの、ちょっとした位置の違いなどや被っている文字なども考慮してくれるので、サイトのチェックや文章の差分チェックなどに大変助かっています。このサイトが使えない時は本当に１日憂鬱です。
※個人情報や公開前の物をあげるのはご注意ください。
文字数カウント
文字数制限などがあるものを入力したりする時に文字をさっとカウントしてくれるので便利です。
スペースもきちんと文字数に含んでくれます。
計算サイト(大文字⇔小文字に変換)
色んな計算をしてくれるサイトなのですが、私が使ってるのはこちらの大文字⇔小文字に変換という文字変換のツールです。
意外とクラス名や画像ファイルを大文字から小文字に直したいということがあるので、英語が苦手な私にはありがたいサイト。小文字を大文字に変換もできるので、デザインで大文字英語を入れるなんて時にも便利です。手打ちでやって綴り間違いが発生するのを防ぐ対策にもなります。
Front-end Tools
こちらはコーディングにおける色々なジェネレータがあるサイトです。
様々なデザインなボタンやグラデーション、ボックスシャドウなどをサンプルを使いながら感覚的に作成できるので、すごく便利で時短になります。
Front-end Toolsはこちら
Webspe Tools
こちらも色々なジェネレーターのサイトですが、吹き出しのデザインや矢印などをコーディングで作成する時に使用することが多いです。
今でもcssで吹き出し作れるのって感動しちゃいます。
Webspe Toolsはこちら
Table Tag Generator
htmlでテーブルを作成する時に便利なサイト。
テーブルタグって複雑で難しいですよね。こちらだとテーブルを一つずつ見ながら簡単に作成できます。
個人的にはDreamweaverのエディターでいつもテーブルを作っているので使わないのですが、別エディターを使用の方におすすめです。
placehold.jp
ダミー画像を作成するのに便利なサイト。
画像がまだ来てない時やダミーにテキストを入れたい時に瞬時に生成してくれます。
個人的に、ただのグレー画像だと、cssをあてて起こる画像のゆがみに気が付かないことがあるので、何かしら文字などを入れるのがおすすめです。
placehold.jpはこちら
まとめ
いかがでしたでしょうか。便利なサイトを使ってより効率アップをめざせるといいですね。
お役に立てるサイトがあれば嬉しいです。
以上、yamahanaでした。
