国内ソーシャルブックマークサービスまとめ
ソーシャルブックマークサービスは、ウェブ上にブックマークを保存して情報を整理したり、共通の興味を持つ人を発見したり、繋がることが（も？）できるウェブサービスです。 海外では、del.icio.us や Digg などが有名ですが、日本発のサービスは現在どれ位あるんだろうと国内のソーシャルブックマークサービスを調べてみました。 使ったことがあるものから今回初めて知ったものまで、サービスによって機能もさまざまで、いろいろな特徴を持っています。 （詳細は公式サイトでご確認ください） ギークな人もそうでない人も、インターネット生活に欠かせないウェブサービスになりつつあるようですね。 ポータル系 はてなブックマーク livedoor クリップ （サムネイル付き） Yahoo!ブックマーク（サムネイル付き） gooブックマーク（サムネイル付き） @nifty クリップ FC2ブックマーク（サムネイル付
Firefox3 ギネス世界記録に挑戦！
6月18日午前2時、Firefox3が正式にリリースされました。 今回はダウンロード数でギネス世界記録に挑戦！ということで、さっそく会社と自宅でもダウンロードぉおおお！ あなたもダウンロードしてギネスに挑戦しよう！ （ギネス世界記録への挑戦は日本時間 19 日 午前3:16 まで） ↓参加証明書（自慢できるのか疑問） Spread Firefox | Download Day 2008 公式サイトでは、全世界のダウンロード状況をリアルタイムに見ることができます。 Firefox の灯 (ともしび) こちらのサイトは、全国各地での Firefox 3 のダウンロード状況を可視化。 日本地図がキラキラ輝いています。 使用感は、サクサクしすぎて Firefox じゃないみたいです。 気になるのはアドオンの対応ですが、自宅の Firefox はまだ未対応のアドオンがあるので、インストールはとりあえ
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
実践！ブロガーのためのユーザビリティ新・7つの法則 :: Love & Design ::
ブログの世界でも「ユーザビリティ」の話題をよく見かけるようになりました。ユーザビリティとは、ソフトウェアやWebサイトの「使いやすさ」や「わかりやすさ」といった意味で「ユーザビリティが高い⇔低い」などと使われます。 また、ユーザビリティは時代とともに「Web技術の進歩」「利用者の環境」によって変化することもあります。性別によっても「使いやすい」と感じる要素には違いがあり、女性は色やデザイン、男性は機能面を重視するようです。 では、個人のブログではどのような事に配慮すればよいか、具体的に 7つに絞ってみました。 ブログユーザビリティ新・7つの法則 法則その 1：何のブログかどんな人が運営しているか書く ブログの説明、簡単な自己紹介を見やすい場所に掲載する 類は友を呼びます。 法則その 2：リンクであることをわかりやすくする テキストリンクにはタイトルや具体的な内容を記載する 悪い例：「ここ」
実践！プロフィールの上手な書き方 :: Love & Design ::
他人のブログのプロフィールを見るのって、わたしは割と好きです。 気になる記事を見つけたら、まず最初にプロフィールを探します。 だから、プロフィールはとっても重要！でも、プロフィールに「書いた方がいいこと」と「書かない方がいいこと」があるのをご存じですか？ プロフィールは、「名前」「年齢」「地域」「職業」「趣味」なんでも正直に書けばいいというものではありません。（嬉しいこともあるけど） 一番読みたくないのが、無駄に長い文章で好きなモノや嫌いなモノをダラダラ書いているパターン。せめて箇条書きにしましょう。 プロフィールに書いた方がいいこと イメージ 夢や目標 プロフィールに書かない方がいいこと 好きなものを詳しく書かない 嫌いなものを詳しく書かない 住んでる場所を詳しく書かない 仕事のことも詳しく書かない 趣味についても詳しく書かない なぜなら、ブログの場合、デザインや記事の内容から総合的にあ
何度でも訪問したくなるサイトの5つの条件
ハーイ、みんな。 何度でも訪問したいと思うサイトってどんなサイト？ すばらしいコンテンツを作って「読者」を「ファン」にする4つのポイント | Web担当者Forum この記事の原文（英語）を書いた great scott! によると、読者を惹きつけるコンテンツ作りには 4 つのポイントがあるそうです。 その4つのポイントとは 読者の関心を惹きつける素材 タイムリーさ コンテンツの質 共感 そして、ブログ読者を対象にした調査で最も大切なことは「わかりやすく質の高い文章」なんだそうです。 わたしもわかりやすく“無駄にクオリティの高い”文章を書いて、もっと自分のブログの「ファン」を増やしたい！ そして、読者の心を惹きつけるサイトを作りたいっ！ そこで、誰にも聞かれてないけど、わたしが「何度でも訪問したい」と思うサイトの条件を思いつくまま挙げてみました。 「何度も訪問したい」と思うサイトの条件 わ
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛（東洲斎写楽） ■鳳凰図屏風（葛飾北斎） ■江戸名所 浅草金龍山（歌川広重） ■ 亀戸梅屋舗（歌川広重） ゴッホが模写したことでも有名な絵 参考：印象派と浮世絵の意外な関係 ■春画（渓斎英泉）【オマケ】 ちょっぴりセクシーな配色？ 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
Amazon おまかせリンクの最適化
サイトの内容に沿った商品を自動的に選択してくれる「Amazon おまかせリンク」に表示される商品がぜんぜん内容に合わないよう……とお嘆きの方いませんか。 このブログでも記事の下とカテゴリーページに導入しているんですが、しばらく経ってもぜんぜん内容にマッチした商品が表示されないので外そうかと思っていたらいい方法があったんですね。 別に特別なテクニックでもないんですけど、リンク作成画面の下にある【詳細設定】で「デザイン・CSS」など表示させたい任意のキーワードを登録するだけです。（今日はじめて気が付いた） 【詳細設定】でできること 除外キーワードの設定 除外対象にしたいキーワードを5つまで指定できます。 優先キーワードの設定 優先したいキーワード（単語、またはフレーズ）を5つまで指定できます。 商品カテゴリーの指定 表示させる商品を書籍だけにすることも可能です。 ついに ホップ本 も出たっ！
Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
リンク先の Favicon（ファビコン） を自動で表示 | *LOVE IS DESIGN*
コメント欄やトラックバック一覧など、いろんな場所に使えそうな Favicon（ファビコン）を自動で表示できる API をご紹介します。 コンパクトで無駄に場所をとらないので、ちょっとしたアクセントにいかがでしょうか。 Favicon API (ファビコン) α版 URLを入力して「作成ボタン」を押すだけで、そのサイトのFavicon(ファビコン)を PNG 形式の画像に自動変換してくれます。 サムネイル表示もいいけど、先日 ロサンゼルスで働くウェブデザイナーさん のところにトラックバックをしたら、トップページのトラックバック一覧に自分のファビコンが表示されて、ちょっぴりうれしい気分になりました。 というわけで、さっそくトラックバックのタイトルに送信元のファビコンが表示されるようにカスタマイズしてみました。ぜひこちらの記事にトラックバックしてファビコン自慢してください。トラックバックがたくさ
オシャレな影付きのサムネイル作成サービス
写真や画像に少し「影」があるだけでオシャレに見えますよね。 以前紹介した便利なサムネイルを作成するサービス「WebToJpeg」に、自動で影を付けてくれる機能がついた新サービスができました。 その名も「IgWebCap」 「一撃WebCapture」の略語･･････だそうです。 名前通り、一撃できれいなキャプチャ（サムネイル）を作ってくれます。 IgWebCap - [ 自動更新サムネイル生成サービス ] 幅（120～480px）高さ（120～960px）は自由に設定できます。 影なしも選べます。 ノーマルな感じ Size：320×240 こんな縦長もできます。 Size：320×640 透明度（0～90％）の設定もできます。 Size：320×240 透明度20% ぜひお試しください。 中の人のブログ 乾坤一擲 「IgWebCap」取扱説明書 【関連エントリー】 サムネイルを作成するウ
ブロガーツールセット for Mac | *LOVE IS DESIGN*
ブロガーの「七つ道具」というと大袈裟ですが、昨年 Mac にスウィッチしたわたしがブログを書くときに使用している便利なツールをご紹介したいと思います。すべて無料で入手できるものばかりです。･･････ Mac 以外はね。えへへ。 ドラッグ＆ドロップで画像加工 CocoThumbX - Mac OS X Thumbnail Creator 画像をドラッグ＆ドロップするだけで、サムネイルにしたりドロップシャドウをつけるてくれるスグレモノです。画像の任意の場所にラベル（テキスト）を入れるのも簡単で、今一番お気に入りの画像処理ソフトです。 Thumbscrew via：ネタフル これは今日知ったばかりなんですが、さっそくダウンロードして使ってみました。 Mac 関連の話題も豊富でお世話になってます。 参考：[N] Macに"Switch"する人のためのソフトとTipsのまとめ あっという間に無駄に
もっと手軽でオシャレに！Amazon アソシエイト支援ツール集 | *LOVE IS DESIGN*
2月1日から、購入に応じてポイントが溜まる Amazonポイントサービス が始まりましたね。ポイントサービスの開始を記念して、2月28日（水）まで最大10,000ポイントが当たるポイントプレゼントキャンペーンを実施しています。 そこで、Amazon の商品だってオシャレに見せたい！というわがままな願いを叶えてくれるツールをまとめてみました。 広告っぽいデザインが嫌いな人でもこれならブログに貼りたくなっちゃいませんか？ Amazon にもリンク作成は用意されていますが、支援ツールを使うと簡単にちょっと差のつくオシャレなデザインにすることができます。ブログのデザインやお好みに合わせてぜひ活用してみてください。 Amazonの画像をオシャレに見せたい人にオススメ！ Amazonリンクタグを簡単作成：Ama-Z Ama-Zは、短い URL の Amazon アソシエイト用タグリンクを作成したり、サ
きっと自慢したくなる！インテリアSHOPリンク集 | *LOVE IS DESIGN*
春から新生活を始める方や、お部屋のリフォーム・模様替えのときに参考になりそうなオシャレなインテリアショップのサイトを集めてみました。 見ているだけでも楽しくなるセンスの良いショップをご紹介します。 Crastina クラスティーナインターファニチャー 素材にこだわった本物志向のインテリア シンプル＆モダンテイストの家具が揃っています。 オリジナルシリーズの無駄のない美しさ【SOLIDUS】がお気に入りです。 お部屋のイメージがわかりやすい3Dシミュレーションサービス有 ヤマギワ オンラインストア 家具はもちろんのこと、オシャレな輸入・デザイン家電がたくさんあります。 特にどこから見ても美しいデザインの ±0 （プラスマイナスゼロ） 「Air Purifier」 は一目惚れしました。 MOOR JAPAN株式会社 コンセプトは「セクシーな大人のインテリア」 ソファやダイニングテーブルの選び方
ブログに表示してほしいメニューと10の理由＋1 | *LOVE IS DESIGN*
1. プロフィール 初めて訪れる場合はまずココを見る。 どんな人が書いているのか、職業など書ける範囲であったほうがいい。 本人の写真はあったほうがベターだけど、あるが故に損をする可能性もありおすすめしない。 2. 最新のエントリー 最低5本くらいは表示してほしい。 最新のエントリーが何ヶ月も前だとちょっとガッカリする。 3. 最新のコメント コメントのレスを確認しやすいかどうか。 コメントを受け付けている場合はできるだけ表示してほしい。 4. 最新のトラックバック セルフトラックバックで埋まっていると萎える。 5. カテゴリ どんな話題を取り上げているかわかりやすく。 「日記」とか「雑記」だけだと読む気がしない。 6. 月別アーカイブ 何年もやっている人は、無駄にサイドバーが長くならないように、スクロールバーにするなどの工夫をしてほしい。 7. ブログ内検索 よく行くブログではよく使う。
たった１分でかっこいい写真に変身できる！Webツール :: Love & Design ::
ブログや mixi に写真をかっこよく載せたい人は必見！ 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor （やのさん thx!） 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能（やり直し） ズーム機能（拡大縮小） 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*（ロシア製のトイカメラ風） フィルター ラウンド（角丸） ボーダー ぼかし 雪 *参考：:: Welcome to Lomo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログの文章をあなた好みに。自由にカスタマイズできる方言ツール
ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::