資料として。綺麗なデザインの インフォグラフィックをtumblrで 収集しているWe Love Datavis のご紹介。こういうギャラリーは あまり見かけないですね。使う 機会があるかは別にして、少し 見入ってしまったのでメモ。 シンプルで見やすいです。また、画像の表示も早く出来るように工夫されているのでストレスも少なく見れるのもいいですね。 小奇麗にまとまっています。 画像をクリックすると全体の画像が呼び出されます。ページ変更以外は推移無しで見れます。 インフォグラフィックは可視性を高める目的もあるので色使いなども参考になりますね。確認しただけでも90ページ以上あるので結構な見ごたえではないかと思います。 We Love Datavis

なかなか便利だなと思ってご紹介。 自分のブログなどをスマフォ向けに 最適化したいけど時間が無かったり スキルがなかなか追いつけなかっ たり、という方も多いかと思います。 Mippin Mobilizerはその最適化を してくれるWebサービスです。 要はRSSを使ってこのWebサービス上でスマフォ向けレイアウトにしてくれる、というものですので、アドレスはMippin Mobilizerのドメインを使います。この点はmobifyと同じですね。 日本でもガラケー向けに最適化してくれるサービスがあります（名前忘れた）が、そのスマフォ版のようなもの。コーディングやマークアップも知識も不要で、マウスのみで作成可能です。 アドレスを入力する 最適化したいサイトのURLを入力します。矢印をクリックすると右側にプレビューが表示されますよ。RSSが発行されていればどんなサイトでもOKです。同時にレイアウトを

先日御連絡頂きました。商用も OKの貴重な日本語のフリーフ ォントに新たに加わった「フォン トポにほんご」です。カタカナ、 ひらがなも漢字も使えますので ぜひ利用させて頂きましょう。 日本語フォントを作ることがどれだけ大変かを考えると、フリーでしかも商用OKで配布してくれる方を尊敬せずにはいられませんね・・・遠慮なく使わせていただきます！ 柔らかい印象のフォントでかわいいですねー。IPAフォントの漢字もOKですよ。これは即DLですね。 ゴシック系で使いやすい印象です。作成者さんからは 各種ウェブデザインやDTPにもお役に立てるのではないかと思います。 とのお言葉を頂いています。本当に感謝です。ライセンスが明記されたテキストファイルも同梱されていますので詳細はそちらをご確認下さい。 リンク先の下部、「フリーフォント ダウンロード.」でダウンロードできます。 Fontopo

Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I

カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ

最近見かけるWordPressのテーマ のまとめ記事で気になったテーマを いくつか備忘録的に選んでまとめて みます。本当にクオリティは増すば かりでユーザーにとってはありがたい ですね。 尚、中身を見たものと見てないもの、実際に使ったものと使ってないものが有ります。利用に関しては自己判断なさるようお願いします。 Antlantis Flashのインパクトすごいテーマです。ぬるーっと切り替わる。 Antlantis Boldy フェードインアウトするTOPバナー、プルダウンメニューやサーチボックスにもjsが使われています。 Boldy Imbalance なかなか素敵。ポートフォリオ向けですかね。マウス乗せるとキャプションが表示され、画像は背景に。 Imbalance Shaken Grid 可変式のリキッドレイアウトを実装出来るテーマです。色合いも綺麗ですね。有料版もありますが、こちらは無

まずはこの場を借りて献本御礼申し 上げます。今回はリスティング広告。 リスティング広告はSEO等に比べて、 Web上にまともな情報が殆ど有りま せん。SEOやプログラミング、デザイ ンのように無料で始められる物では 無いことが大きな原因かも知れません。 そんな訳で、仕事で実践を積み重ね、学んできた阿部氏の本で基礎から学ぶ事でリスティングの世界の扉を開く方がリスクは少なそうです。 ※諸事情でiPhoneで写真撮らざるを得ませんでした。済みません・・・ リスティング広告 – 成功の法則 – 阿部氏(@semlabo)はSEM-Laboというブログを運営しているほか、Web担やMakezineで連載するほか、あの企業で講師として・・あ、これは秘密でした。すみません。 現在もPPC広告の現場で働く方の著書ですので、基礎はもちろん、実践の指南書として利用できる内容ではないかと。キャプチャや例、やって

Web制作時などでカラー選定など、 色に関することで困ってもColor Explorerというツールが色々と助け てくれそうです。無料で使えるみ たいですし、登録したくなければ登録 不要でツール使用も可能です。 色に関するツールは山ほどありますが、こちらも負けていません。Color Explorerは色に関する様々なツールを用意してくれているWebサービスです。 色の総合サイトのような感じです。一部の機能をご紹介。 マイパレット機能 この機能は登録が必要（当然ですけど）です。気に入った、使用したカラーをパレットに保存する事が出来ます。 ピッカー機能 基本のピッカー機能。RBGでの指定も可能で、自動で明暗のバリエーションも表示してくれます。 カラーマッチング機能 相性の良い色を自動で教えてくれます。 画像からカラー抽出 画像をアップロードし、その画像に使われているカラーを抽出します。 他にも

Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi

ちょっと調べ物をしたのでメモ。画像を シェア出来るソーシャルなWebサービ スです。Twitter関連（Twipicとか携帯 百景等）は諸事情により割愛していま す。画像のブックマークやストレージ サイトみたいな感じのまとめになります。 個人的なメモなので一貫性が無いんですが、誰かのお役に立てるかもと思いエントリーです。あまりに多すぎるので適当に端折っています。順不同。 tumblr 画像のPostが一番多いように思いますが、テキストなどもPostできる人気のサービス。投稿用のツールも多く、手軽でいいですよね。 tumblr pick Naverのシェアリングサービスです。使いやすかったです。iPhoneアプリもあり、画像だけでなく、地図などの投稿も可能。画像は幅が統一されるのでとても見やすい。「ピック」で共有もサクッと出来ます。 pick Flickr 定番の画像シェアリングサービス。数

WordPressに標準装備されている ブックマークレット、Press Thisは 必要最低限の機能ですが、それが 物足りない方に良さそうなプラグイン Press This Reloadedのご紹介です。 あまり利用されていない印象ですが。 以前、知っておいて損しない、地味に便利なWordPressのデフォルト機能という記事でも含めた機能なんですが、どうもあまり使用してる方がいない印象です。凄く便利なんですけどね・・ そんなPress Thisは必要最低限の機能にされていますが、WPをカスタマイズしていると、やや不便に感じます。 Press This Reloadedは、このPress Thisで、通常の投稿画面を丸ごと呼び出すように出来るプラグインです。 プラグイン使用前 通常のPress Thisは上記のように必要最低限で、下書きが中心です。 プラグイン使用後 プラグインを使うと、通常

9月20日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。 今日は5記事になります。 フリーフォントのベスト50 大量のフリーフォントの紹介です。 50 Best Free Fonts of All Time 50のオンライン画像編集ツール 無料のオンライン画像編集アプリ50個を紹介。 50 List of Free Online Photo Editing Tools 旗アイコン2400個セット 各国の旗アイコンが4サイズ同梱で総計2400個セット。 2400 Flag Icon Set コーポレートサイトに使えるエレガントなフリーフォント35個 商用サイトと相性の良さそうなフォント35個。 35 Free Fonts for Elegant Corporate Designs ハイクオリティな20の紙のテ

まだ試していませんが、個人的に 凄く気になったので備忘録。良く ある写真の販売サイトをWPで構築 出来るようになるプラグインです。 画像専用のショッピングカートっぽ い感じ。スクリーンショットを見る限 りではなかなか高機能な感じです。 まだWeb上で使っていないのと、ドルだけなのを、円に対応させる必要があるので実用化まではまだかかりそうですが、以前記事にしたWordPress凄いな・・と改めて思ったプラグインやテーマという記事に加えたいところ。色々出来るようになって行きますね・・ やろうと思えば現状のECサイト系プラグインなどでも出来る気がしますが、画像、写真の販売用のショッピングカートシステムのようなので期待したいですね。アイコンの販売とかも出来そう。 画像の大きさで値段も変える、などの設定も出来るようです。日本で見るのは手数料の取られる写真販売サイトが殆どなので自分のサイトで販売出来る