当方とは関係ありませんが、役立つツールやサービスを紹介しているページを掲載します。
- これ知ってる?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! |