当方とは関係ありませんが、役立つツールやサービスを紹介しているページを掲載します。
- これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選
- Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100 | NxWorld
- Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選！
- それなりに使える、Web制作者がお世話になる便利ツール | コムテブログ
Web制作関連
デザイン・コーディング
| サイト | 備考 |
|---|---|
| 使いたいときの HTML特殊文字 & 機種依存文字 | 特殊文字や機種依存文字のコードを一覧表示 |
| htpasswd用パス作成ツール | Basic認証で使うパスワードを作成 |
| Webデザイン黄金比計算ツール | 黄金比を計算 |
| Fontello - icon fonts generator | Webフォントのアイコン |
| Adobe Kuler | 補色など関連する色を表示 |
| Paletton - The Color Scheme Designer | 補色など関連する色を表示 |
| 0to255 | 彩度別の色を表示 |
| Grad3 | 選択するだけでグラデーションをCSS3で表示 |
| Ultimate CSS Gradient Generator | 選択するだけでグラデーションをCSS3で表示 |
| wordmark.it - helps you choose fonts! | 入力した文字をフォント別に一覧表示 |
| Specificity Calculator | 入力したCSSの詳細度を計算 |
| Google Fonts | 欧文のWebフォント |
| TypeSquare | モリサワが提供してる日本語のWebフォント |
| PXtoEM.com | pxと%の単位を変換 |
写真素材
| サイト | 備考 |
|---|---|
| 写真素材・商用無料（フリー）ぱくたそ/PAKUTASO | |
| IM Free - Free Design Resources Free Images, Free Icons | |
| フリー写真素材 フォトスク | |
| 写真素材 足成【フリーフォト、無料写真素材サイト】 | |
| フリー写真素材 Futta.NET - 無料の風景フリー画像 | |
| 人物専門の写真素材・ストックフォトのモデルピース |
データ圧縮
| サイト | 備考 |
|---|---|
| JPEGmini | jpegデータを圧縮 |
| TinyPNG – Compress PNG images while preserving transparency | pngデータを圧縮 |
| Compress javascript and css. Amazing code compression. Quick,easy and free! | javascriptやcssのコードを圧縮 |
確認・検証
| サイト | 備考 |
|---|---|
| Unicorn - W3C 統合検証サービス | HTML/CSSの文章をチェック |
| リンクチェッカー(リンク切れチェックツール) dead-link-checker.com | リンク切れをチェック |
| CSS Lint | CSSの記述ミスやプロパティの重複などをチェック |
その他
| サイト | 備考 |
|---|---|
| Google翻訳 | 翻訳 |
| Toggl - Insanely simple time tracking | タスク別に時間をカウント |
| QRコード(二次元バーコード）作成【無料】 | QRコード作成 |
| Ideone.com | ブラウザ上でコードの実行や共有 |
| 3v4l.org | PHPのバージョン別の実行結果を表示 |
| Print1 | 縦に長い画像を自動分割して1枚で印刷できる無料ツール |
| Favicon Generator for all platforms: iOS, Android, PC/Mac... | faviconを一括作成 |
Web学習関連
動画
| サイト | 備考 |
|---|---|
| ドットインストール | 3分動画でマスターする初心者向けプログラミング学習サイト |
| スクー | 無料動画のオンライン学習サイト |
| Learn HTML5, CSS3, Javascript - video style tutorials | ライブコーディングの動画サイト |
| UTokyo OpenCourseWare | 東京大学の講義資料・講義映像を無償で公開するWebサイト |
Q&A
| サイト | 備考 |
|---|---|
| teratail【テラテイル】 | 思考するエンジニアのためのQAプラットフォーム |
| スタック・オーバーフロー | プログラマーとプログラミングに熱心の人向けの質問と回答のサイトです |
| ITエンジニア向け質問・回答コミュニティ - QA@IT | QA@ITは、ベストなQAを蓄積するためのITエンジニア向けの質問・回答コミュニティです |
| Yahoo!知恵袋 | みんなの知恵共有サービス |
その他
| サイト | 備考 |
|---|---|
| コードレシピ | 「実際に作ってみたい」初心者のための簡単プログラミングレシピサイトです |
| Progate | オンラインでプログラミングを学べるサービスです |
| CodeBabes.com | Learn Coding and Web Development the Fun Way! |