[キーワードアドバイス] ブログ村キーワード アクセスアップで重要なのは、キーワードです！全く検索されていないキーワードを選択すると、せっかく上位表示をしていても肝心の人が見てくれなければアクセスすらありません。そこでツールを使い検索数を調べる方法を案内します。 Googleアドワーズキーワードツール 検索数の事は検索エンジンに聞けとばかりに、Googleがアドワーズ広告主のために提供している無料ツールを使って調べる事ができます。 Googleの広告主向けビデオ解説 広告主向けの使い方です。キーワードツールを初めて使う方は是非見ておいた方が良いです。 動画はどうでしたか？ ここからは私の画像解説です。 Googleアドワーズキーワードツール をクリックします。 ①キーワードの候補にチェックを入れます。 ②調べたいキーワードを入力（改行で複数キーワード入れれます） ③画像表示を入力して、キー

1月に体壊して入院していたので、その間に結構アプリを買い漁っていて、Macアプリがこんなにも毎日感動を与えてくれるのか！と改めてMacアプリケーションの素晴らしさを実感してました。 普段仕事ではWindowsなのであまりマニアックなアプリは知りませんが、プライベート仕事するには十分な、主にWebディレクター、デザイナー向けのアプリを紹介したいと思います。 ブラウザ、FTP、メーラーなどは特に言及するまでもないと思うので省略します。またメジャーどころが多いので、マニアックさには期待しないで下さい。 まとめたのは以下の項目です。 費用・見積もり作成 アイデア発想 アイデアメモ・日記 情報収集 制作スケジュール管理 個人スケジュール管理 制限時間管理 タスク管理 デザインクリップ 画面キャプチャー撮り スクリーン採寸 ワイヤーフレーム作成 作業効率アップ クロスブラウザチェック ソース差分チェッ

html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。４種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし

笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 あくまで”僕が”です。そこ大変重要ですｗ 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって（もしよろしければ教えていただいてｗ）、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねｗ　まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Weｂ制作会社→専門学校教員（正規職員）→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますｗ　教員とか普通はできま

1つ前のエントリー（Twitterの最新の投稿をオリジナルのデザインで表示する方法）でやってみたくなったので、デザインとCSSをいじってサイドバーに設置しました。 なかなかいい感じ。 ソースは以下の通りです。 XHTML <div id="twitter"> <ul id="twitter_update_list"></ul> </div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/creamu.json?callback=twitterCallback2&count=1" type="text/javascript"></script> #twi

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ

前からまとめてみたかったのでまとめてみます。 写真が綺麗なレシピサイトです♪ 101 Cookbooks Simply Recipes smitten kitchen Cookthink Group Recipes All recipes 中でも、Simply Recipesにはしびれています。Elise Bauerさんが一人で運営されているブログ/パーソナルWebサイトとのことですね。数百のレシピがあって、自分や家族、友人に食べてもらってるとのこと。 こういう女性や主婦が増えてくるとおもしろいですね。 ほかにもいいレシピサイトがあったら教えてくださいーー。 外苑前のカフェで飲みながらブロギング。ちょー楽しい。 CIBONEでプレゼントを買ったぞ。あと6/26 – 7/26までセールをやってて、50 – 70%オフになっててあやうくソファを買いそうになりました☆

2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。

ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル（label）やボタン（button）に、クリック可能であることが分かるようにスタイルシートで設定します。 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto