毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。J-PlatPat特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービスもあります。ネーミング生成ツールこちらのツールもポツポツと名前を聞くようになりました。関数名や命名を何も考えずに作りたいならこちらのサービス。サインアップ後ネーミングをカスタマイズできます。海外と国内のブラウザシェア率を視覚的に確認できるツールで一番普及してそうなものです。サイトに埋め込むためのタグ、もしくはpngやcsvでダウンロード可能です。先方にシェア率を説明するときにも使えます。StatCounterクライアントの環境をチェックするブラウザ・IPアドレス・PC環境などの情報をチェックします。先方にURLをメールで送って、自社のメールをフォームで送ってもらうだけなので、やり取りが簡単になります。重くなりがちなPDFを軽量化してくれます。他にPDFとExcelを変換したり。重くなったPDFをメール添付する前に。smallpdf社内チャットツール主要なWebサービスとの連携、ファイルの受け渡しなど便利な機能満載の社内向けチャットツール。様々なサイトにコメント機能を設置できるサービス。設定の完全ガイドブックで。Disqus簡単なバナー、チラシオンライン上でそれなりにおしゃれなバナーが作成できます。時間をかけたくない時、理由あってソフトを使えない人向け。Canvaインフォグラフィック作成ツールオンライン上でそれなりにおしゃれなインフォグラフィックを作成します。直感的にパーツを動かせるので簡単です。複数の画像をまとめてリサイズオンライン上で複数の画像を一括リサイズしてくれるすぐれもの。Photosjpeg、png、gif、svgなどの画像を圧縮jpeg、png、gif、svgなどの画像をオンライン上で圧縮できるサービス。svgを圧縮できるのは嬉しい。Commonsに詳しく書かれてありますが、こちらは著作権を放棄したCC0写真を探せるサイト。クオリティが高くて驚きました。調べたいキーワードを入力すると、リアルタイムで検索窓の下にキーワード候補を高速で出力してくれるドキュメント検索サービスです。DevDocsCSS3ジェネレータ対応ブラウザが表示される、CSS3ジェネレータ。数値を入力してどういった見え方になるのかその場で確認できます。transformやFlexboxもあります。/ポイントなどの単位を変換、比較してくれる表。PXtoEMオンライン上でJavaScriptをテストCodePenのように、オンライン上でリアルタイムにテストできるツール。emmetcodepenなどオンラインで学習できるツールとemmetなどの使い方をメモしてあります。チートシート各種まとめ受託用マニュアルやヒアリングシート、タスクランナー、JSTなどのチートシートを各種まとめた記事です。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。この後によく読まれている記事2016/07/4意外と盲点だったCSS3の役立つ小技まとめリニューアルを行った時に、CSS3で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。オートフ2014/08/4メモしておきたい!サイト制作時に知っておくと「意外」と役に立つこと今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。ドメイン2015/03/2Web制作に使える!オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。した動きを取2016/07/11最高にわかるChromeデベロッパーツールの使い方(チートシート付き)初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。コメントデータの処理方法の詳細はこちらをご覧ください。