リンク集

デザイン・WEBデザイン

Photoshop

Illustrator

デザインツール

  • Caesium – 画像圧縮ソフト（クロスプラットフォーム）
  • ImageOptim – Mac用画像圧縮ソフト

配色

WEB技術系

IT・WEB情報メディア

総合系

プログラミング系

マーケティング系

  • ferret – Webマーケティング系メディア

WEB用語集

”業界”トークについていくために。横文字ばかり使って煙に巻く人は要注意

HTML・CSS

SASS

  • CSSを超効率化する！SASSの基本と導入方法まとめ
  • Prepros – クロスプラットフォームで使える、Sass, Less, HAML, Pug等のコンパイル、画像圧縮、ライブプレビューなどの機能を備えたGUI総合ビルドツール
  • Koala – クロスプラットフォームで使える、Sass, Less等のコンパイル、画像圧縮を備えたGUIビルドツール

仕様

JavaScript

PHP+MySQL

WordPress

開発環境

Git & Github

テキストエディタ

SublimeText

Visual Studio Code

その他

  • Crescent Eve – 【Win用】テキストエディタ。コーディング初心者用でHTML,CSSの編集向け

オンラインエディタ

オンラインでサクッとコーディング、テスト、シェア

  • codepen – HTML(or HAML, Jade), CSS(or Sass,Stylus), JS(or Coffee Script) 用オンラインエディタ
  • jsfiddle – HTML, CSS, JS オンラインエディタ
  • ideone – 各種プログラム言語オンラインエディタ
  • PHP Sandbox – PHP専用オンラインエディタ

サイトギャラリー

バナーデザイン

学習サイト

  • ドットインストール – コーディング、プログラミング全般の動画学習サイト
  • paizaラーニング – オンラインプログラミング学習サイト。転職サポートがある
  • CODEPREP – オンラインプログラミング学習サイト
  • できるネット – IT系のツールや技術全般の学習に
  • Progate – オンラインプログラミング学習サイト
  • e-typing – タイピング練習

ブラウザ

全般

  • Statcounter – ブラウザの使用率を、国・地域、期間、バージョン別に可視化するサイト

Google Chrome 基本

Google Chrome 拡張機能

  • CSS peeper – 要素のスタイルをわかりやすいビジュアルで確認できる拡張機能
  • FireShot – ウェブページ全体、部分スクリーンショット
  • Cookie Inspector – ブラウザのクッキー調査・編集・削除
  • Highly Highiter – ページ上の文字をハイライト
  • WhatFont – ページ上で使われているフォントを簡易表示
  • page ruler – ページ上で定規を表示。要素の寸法等を測る際に便利
  • DevTools Autosave – ページ上で行ったCSS, JSの変更を元ファイルに反映する

写真・素材集

使い倒すのが基本

素材全般

写真

  • ぱくたそ – 国内のオリジナル無料写真素材配布サイト
  • photoAC – 国内のオリジナル無料写真素材配布サイト
  • CG.foto – 国内の無料CG素材配布サイト
  • 足成 – 国内無料写真素材配布サイト
  • visualhunt ※Creative Commons 検索 海外
  • Pexels – 海外の高画質無料写真素材検索サイト
  • pixabay – 海外の無料高画質写真素材検索サイト
  • O-DAN – 総合無料写真検索サイト
  • 風景の背景素材ドットコム ※有料
  • PIXTA ※有料、安価

フォント

ツール

ダミー画像・ダミー文章系

適当な画像が無いときにオンラインでサクッと画像作成

  • PlaceIMG – オンラインダミー画像（写真）生成
  • PLACEHOLDER.COM – オンラインダミー画像（プレーン）生成
  • FillMurray – オンラインダミー画像（ビル・マーレイ限定）生成

ファイル圧縮・解凍ソフト

いろいろありますがおすすめ。

  • Lhaplus – Windows用ファイル圧縮・解凍ソフト
  • The Unarchiver – Mac用ファイル圧縮・解凍ソフト

カラーピッカー

画面上のこの色が欲しいというときに。

  • Sip – Mac用カラーピッカー
  • ColorSlurp – Mac用カラーピッカー
  • Colorpic – Win用カラーピッカー

入力支援

よく使う単語やフレーズは一発変換しよう

  • Phrase Express – 入力支援ソフト（一部無料, クロスプラットフォーム）解説サイト
  • Texter – 【Win用】入力支援ソフト（無料）
  • TypeIt4me – 【Mac用】入力支援ソフト（有料）

その他

契約・著作権関連

結構重要なこと