「ホームページを作る人のネタ帳」さんのリデザインをしました
2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト！ 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね
GoogleとBingで同時検索し、検索結果を左右に並べられるサイト「Bingle.nu」*二十歳街道まっしぐら（FC2ブログ時代）
「Bingle.nu」はGoogleとBingでの検索結果を同時に表示してくれるサイトです。 以前、YahooとGoogleを同時に検索表示みたいなサイトがありましたが、それのBing版といった感じ。 検索結果を左右に並べることができ、さらに「Google検索だけ表示」みたいに片方だけを使うこともできます。 以下に使ってみた様子を載せておきます。 まず「Bingle.nu」にアクセスします。 検索ボックスに、検索したい文字列を入力。 検索するとこのとおり。 左にBing、右にGoogleが表示されます。 ただ、日本語で検索しますとBing側で文字化けが起こります…。 右上に注目しましょう、このボタンから「Bingだけ表示」「両方表示」「Googleだけ表示」が選べます。 通常の検索以外にも、画像検索もできます。（その他もたくさん対応） 情報をたくさんかき集めたい時には便利ですね。 （本記事
最強かもしれないFirefoxのSEOアドオン「SEO Doctor」を紹介！ » SEO Japan
FirefoxのSEOツールと言えばSEO BookのSEO for Firefoxが定番ですが、新たにかなり凄いSEOアドオンが登場したようです。その機能を幾つか紹介します！ちなみにダウンロードはこちらからどうぞ。 — SEO Japan どうやらVladimir Prelovacが私たちのSEJに特化したデベロッパーになったようである。私は、すでに彼のプラグインを賢いブログの内部リンクで紹介しているし、彼が「Insights」と呼んでいる他のWordpressのプラグインについても言及している。今日は、1年近くかけて開発されてきたFireFoxのSEOアドオンを紹介しようと思う。 SEO Doctorは、たくさんの便利なSEO機能がついたFireFoxのアドオンを新しく始めた。私は以下に紹介するもののうちほんのいくつかしか見てない。（もっと詳しい内容はVladimirの投稿を見て欲しい
SEO対策に役立つ情報サイト 厳選14＋α
1：住 太陽のブログ （1）「住 太陽のブログ」とは？ 「住 太陽のブログ」は、住 太陽（すみ もとはる）さんが運営している有名な老舗のSEOブログのひとつです。 有益な情報が盛りだくさんであることはもちろんのこと、書かれた日付を見るとさらに驚かされます。（「こんなに前から、こんなことを！」みたいなね） ゆえに、数年前に書かれた記事であっても、現在もなお色あせてはいません。（それは先見性の高さだけでなく、「上っ面の情報ではない」ということ） （2）おすすめの記事 「どのようなブログを作れば良いか？」、「人気のブログを作るにはどうすれば良いか？」をお悩みなら、次の記事をご覧になってみてください。 『つまらないブログから脱却するための 102 の方法』 『すばらしく印象的なブログを書くための7つの習慣』 「こんなに実践できるかーいぃ！」と感じる人もいらっしゃるかもしれませんが、ひとつでもできる
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kndb.jp
singstar.me
IDEA * IDEA
世界中の海底ケーブルが一望できる地図*二十歳街道まっしぐら（FC2ブログ時代）
管理人が勝手にオススメする2009年話題になり損ねた40記事まとめ*二十歳街道まっしぐら（FC2ブログ時代）
Twitterの発言が印刷されたノートが作られるサイト「TweetNotebook」*二十歳街道まっしぐら（FC2ブログ時代）