【2016年版】ウェブ制作を快適にする、知っておきたい無料オンラインツール50選
2016年にリリースされた、ウェブデザインの制作時間を節約できる無料ウェブツールやアプリをまとめてご紹介します。インストールなどする必要もなく、ブックマークしておけばいざという時にも便利です。 今回は、デザインツールを以下のカテゴリーごとに分けています。お気に入りのツールを見つけてみてはいかがでしょう。 コンテンツ目次 1. Web タイポグラフィー関連ツール 2. 配色カラー関連ツール 3. Web ベース CSS 関連ツール 4. レスポンシブ・ウェブデザイン関連ツール 5. ウェブパフォーマンス関連ツール 6. オンラインチェックリスト、ガイド、参考リファレンス 7. 画像イメージ関連ツール & 編集エディター 8. ウェブデザイナー向けお役立ちディレクトリ 8. その他ツール Web タイポグラフィー関連ツール Type Anything ウェブサイトで利用したいフォントを試すこと
色の組み合わせ方がよく分かる！さくっと簡単に使える便利なカラーツール -Color Calculator
デザインやイラストで色の組み合わせに悩んだ時に、さくっと簡単に使える便利なオンラインのカラーツールを紹介します。 カラーのセンスがなくても、色のよい組み合わせが分かります！ Color Calculatorはその名の通りカラーの計算機で、指定したカラーから色の組み合わせのセオリーを用いて、その色にあった色をずばり表示します。 アメリカのデザイン学校のコンテンツで、シンプルで非常に使いやすいです。 色の組み合わせのセオリー 補色: Complementary ある色とカラーホイールの反対側の色との組み合わせ。 同一色相: Monochromatic ある色とその色のバリエーションとの組み合わせ。 類似色: Analogous ある色のカラーホイールで隣接している3つの色の組み合わせ。 分裂補色: Split complementary ある色とその補色の両隣の2つの色との組み合わせ。 3色配
デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
Photoshopにも負けない！無料で使える手軽なデザインツール、アプリ20個まとめ
普段利用しているソーシャルメディアのユーザーおよそ40%が、文字テキストだけの投稿に比べて、写真などのイメージを好むそうです。それだけ魅力的なビジュアルが重要になってきているということでしょう。今回は、フォトショップを利用せずデザイン編集作業できるツールやアプリをまとめてご紹介します。 ドラッグ&ドロップの手軽な操作だけでなく、オンラインやスマートフォン端末など Photoshopがインストールされていない環境でも無料で利用できるツールを中心に揃えています。用途に応じて利用してみてはいかがでしょう。 Photoshopにも負けない！無料で使える手軽なデザインツール、アプリ20個まとめ Canva Canva は、オンラインで利用できるもっともシンプルなデザインツールのひとつ。文字やシェイプの追加など直感的に行うことができ、無料で利用できる点もポイント。 料金: 無料、写真のライセンスは$1
Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介
ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
ブクマしといたら役に立つ！WEBデザイナー向け小技チュートリアルサイト＆便利ツール10 - カメレオンデイズ
2015 - 12 - 03 ブクマしといたら役に立つ！WEBデザイナー向け小技チュートリアルサイト＆便利ツール10 デザイン Twitter Facebook Hatena Pocket コーディングは覚えたけれど、 隙あらば少しでも楽をしようと毎日必死なdoubleMです。 今回は、コーディング関連で楽をしたい時に眺めるチートサイトをご紹介します。 1. 解説付き！超オシャレなボタン＋ロールオーバーエフェクトの作り方 2. スタイリッシュなタイトル（heading）のデザインcss 3. CSSだけで作れる吹き出しの作り方 4. cssアニメーションをまとめてくださっている Animate.css 5. 世界のブランドカラーが一覧できるBrandColors 6. 世界最少のhtml5ドキュメント 7. HEX to RGB Converter 8. 画像の色を抽出してRGB値を教
Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結
サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
カラーチャート［HTMLカラーコード・カラーネームの一覧］ - TAG index
カラーネーム 147色 147色のカラーネーム一覧と、それぞれのカラーコード一覧です。 カラーネーム 分類別 147色のカラーネームを分類別に掲載しています。 標準 16色 HTMLで定義されている基本色。この16色は、古いブラウザでもカラーネームを解釈することができます。 Web Safeカラー 216色 安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。 カラーグラデーション 主要な色合いの彩度と明度のグラデーション一覧です。 カラーグラデーション 詳細版 24種の色合いによる1350色のグラデーション一覧です。 12色の色相環と補色 色相環（12色）のカラーコードと補色の表示サンプルです。 配色パターン イメージごとに分類された、Webデザイン用の配色パターン一覧です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ