動いているはずのない画像が動いて見えたり、同じ半径の円が不思議に一方だけ大きく見えたりするなどの「錯視」を扱ったコンテンツが、はてなブックマークでしばしば人気エントリーになります。今回は、白黒写真を発色して見せるフリーソフトや、どの角度から見ても目が合ってしまう竜のペーパークラフトまで、私たちがそんな「錯視」を実際に作成するためのエントリーを3つ紹介します。 はてなブックマークニュースでは、以前にも「錯視」を利用した画像たちを紹介したことがあります。 ▽ 静止画が動く?まっすぐの字が歪む?いろんな「錯視」を体験しよう - はてなニュース 例えば、上に記した「杏マナー」の文字の連なりを見たとき、私たちはあたかも斜めにそれらが記されているかのように感じてしまいます。実はこれは「ポップル錯視」と呼ばれる、実際には傾いていないのに画像や文字が全体として右下がり(または左下がり)に見える現象で、もち
ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。 価格の一覧表を見るユーザーの一番の目的は、価格を知ることです。しかしながら、価格を強調しすぎて、お金を使うということを意識させすぎないでください。苦労して手に入れたお金を使っているように感じると、ユーザーはより使わないように思ってしまいます。 価格のデザインはソフトにし、それ自体の特徴やベネフィットにフォーカスをあてるようにします。 ユーザーがどの商品を選択するか決めている時に、あなたはその決め手として価格にフォーカスを合わせることを望んでいますか? それとも特徴やベネフィットにフォーカスを合わせてほしいですか? もし、ユーザーが価格にフォーカスを合わせるのであれば、それは最も安いものに決めるでしょう。しかし、特徴やベネフィットにフォーカスを合わせるのであれば、ユーザ
In 2018, we announced the deprecation and transition of Google URL Shortener because of the changes we’ve seen in how people find content on the internet, and the number of new popular URL shortening services that emerged in that time. This meant that we no longer accepted new URLs to shorten but that we would continue serving existing URLs. Over time, these existing URLs saw less and less traffic
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 詳しくは以下 このサービスにはHamlというHTML/XHTMLを生成するためのマークアップ言語が使われているみたいで、「HTML → 一旦hamlにする → HTMLに戻す」という流れでインデントの整頓を実現しているとのこと。hamlに興味のある方は「日本Hamlの会」もどうぞ。 実際、インデントが無くても問題なく、動作しますし、整ったからと言ってオモテ面に影響があるわけでないのですが、メンテナ
プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。 40 Fantastic Pricing Tables for Your Inspiration 価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。 上記サイトでは、シンプルなテーブルからフューチャーリストなど優れた手段で価格表を提供しているサイトが多数紹介されています。 その中から、下記にいくつかピックアップしました。 傾向としては、ページ幅いっぱいに配置し、お勧めを目立つようにしています。
決済サービスなのに、決済しなくてもいい!? オンラインゲームやソーシャルゲームで遊んでいると、ついつい手を出したくなるのが有料アイテム。筆者もmixiアプリの「ブラウザ三国志」に一時期ハマっており、「今すぐこのアイテムを買えば……!」なんて生唾を飲み込んだことがしばしばありました。 まあ、大人の場合は「欲しい!」と思ったらすぐに決済できるのでいいんですが、クレジットカードが使えない未成年の場合はそうもいきません。そんな時、クレジットカードも銀行口座も不要で、思い立ったらすぐにお目当てのアイテムを購入できるサービスがあったら便利だと思いませんか? もちろん、コンビニに電子マネーを買いに走る必要もありません。 こう書くとまるで魔法のようですが、アメリカで実際にそんなサービスが開始され、大きな波紋を広げています。サービス名は「Kwedit(クウェジット)」。アヒルのロゴマークからも分かるとおり、
ユーザー同士のつながりを元に時系列に140文字のメッセージを20個ほど表示する――。Twitterのサービスは、文字にしてしまうと実にシンプルだが、背後には非常に大きな技術的チャレンジが横たわっている。つぶやき数は月間10億件を突破、Twitterを流れるメッセージ数は秒間120万にも達し、ユーザー同士のつながりを表すソーシャル・グラフですらメモリに載る量を超えている。途方もないスケールのデータをつないでいるにも関わらず、0.1秒以下でWebページの表示を完了させなければならない。そのために各データストレージは1~5ms程度で応答しなければならない。 Twitterのリスト機能の実装でプロジェクトリーダーを務めたこともあるNick Kallen氏が来日し、2010年4月19日から2日間の予定で開催中の「QCon Tokyo 2010」で基調講演を行った。「Data Architecture
インターネットのサービスでとっておきの重宝している便利サイトがあれば教えてください。 例えば、私ならオンラインストレージでSkydribe,Sugar Syncを利用しています。 また、検索サイトならCEEK.JP - 統合型メタサーチエンジンを利用しています。 使用頻度は問いませんが、これは便利と個人的に感じているサイトをお教えいただけたら嬉しいです!
ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ
Lumzy ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」というのが公開されているみたい。 デザイナーさんであれば、Photoshopでまずデザインを作るより、顧客にどういうサイトを作るか、イメージしてもらうためにモックを作るわけですが、それがブラウザ上で高速にできちゃいます。 ネットブック片手にブラウザさえインストールしてネット環境さえあれば、顧客と相談しながらサイトのレイアウトを作っていっちゃえますね。 サインアップとか無しにすぐに使えるところもGoodで、Flashを使った直感的なUIでモックアップをサクサク作れちゃいます。 ツールを立ち上げると、まずプロジェクト作成画面がでるので適当にいれて「Create Project」します。 作成すると、ボタンとかメニューバー、リスト、データグリッド、コンボボックスなどのありとあらゆるUIパーツが最初からそろっていて
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
2009年にリリースされたGoogle Waveがよいサービスに仕上がりつつあります。Google Waveというと「何のためのサービスなのかイマイチよくかわからない」「複雑そう…」というイメージですが、実は簡単に始められて使ってみるととても便利です。今回は「Google Waveとは?」をユーザー視点で整理して、招待なしでも簡単に使いはじめる方法、利用していく上で重要な注意点、最後にこのサービスのとらえ方を紹介していきます。 ■ Google Waveとは? ユーザ視点での簡単な説明 2009年5月に発表、同年秋に限定公開され、現在もユーザを制限して提供されています。 さて、そんなGoogle Waveですが、一説によると140もの機能があるとか…。 本家 "wave.google.com" のタイトルには Google Wave - Communicate and collaborat
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く