WEBフロントエンドで使う「いつもの」メモ

はじめに

よく使うツールやページ、アプリやらが増えてきたので、整理も兼ねての備忘録。

Chrome Extension

メインブラウザはChromeを使っているので、拡張機能をいくつか。

• PerfectPixel by WellDoneCode (pixel perfect)
  ページの上に画像を乗せて表示できる。デザインチェックに。
• The QR Code Extension
  表示しているページのQRを生成。実機チェックに。
• Alt & Meta viewer
  Alt/Metaのチェックに。
• ウェブページ全体をスクリーンショット - FireShot
  ページのスクリーンショットに。
• Pasty
  スプレッドシート等からコピーした複数のURLを全て別のタブで表示できる。
• Page Ruler
  ページ内をドラッグして大きさを測れる。定規がわりに。

WEBページ

• TinyPNG
  画像の圧縮に。パンダ。
• W3C Markup Validation Service
  HTMLのvaridation。
• Placehold.jp
  ダミー画像の生成に
• CSS LINT
  CSSのlint。

アプリケーション

• station
  WEBアプリの一括管理に。
• Sourcetree
  Git GUIクライアント。見やすくてわかりやすい。
• coteditor
  メインエディタとは別で開く用。Windows31Jも確認できる。
• Pngyu
  png縮小用。
• FileMerge
  差分確認に。

まとめ

なるべくツールをうまく使って手間をかけないように進めたいですね。

おすすめとかあればコメント歓迎です。