‘便利ツール’ Category
ページ数の多いWEBサイトのリニューアル案件の場合は、一度今のWEBサイトの構造を全て見直す必要があります。
その際、どれくらいのページが存在しているのかを調べるのは一苦労です。
そんな時にとっても役に立つルーツがWebsite Explorerというツール。
「リンク追跡機能により指定されたウェブサイトを探査し、 その階層構造とファイル構成をエクスプローラ形式で表示するソフトです。 また、取得されたデータをもとにサイトの更新状況、外部リンク一覧、リンクエラー一覧を表示します。 ウェブサイトにおいて使用されているファイルの抽出を実行すると共に、サイト全体のアウトラインが明らかになります。」
という説明通り、とっても便利！
また、サイトのリンクチェッカーとしても使えるので、リンク集などでリンク切れになっているサイトが一目瞭然です。
↑WEBデザインブログランキングです
良かったら応援お願いします♪
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
ＷＥＢサイトを閲覧中に「この色のカラーコードは？」と思うことはよくあること。
画像なら、一旦画像を保存してPhotoshopなどで画像を開き、スポイトツールでＲＧＢ値やカラーコードを出して・・と、結構めんどくさい作業になる。
そんな時に便利なツールのご紹介。
Color Pickerは、見ている画面の上にスポイトツールを持って行き、そのカラーコードやＲＧＢ値を出してくれる。
ちょっとした事だけど、とっても便利！
↑WEBデザインブログランキングです
良かったら応援お願いします♪
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
エクセルでシートをコピーしたい場合など、貼り付けたシートに計算式などは反映されますが、セルの幅や高さはコピーされず、めんどくさいな～・・と思うことはありませんか？
そこで、検索してみたのですがこれを完璧にコピーするツールがあったのでご紹介します！
しかも、使い方はとっても簡単♪めちゃ便利！
是非使ってみて下さいね。
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
サイト上に、顔写真を載せるまででもないけれど、じゃあイラストで・・
なんて事もあるかと思います。
そりゃあ、顔写真を元にプロのイラストレーターさんに描いてもらうが一番だと思いますが、web上で簡単に写真からイラストを作成するツールをご紹介します。
Funky Ways to Express Yourself
「CARTOONNIZER」から、「GET STARTED」をクリックして、写真を選択してまずは写真をアップロードしたところです。
次に「SKETCH」タブを選んで「APPLY」をクリックすると線だけのイラストチックになります。
「COLOR」タブを選択し、「APPLAY」をクリックすれば、色を塗った感じに仕上がります。
その他、吹き出しを入れたり、帽子やサングラスのイラストも重ねたりできますよ！
出来上がれば「SAVE」をクリックで保存できます。
↑WEBデザインブログランキングです
良かったら応援お願いします♪
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
Web Accessibility Toolbar
アクセシビリティチェックに非常に便利なツールです。
このツールバーひとつで、W3CやCSSチェックはもちろんのこと、ブラウザのサイズを変えた場合のチェックや、グレースケール表示に変換できたりと様々なチェックが可能です。
もちろんダウンロードは無料です。
何と言ってもツールバーひとつで、殆どのチェックが可能という所が楽チンでいいですね～♪
↑WEBデザインブログランキングです
良かったら応援お願いします♪
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
WEBサイトを制作する上で、「色を決める」という事はとっても重要なことです。
クライアントの好みだけではなく、自分の好みでもなく、
「どうしてこの色なのか」という理由をクライアントに説明することも必要です。
ぼんやりしたイメージだけで選んでしまうと、後でやっぱり「この色に変更！」ってことにもなりかねません。
企業によっては「コーポレートカラー」というのが決まっている場合もありますが
自分達は、中小企業様や個人事業主様のサイトが殆どなので、
それこそ「ロゴ」的なものから作らないといけない場合も多いです。
テーマカラーを「赤」→「青」なんかに変更となると
デザイン自体、最初からやり直しですから・・
余計な時間と労力で、それこそモチベーションも下がってしまいます・・orz
ということで、配色というか色のバランスにはいくつか「法則」があって
これとこれだと、いい感じに見えるというものがあります。
私が使っているWeb配色事典 Webセーフカラー編
また、WEB上で簡単に配色を選べるサイトもあります。
Color Scheme Generator 2
こちらは好きな色をまず最初に選んで、いろんなバージョンで自動的に配色してくれます。
3色目などが決まらない時など便利です。
Dark Eye
こちらのサイトは、色を選んで検索するとその色を含んだWEBサイトが表示されます。
しかも、出てくるサイトはデザインも素晴らしいサイトばかりで参考になります。
Adobe kuler
AdobeからリリースされたFlashベースのカラーピッカー。
無料のUSER IDを取得しておけば、配色をダウンロードすることも可能。
また、ダウンロードしたデーターはIllustratorなどでスウォッチとして読み込みも出来るというスグレモノです。
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
インターネット関係の仕事をしている以上、新鮮な情報は常に仕入れなくてはならないのですが、現在使っているこの「Googleパーソナライズド」は、大変お気に入りです♪
スタートページをYAHOOにしている人は多いと思いますが
こっちの方が断然便利です！！
（というか、以前からYAHOOより、googleびいきなんですけどね）
何が便利って、いつも見ているブログサイトやニュースなどのRSSフィードを取り込み、常に更新情報が見れます。
そして、好きなコンテンツを自由にドラッグ＆ドロップで配置できます。
細かく分類していけば、かなり使える機能です。
（Gmail等のGoogleアカウントが必要です）
↑WEBデザインブログランキングです
良かったら応援お願いします♪
↑ブログランキングに参加しています♪よかったらクリックしてくださいね
サイトを作成する上で、デザインを重視することはもちろん大切な事ですが、
テキストと背景色の組み合わせが悪い場合は、読んで欲しい文章が
分かりにくくなり、結果として「読みづらい」→「読んでもらえない」という事にならないようにも考えています。
それで富士通アクセシビリティ・アシスタンスというツールをダウンロードしてみました。
WebInspector 、ColorSelector、ColorDoctorという三つのツールなのですが、
それぞれ、高齢者や視覚に障害のある方にも読みやすいかを診断する、アクセシビリティの高い背景色と文字色の組み合わせをリアルタイムに確認することができる、
仕事や生活の中で利用するウェブサイトや動画、プレゼンテーション資料で色のアクセシビリティをチェックするというものです。
普段自分で見ているものが視覚に障害のある方には「こんな風に見えるのか・・」という事が分かり、勉強になります。
誰にでも優しいWEBサイトを作れるよう、心がけていかなければ・・
↑ブログランキングに参加しています♪よかったらクリックしてくださいね