国内ソーシャルブックマークサービスまとめ
ソーシャルブックマークサービスは、ウェブ上にブックマークを保存して情報を整理したり、共通の興味を持つ人を発見したり、繋がることが（も？）できるウェブサービスです。 海外では、del.icio.us や Digg などが有名ですが、日本発のサービスは現在どれ位あるんだろうと国内のソーシャルブックマークサービスを調べてみました。 使ったことがあるものから今回初めて知ったものまで、サービスによって機能もさまざまで、いろいろな特徴を持っています。 （詳細は公式サイトでご確認ください） ギークな人もそうでない人も、インターネット生活に欠かせないウェブサービスになりつつあるようですね。 ポータル系 はてなブックマーク livedoor クリップ （サムネイル付き） Yahoo!ブックマーク（サムネイル付き） gooブックマーク（サムネイル付き） @nifty クリップ FC2ブックマーク（サムネイル付
クールでポップなリボンが簡単に作れちゃうジェネレータいろいろ
カスタマイズできるタイプ どちらも日本語には対応していません。 Free Website Ribbon Generator - For Your Site Or Blog どんなサイトにも合うシンプルでさりげないリボン 文字と色を指定して「Generate」ボタンを押すだけ。 出来上がったリボンはコードを貼り付けるだけで設置可能です。 Online Ribbon Generator Tool WEB2.0風のリボンを作成できるジェネレータです。 4種類のリボンの中から選択して、色や文字色をお好みでカスタマイズできます。 リボンを選べるタイプ blogsticker ― Stickers for your blogs! お好きなステッカーを選んで、ブログに1行コードを加えるだけのお手軽なステッカー カテゴリも変態から、音楽、スポーツ、映画、国旗、ソフトウェアと種類も豊富で、サインアップすれば
ちょっと差のつく「Copy URL 」のカスタマイズ | *LOVE IS DESIGN*
記事を書くとき参考にした記事にリンクしたり、これも読んでほしいな……と「関連記事」のリストを入れたりすることってよくありますよね。 Firefox をお使いの方なら、アドオンの「Copy URL+」を入れている方も多いと思いますが、「Copy URL+」にひと工夫してちょっと差のつくリンクをしてみませんか？ Copy URL+で関連エントリーの被はてブ数を表示 しげふみメモ:関連記事一覧に はてなブックマーク数を付けてみる で紹介されていた 住 太陽さんの記事 は関連リンクが多すぎる気もするんですが、でもこのアイデアはなかなかいいですね。 単著もないのに関連リンクをたくさん並べていると読む気がしなくなるという方もいらっしゃるかもしれませんが、ブックマークがたくさんついていたらちょっと読んでみたいなという気になるかもしれませんね。 さっそく「<LI>タグ付きでリンクとブックマーク数」を us
ブログを書くスピードを大幅アップ！テキスト & リンク作成ツール特集 :: Love & Design ::
ブログを書くとき、ブログサービスの編集画面や、最近では携帯からブログを更新するという方も多いと思います。気軽に更新できるのがブログの良いところですが、もっと効率よくブログを更新したい！もっとたくさんの人に読まれたい！という方向けの特集です。 そこで今回は、主にブログでよく使う「見出し」「強調」「リンクの作成」「引用」など、そのままコピペで使える XHTML 要素と、スピーディかつ簡単にマークアップするためのシンプルなテキストエディタ & ちょっと差の付くリンク作成関連のツールをまとめて紹介します。 HTML初心者の方も、これでブログを書くスピードが大幅にアップ！ また、正しい(X)HTMLで書くことによってSEO効果も期待できます。 ブログでよく使うXHTML要素 そのままコピー & ペーストしてテキストを書き換えてお使いください。 段落（p要素） <p>テキストテキストテキストテキストテ
よりよい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） 色の明るさの度合いのこ
知っておくと便利な「無彩色」の使い方
白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度（めいど：value） 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ
お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
もっと手軽でオシャレに！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株式会社 コンセプトは「セクシーな大人のインテリア」 ソファやダイニングテーブルの選び方
たった１分でかっこいい写真に変身できる！Webツール :: Love & Design ::
ブログや mixi に写真をかっこよく載せたい人は必見！ 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor （やのさん thx!） 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能（やり直し） ズーム機能（拡大縮小） 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*（ロシア製のトイカメラ風） フィルター ラウンド（角丸） ボーダー ぼかし 雪 *参考：:: Welcome to Lomo
メールアドレス画像化ジェネレーター集 | *LOVE IS DESIGN*
スパム対策にメールアドレスを画像にしてくれる、便利なジェネレーターをまとめてみました。おしゃれなデザインなのでブログのワンポイントにもなりますよ。 きゃっとまーくめーる 可愛いネコのイラスト付き フォントもいろいろ選べます。 わたしが使用しているのは「みかちゃんFONT」です。 でざいんめーる フォントや背景色の変更・グラデーションなど 参考：でざいんめーるのサンプル一覧 E-Mail Icon Generator E-mail Sigs GMail・Hotmail・MSN・Yahoo!などに対応 Gmail Signature Generator Gmail用 Handmail 参考 HTMLエンティティ化 メールアドレス画像化以外のスパムメール対策は、エンティティコード（数値文字実体参照）に変換する方法もあります。 追加（2007/3/14） Faviconメール ファビコン＋メルアド
ブロガーとして守りたい5ヶ条
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc そもそもブロガーとは何でしょう？ ブロガー - Wikipedia によると、一般的にブログを更新している人を指し、ブログ（blog）をする人（er）という意味からブロガー（blogger）という言葉になったそうです。 じゃあ、更新しなくなったらブロガーじゃなくなっちゃう！と焦って、他人の文章を転載して更新しているひともブロガーなんでしょうか。 ブログで守るべき礼節5カ条というのがありました。 1.ブロガー間では常に礼儀を守り、正しくやさしい言葉使いを心がけよう 2.ブログの著作権を尊重しよう 3.ブログに残された良いコメントには、感謝の気持ちを表そう 4.考えが異なる
Lightbox JS v2.0で画像をかっこよく拡大表示
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc かなり乗り遅れたようですが「Lightbox JS v2.0」を導入してみました。 とりあえず、上の画像をクリックして確認してみてください。 Lightboxは、サムネイルを同じページ内に拡大してくれるスクリプトです。 （JavaScriptが無効になっている場合は正しく表示されません） 設置は簡単なので、画像をかっこよく見せたいっという方はレッツ トライ！ Lightbox JS v2.0導入の手順 まず、"Lightbox JS v2.0"からファイルをダウンロード ダウンロードしたファイルを解凍 ファイルをアップロード HTMLにPart 1 を追加 あとは、次の
Firefox2.0テーマと壁紙
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc Firefox2.0に先週末アップグレードしました。 やっと自分好みにカスタマイズが終わったので、入れている拡張機能（エクステンション）の一覧とおすすめテーマや壁紙などを紹介します。 Firefoxを使う理由は、使い勝手の良さだけでなく、テーマ（ブラウザの外観）もいろいろ変えられるのが楽しいからです。 まだ使ったことがないという方は、この機会にぜひお試しください。 エクステンション Hatenabar(Firefox Extension) これだけは手放せない Web Developer 1.0.2 日本語版 Web制作に役立つ機能がたくさん Japanize 英語サイ
第2弾！はてなブックマーカー御用達ツールまとめ | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc はてなブックマーカー御用達ツールまとめ の 第2弾です。 はてなブックマークを、もっと楽しくもっと上手に使うコツは、お気に入りブックマーカーを見つけることです。 はてなの公式サービスではありませんが、ご紹介するツールを利用して相性の良いブックマーカーをぜひ見つけてください。 では、どうぞ。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） HatenaTagCrowds id:Marathon 興味のあるタグを入力すると、その分野に強いブックマーカーのクラウド表示されます。 ブックマーカー + 情報の両方を効率よく探せるツールです。 な・
はてなブックマーカー御用達ツールまとめ :: Love & Design ::
はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） Zer0Reader id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール 無駄にオシャレ！ suVeneのあれ: [はてブ]お気に入りからお気に入りを探そうサービス はてブおせっかい id:kanbayashi はてなーが使わないなんてｵｶｼｰﾖ！ Ryoの開発日記 - いよいよはてブおせっかい公開 同作者のサービスで Kikker というのもあります。 「ｷﾆﾅｰﾙ」キーワードを登録しておけば、あなたの好みを学習してくれます。 好みの近いはてなブックマーカーを探そう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン