5509.meThis domain may be for sale!
はてなブックマーク for iPhone 公開！
みんなの関心が作り出す、国内最大規模のソーシャルブックマーク。 「注目の盛り上がり」や「関心事の最新ニュース」を、アプリでも簡単に見つけよう。
【IP】mixiが「チェックイン」と「イイネ」を商標出願中。【Trademark】
■はじめに。 twitterで「mixiがチェックインを商標出願中」というのを見掛けて、「いや、まさか。」と思い、特許電子図書館で調べたところ、商標出願中でした。 ■「チェックイン」商標について。 【出願番号】 商願２０１０－６１０８０ 【出願日】 平成２２年（２０１０）８月３日 【出願人】 【氏名又は名称】 株式会社ミクシィ 【商品及び役務の区分並びに指定商品又は指定役務】 ３５ 通信ネットワークにおけるオンラインによる広告，インターネット上の広告用スペースの提供及びこれに関する情報の提供，広告の代理，広告及びこれに関する情報の提供又は助言，広告用具の貸与及びこれに関する情報の提供，商品の販売に関する情報の提供，市場調査，トレーディングスタンプ・クーポン券・ポイント蓄積式カード・割引付特典カードの発行・管理及び清算並びにこれらに関する情報の提供，商品の販売促進のためのイベントの企画・運営
ゆず屋: [豆知識] MS明朝、MSゴシックは（今は）商用利用できる
漫画、アニメ、ライトノベル関係のロゴに使われているフォントの紹介。オタクのためのフォント読本「書体の研究」の情報も。 こんばんは。GALAXY Tab を買ったとたんに割り引きキャンペーンが始まってへこんでいる榊です。 予約までして買った客の立場っていったい…… さて、気を取り直して今日はフォントの小ネタを一つ。 Windows に標準で付いている MS明朝やMSゴシックは商用利用できる という話です。 と書くと、「お前、『書体の研究（商業誌版）』で商用利用できないって書いたじゃないか」と言われそうですが、実は、今は使えるんです。 というのも、MS明朝やMSゴシックの権利はリコーが持っているので、以前（2009年4月）に商用利用の可否について問い合わせたんですが、そのときは次のような回答でした。 （以下、（株）リコー TTWインフォメーションセンターよりの回答からの抜粋）申し訳ございません
Windowsで動いているプロセスがウイルスかどうかを検査できるフリーソフト「System Explorer」
Windows標準のタスクマネージャと同じように使え、さらにそれ以上に多彩な機能を搭載したフリーソフトが「System Explorer」です。タスクやプロセスにスタートアップといったさまざな情報をまとめて管理することができ、標準で日本語に対応しています。 数回のクリックで簡単に動いているプロセスのウイルスチェックが可能な上、ソフトウェア上でアプリケーションの一覧を表示してアンインストールの実行などもできるので「何か変だな」とPCの動作に疑問を持ったときにはこのソフトウェアを立ち上げると役に立ちます。なお、Windows XP以降のOSに対応したソフトウェアです。 ダウンロードにインストール、機能の紹介などは以下から。System Explorer - Keep Your System Under Control http://www.systemexplorer.net/ 上記ページ内「
ドラッグできる地図実装ライブラリのまとめ:phpspot開発日誌
ドラッグできる地図実装ライブラリのまとめ。 この手のライブラリは色々とあるのですが過去に紹介したものと新発見の物をまとめてご紹介。 Google MapのAPIを利用したものも入れます mobily.pl - playground - MobilyMap 拡大機能はありませんが、ドラッグ＆ドロップで移動させたりピンを立てる機能があります Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 マウスホイールによる拡大・縮小機能があってサンプルも豊富なライブラリ ドラッグ＆ドロップできる地図を実装できる3KBの軽量JSライブラリ「SpryMap」 独立して動作し、軽量なのが特徴 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 ライブラリではなく、画像URLを張り付けるだけでOKなサイト GoogleMap風でクールな地図
横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」:phpspot開発日誌
横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」 2010年12月14日- Shorten - A jQuery Plugin for Truncating Styled Text 横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」。 ブロック要素に長いテキストがあって、折り返されないような場合、レイアウトが崩れてしまいますが、このプラグインを使えば、次のように、長いテキストも最後を ... more のように短くすることが出来ます。 $(element).shorten() メソッドを呼ぶだけですが、width で、収めたいサイズを、tail で、続きへのリンクを設定できたりします。 .shorten({width: 400, tail: '<a href="">..
jQueryでスライダー実装関連のチュートリアル２０:phpspot開発日誌
20 Useful jQuery Slider Tutorials - Web Design Blog ? DesignM.ag jQueryでスライダー実装関連のチュートリアル２０。 実に様々なスライダーの実装チュートリアルが公開されており、チュートリアルをこなすというより、サンプルとして活用することが出来そうです。 この手のUI実装にまよったら参考にしてみるのもよさそう。 関連エントリ 軽量のイメージスライダー実装jQueryプラグイン「Orbit」 なんでも埋め込めてマウスホイールでページ送りができるスライダー実装jQueryプラグイン「hash slider」 jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル ２つの要素を組み合わせたクールなスライダー実装jQueryプラグイン「dualSlider」
2010年の最もクリエイティブかつフリーなWordPressテーマ集５０:phpspot開発日誌
50 Most Creative Free Wordpress Themes Of Year 2010 2010年の最もクリエイティブかつフリーなWordPressテーマ集５０というエントリのご紹介。 最もかどうかはさておき、多数の美しいテーマでフリーのものが集まっていますので参考にできそう。 WordPressな方は2011年から新しいデザインにしてみるのもよさそう。 2011年も多数のWordPressテーマが生まれそうですね。 関連エントリ かなり美麗なフリーのWordPressテーマ60 会社でも使えそうなWordPressテーマ２０ スモールビジネス向けのWordPressテーマ１０ iPhone等のモバイルデバイス向けWordPressテーマ色々
綺麗なタイポグラフィサイト40例:phpspot開発日誌
40 Examples of Beautiful Typography in Web Design | Inspiration 綺麗なタイポグラフィサイト40例を紹介しているエントリのご紹介。 今年もそろそろ終わりですが、年末暇な方は参考に色々作ってみると勉強になるうえに暇つぶしになっていいかもしれません。 いろいろなデザインの仕方があって興味深いですね。 関連エントリ ロゴデザインやタイポグラフィの見本や資料まとめ集 ロゴ作成などに参考にできるかもしれないタイポグラフィデザイン２８ すごい３Ｄタイポグラフィのまとめ
既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」:phpspot開発日誌
既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 2010年12月24日- Volkside | Introducing Wirify: The web as wireframes 既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。 たとえば、New York Times は下図のようにワイヤーフレーム化できます。 既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。 当ブログもやってみると次のようにワイヤーフレームにすること
ソーシャルメディアに関する101の統計データ » SEO Japan
クリスマスにふさわしい？ソーシャルメディアに関する様々な統計を101も集めたプレゼント記事を。英語圏中心のデータですが参考になる、新たな気づきがある数字も多そうです！ — SEO Japan インターネットで役に立つ情報をを探す行為は、無益で不満が残ることが多い。 当然だが、何かしらの事柄に関する「簡単なアドバイス」、最大限にしたい事柄を最大限にするための「how to」ガイド、そして、- つかの間 – 自分の状況に置き換えることが可能な誰かのサクセスストーリーを描く“ケーススタディ”を探しているなら話は別だ 大抵、アドバイスは必要以上に簡素化され、how toガイドは遺憾な点が多く、そして、ケーススタディはどちらかと言えば例外である。 本当に必要なのは、何と言っても真実である。あるいは、真実にほど近い情報である: このソーシャルメディアの統計がその典型である。 統計が導く場所 恐らく皆さ
リスティング広告業界、2010年を振り返ろう！ | SEM-LABO
今年はリスティング広告に携わる方々にとっては今までにないほどの激動の年だったのではないでしょうか？ 年末になり2010年のまとめ記事が公開されだしていますが、リスティング広告業界だけを振り返るのはこのSEM-LABOだけです！(今のところ) ※ちなみにここで取り上げるものはSEM-LABOの独断と偏見によってピックアップされたものです。特殊なアカウント以外に必要とは思えないような無用な機能（YouTube 動画、部分一致の拡張）などは含みません。 3月のリスティング広告業界 アドワーズ・サーチ ファンネル（AdWords Search Funnels）ベータ版を提供開 コンバージョンにつながった検索連動型広告のみ（ディスプレイネットワークなどは含まれない）のインプレッションとクリックがすべて計測されるのがサーチ ファンネルの特徴です。 検索連動型広告から検索連動型広告へつながりコンバージョ
2010年にWeb担当者が読んでおくべき良記事40本 | 初代編集長ブログ―安田英久
2010年の要チェック人気記事を発表！ あなたはあの良記事を見逃していませんか？ 解説記事、ニュース記事、ユーザー投稿などの種類ごとに、人気記事を紹介します。 解説記事トップ20 | ニュース記事トップ10 | ユーザー投稿記事トップ10 解説記事の2010年人気記事トップ20殿堂入り：Webマーケッター瞳 ―― マンガ記事として、各回人気を集めました。第1話からどうぞ 滅べばいいのにと思うSEOの10の迷信（都市伝説）（SEOmoz） SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。 あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順（編集部ブログ） そもそも盗用されたコンテンツは、検索エンジンで探せない状態にしてしまえばいい 客はバカでちょうどいい。販促サービスにおける鉄則（企業ホームページ運営の心得） 販促サービスを成功させる
h1タグは、Googleでやっぱり大切らしい
Googleのサーチクオリティチームは、NPOが運営するサイトを対象にサイトクリニックを実施しました。 サイトクリニックを行ったサイトに見られた問題点とその改善策を今日までに3記事公開しています。 そのなかで、「Googleにとってはh1タグは重要な要素だ」と認識させられる記述があったので、今日はそれをピックアップします。 Keep your <h> elements in their place Another quick fix in your housekeeping is assuring your website makes proper use of heading tags. In our non-profit study, nearly 19% of submitted sites had room for improvement with heading elements
あなたが起業家として成功していない10の理由 » SEO Japan
シリアルアントレプレナーとして一定の成功を収めている筆者が語る起業家として成功できない理由。成功するために必要な能力の話は良くありますが、成功できない理由はちょっと気になるかも？成功してる人も成功を目指してる人も起業家に関わらず読みたい。 — SEO Japan お金のやりくりの仕方を知らない。 豪華なオフィスや高い給料はお金の浪費にうってつけの方法だ。あなたは、いつお金を使い、いつ使うべきではないのかを学ぶ必要がある。例えば、従業員がしゃれたデスクやパーティションを欲しがった時、それが彼らの仕事の能率を上げる助けにならないのなら、ダメだと言うのだ。同時に、もしもプログラマーが生産性を上げるために2つのモニターを欲しがった時には、2つ目のモニターを買い与えるのだ。 複数の戦略を持っていない。 あなたは1人の人、1つのビジネスモデル、1つのソリューションだけを頼りにすることはできない。自分に
Matt Cutts公認、「Twitterのリンクはウェブ検索のランキング要因になっている」
検索順位を決める要因としてTwitterやFacebookのリンクをGoogleが利用していることが今月の初めに明らかになりました。 GoogleのMatt Cutts(マット・カッツ)氏が、ウェブマスター向けQ&Aビデオでこの件についてあらためて認めたうえで、もう少し詳しいことを説明してます。 ビデオの内容をリストアップしてまとめます。 ウェブ検索で通常やっているように、TwitterやFacebookのリンクをランキングを決めるのに使っている。 TwitterやFacebookでの発言者のReputationを多少なりとも判断しようとしている。 2010年5月のビデオではTwitterやFacebookのリンクは使っていないと言っていた。その時は使っていなかった。しかし今ビデオを撮っている2010年12月の時点では使っている。 主にリアルタイム検索ではもう少し利用されていて、幅広くウェ
急伸するスマートフォン | Impress Innovation Lab.
インターネットメディア総合研究所 101776078.jpg 2010年は、アップル「iPhone」の急成長とともに、携帯電話キャリアからはグーグルのオープンOS「Android」を搭載した端末がぞくぞくと発表されるなど、スマートフォンがアーリーアダプターやビジネス層だけでなく一般層にも浸透しはじめた年となった。 2010年は、アップル「iPhone」の急成長とともに、携帯電話キャリアからはグーグルのオープンOS「Android」を搭載した端末がぞくぞくと発表されるなど、スマートフォンがアーリーアダプターやビジネス層だけでなく一般層にも浸透しはじめた年となった。もはやスマートフォンはニッチ市場ではなく、次の10年のモバイルの主成長軸にほかならない。通信キャリアや端末メーカーはもちろん、コンテンツ・サービスプロバイダーにとっても、スマートフォンへの戦略的な取り組みは急務だといえる。 そ
[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ
Simplified page borders in pure CSS デモページ（当方作成） [ad#ad-2] 下記に、元記事で紹介されている方法（その1）をはじめ、コメントに掲載されている方法を含めて紹介します。 対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Operaとなります。 ブラウザの表示領域いっぱいにボーダーを配置する方法：その1 元記事で紹介されている方法です。 デモページ：その1（当方作成） HTML HTMLは、divなど特別な要素は配置しません。 以下に紹介する全ての方法で共通です。 <html> <body> </body> </html> /*------------------------------------*\ BORDERS \*---------------
失敗しないWebコンテンツの企画
Webサイト制作におけるコンテンツの企画とは、コンセプトに沿ってアイデアをまとめ、Webサイトで展開する具体的な内容に落とし込む作業を指します。コンテンツを企画するときにはクライアントの目的とユーザーの目的を合致させて、コンセプトと掛け合わせることが重要です。 クライアントとユーザーの目的達成が判断基準 Webサイトの企画にあたって、クライアントは「楽しいコンテンツにしたい」といった“意向”を持っていることが多くあります。しかし、クライアントの目的はコンテンツを作成することではありません。「商品やサービスの認知度が向上する」「問い合わせが増える」「ユーザーに対して適切な情報を提供する」などのビジネス上のゴールを達成することが目的であり、コンテンツはその手段にすぎません。単にクライアントの意向を汲めばいいわけではないのです。 ある画期的な新製品の発売にあたって、Webサイトを制作する場合を考
Webの企画で使えるブレスト／バズセッション
ブレーンストーミングとは、1つのテーマについて、複数の人が自由な意見を活発に発言することで新たなアイデアを生み出す手法です。略して「ブレスト」や「BS」などと呼ばれ、「他人の意見の否定や批判の禁止」「質より量を重視する」という2つのルールのもとで実施します。 ブレーンストーミングは、たくさんの意見やアイデアを出すことが目的です。参加者全員が活発に意見を出せるような場の空気を作るためにも、否定や批判の禁止は徹底しましょう。ただし、ルールの徹底ばかりに力点が置かれるようであれば、人選から改めて考える必要があるかもしれません。ある程度発言が出揃ったところで、KJ法※などを使って意見を整理します。意見を整理することでも、新たな発見が期待されます。 バズセッションとは、メンバーをいくつかのグループに分け、グループごとにリーダーと書記を配して、それぞれの議論の結果を発表してもらう手法です。バズセッショ
ブラウザーテストに欠かせない基本ツール3選
Webサイトの制作では、なるべくどのようなユーザー環境であっても同じように見えることが要求されます。PCサイトであればOSやブラウザー、モバイルサイトであればキャリアや端末が違っていても、制作者の意図どおりに表示され、JavaScriptやFlashなどのプログラムが正常に実行されるかをチェックするのが「ブラウザーテスト」です。 ブラウザーの種類とブラウザーテストの方法 Webページを表示するブラウザーは、Internet Explorer（IE）、Firefox（ff）、Opera、Google Chromeなど、Windowsだけでも数多く存在します。さらに、リリースされた歴史が古ければ古いほど、特有のバグがあったり、最新のHTMLやCSSの仕様に対応していなかったり、といったバージョンによる違いもあります。Web標準の仕様に則って制作したページであっても、ブラウザーが抱えるバグや表示
商用化！400種のシンプルなアイコンセット「IconSweets2」
webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。 テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。 ショッピングサイトに最適なアイコンから、ファイル、ソーシャル・ネットワーク、矢印、モバイル、時計、ユーザー、また衣服やバッグ、カメラやPCなどのデジタルグッズなどテーマ自体も豊富で、デザインのクオリティも高く、なおかつ活用頻度の高いものばかりが集められているため、重宝することは間違いありません。また、すべて商用化というのもかなり嬉しいところ。シンプルなのでどんなデザインにもマッチしてくれます。 サイズは16×16、64×64、32×32の3タイプで展開されています。とにかく、基本形のアイコンはここを押さ
超シンプルデザインで2~4カラムのレイアウトから選択できるギャラリー系WordPressテーマ・Mnml Galleria
素敵だったのでメモがてらご紹介です。 とてもシンプルで無駄な装飾の無いWP のギャラリー系テーマ。管理画面で2、3、 4カラムから選択も可能な親切設計です。 ギャラリー系はいくつもありますので選択 肢の一つになりそうです。カラムを管理画 面で分けられるようにする発想はナイスな アイデアですな・・ シンプルで素敵です。IE6、7で多少レイアウトが崩れてましたが、cssいじればなんとかなりそうな感じ。 かっこいい。個人的には結構ヒットなデザインでした。マウスを乗せると2列目上部のように詳細が表示されます。 アーカイブなどはナビゲーションリンクをクリックすると表示されます。IE7ではここのみレイアウト崩れが確認できました。 デフォルトではナビゲーション部分にTwitterの項目があります。脇の数値はフォロワー数を表示させることが出来るのですが、テーマファイルを直接修正する形になるみたいです。 h
2010年12月第3週号 1位は、Webサイトを制作するときに考慮すべき60の事柄、気になるネタは、電子書籍を自炊できるレンタルスペースが開設 | gihyo.jp
週刊Webテク通信 2010年12月第3週号1位は、Webサイトを制作するときに考慮すべき60の事柄、気になるネタは、電子書籍を自炊できるレンタルスペースが開設 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年12月13日～12月19日の間に見つけた記事のベスト5です。 1. 60 Questions to Consider When Designing a Websitehttp://sixrevisions.com/web_design/60-questions-to-consider-when-designing-a-website/ Webサイトを制作するときに考慮すべき事柄が疑問形でまとめられています。 プロジェクト管理のための15の質問 コードオーサリングのための15の
[CSS]「:target疑似クラス」をつかった実用的なスタイルシートのテクニック集
「:target疑似クラス」をつかって、タブコンテンツ、画像ギャラリー、画像拡大、アコーディオンなど実用的なコンテンツを実装するチュートリアルを紹介します。 キャプチャはW3Cの「The target pseudo-class :target」 [ad#ad-2] 「:target疑似クラス」はCSS3で、アンカーリンクがアクティブな状態にスタイルを適用するものです。 IE6～8では「:target疑似クラス」は動作しないため、代替を用意したり、スクリプト「Selectivizr」を利用するなどなんらかの対応が必要です。 「:target疑似クラス」をつかって、タブコンテンツを実装 「:target疑似クラス」をつかって、画像ギャラリーを実装 「:target疑似クラス」をつかって、画像の拡大表示を実装 「:target疑似クラス」をつかって、画像のズームイン・アウトを実装 「:targe
2010年総まとめ：押さえておきたい国内・海外のウェブデザイン集
今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初の試み！ おっぱい丸出しでファンと握手＆サイン会 : ニュー速VIPブログ(`･ω･´)
リッチなEメールニュースレターのデザイン集３０:phpspot開発日誌
新着記事