Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content=""/> Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content="" /> Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content="" />

Web制作 × AI

【ツール】業務中によく使うツール一覧

業務の効率化やミスを防止する為には最適なツールの導入が欠かせません。
コーディングに携わる人々は皆、何かしらのツールを使用している思います。
今回は一例として、私が普段業務で使用しているオンライン上のツールを紹介します。

HTML特殊文字

みんなの知識 ちょっと便利帳

例えばPSDのテキストをテキストエディタにコピペした時に
なぜか「¥」が「sublimetext」で文字化けすることがあります。そんな時は上記のサイト様でサクッと調査しています。

バリデート(ソース検証)

バリデートのツールはケアレスミス発見において非常に役立ちます。
最近のブラウザは優秀で、多少のコード不備くらいでは表示が崩れません。
「文法ミスに気がつかなかった」なんてことがないように都度バリデートをかけるクセをつけいてます。
確認方法はソースをコピペして貼り付ける方法がよいと思います。

エンコード

URLエンコード・デコードフォーム

よくツイートボタンの埋め込み作業を行うのですが、ツイート文の中に日本語が含まれているため、こちらのツールはよく使用しています。

ダミー画像作成

Dynamic Dummy Image Generator

ソース整形

HTML・CSSの整形
DirtyMarku
JavaScript整形の整形
JavaScriptのコード整形ツール
CSSをSASSへ整形
CSS SASS/SCSS CONVERTER
CSS三角形作成ツール
CSS三角形作成ツール
CSSグラデーションジェネレーター

Ultimate CSS Gradient Generator

この記事を書いた人(著者情報)

片山

カタチップ編集長。昭和生まれの30代でWeb業界歴は10年以上。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのWebディレクター兼マークアップエンジニアを担当。最近はSNSの運用にも業務範囲を拡大中です。

著者画像

スポンサーリンク