20の優れたAjax効果*ホームページを作る人のネタ帳
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
10代のネット利用を追う： 第2回 「ふみコミュニティ」に見る10代少女のネット利用
10代の少女たちは、パソコンやケータイをどのように利用しているのだろうか。2回目の今回は、10代女子に人気のコミュニティサイト「ふみコミュニティ」を運営するふみコミュニケーションズの代表取締役である加嶋二三男氏に、ふみコミュニティと10代女子のインターネット利用について話を聞いた。 ● 顔を合わせるのに近い「プリクラ手帳」 ふみコミュニティとは、2000年から始まった情報交換や交流を目的とした大型コミュニティサイトだ。ユーザーの9割は10代女子であり、ユーザー数は現時点で約100万人に上る。パソコンからの利用がメインのサイトで、携帯電話からも見られるが、あくまで外出先で確認したいというユーザーのニーズに応えたもので、パソコンの補助的な位置づけだ。 掲示板やチャットで交流ができる他、HP（ホームページ）を作って公開したり、作り方などを質問することもできる。「フミコミュTV」というオリジナル番
「実名」と「特定」は別のものだ:佐々木俊尚 ジャーナリストの視点
メールアドレスのご連絡 久しぶりのエントリーだが、まずビジネス上の緊急連絡から。 ドメインのレジストラ移管のトラブルで、わたしがいつも使っているsasaki@pressa.jpのメールアドレスが不達になってしまっています。「佐々木からメールの返事が来ないけど、どうなってるんだろう」と思われた方は、お手数ですがsasakitoshinao@gmail.comまで再送していただけませんか。DNS浸透期間が完了するまで、この状況はしばらく続いてしまいそうなのでよろしくお願いいたします。 匿名と特定の関係を考える さて先日、ビットメディアの高野雅晴社長と話をしていて、匿名／実名の話になった。高野社長は以下のようなマトリクスを提示して見せてくれた。 匿名と特定のマトリクス 実名 匿名 特定 実名ー匿名というのは、今さら言うまでもない。日本人なら誰でも持っている氏名を、明かしているかどうかということだ
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
OGC2008現地レポート - 2ch管理人・ひろゆき氏、「思考の速度がどんどん速くなっている」
2ch管理人・ひろゆき氏、「思考の速度がどんどん速くなっている」 IGDA代表・新清士氏、「ミームの新陳代謝が加速している」。異なるアプローチから共通の観測が出た2講演を紹介 3月14日 開催 会場：ベルサール神田 3月14日にベルサール神田で開催されたOGC2008では、昨年のAOGC以来のオンラインゲーム業界だけでなくコミュニティサービス業界も議論の範疇となり、多くのセッションが、インターネットを媒体に大きく変化しつつあるオンライン・エンターテイメント全体を包括的に議論する場となっていた。そこで感じられたのは、「ウェブ」と「ゲーム」の境界線が、技術的にも文化的にも曖昧になりつつあることだ。特にシンボリックな存在が「ニコニコ動画」であり、今回のカンファレンスでは基調講演を含め、同サービスを巡って関連4セッションが開催されていたことが印象的だ。 そのうちのひとつ、IGDA代表
POLAR BEAR BLOG: Google は社内でどんなツールを使ってるの？
Enterprise 2.0 という言葉が作られるなど、WEB2.0的ツールを企業内で使うことが一般的になっているわけですが、それじゃ Google はどんな社内ツールを使ってるんだろう？という興味を満たしてくれる記事がありました： ■ The Tools Google Uses Internally (Google Blogoscoped) 元ネタはこちらのエントリに掲載されているもの（詳細なPDFファイルはこちら）で、KMWorld Magazine が主催したイベントで発表されたプレゼン内容とのこと。Google 社員の Naveen Viswanatha という方が、いくつかの社内ツールを紹介してくれています。早速どんなものか、というと： < Google Projects > プロジェクトに関係するタスクや資料を一覧表示する、ダッシュボードのようなツール。上の方にあるタブに「My
これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog
こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか？」という知りたいことの結論がでないのです。 私は、基本的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運
10GBのストレージと簡易ウェブサイトを作れる『Google sites』がAppsに追加 | G Mania - グーグルの便利な使い方
10GBのストレージと簡易ウェブサイトを作れる『Google sites』がAppsに追加 管理人 @ 2月 29日 04:52am Google Apps ウェブブラウザを通して、簡単にウェブサイトを作ることができるGoogle Siteが公開されました。 HTMLが分からない人でも簡単にサイトを構築できるのが売りです。レンタルブログサービスのように、テンプレートを選んで、サイトの構成を指定していけば、完成です。 会社の簡易ホームページ、プロジェクト用サイト、学校やサークルのウェブサイトに役立ちそうですね。 Google Siteには、１０GBの無料ストレージが用意されていて、最大１０MBのファイルをアップロードできます。また、プレミアエディションと、学校向けのエデュケーションエディションには、1アカウント毎に500MBの追加ストレージが用意されています。 また、YouTubeビデオやG
Googleキラーとも言われる「Mahalo」を徹底的に使ってみた: SNS,ソーシャルネットワーキング.jp
●Googleキラーとも言われる「Mahalo」を徹底的に使ってみた RWWなどで、検索エンジン「mahalo」が注目されていました。そこで色々調べてみました。 参考：Hitwise Intelligence - Heather Hopkins - US: Wikia Launch & Mahalo Growth 参考：Believe it or not, Mahalo is Growing - ReadWriteWeb 参考：人力が加わった検索エンジン「Mahalo」 ：ソーシャルメディア.jp（自己言及） このmahaloというのは「Googleキラーか」と騒がれたこともある検索エンジン。最近、ユーザ数が増えているそうで。賛否両論のAlexaで調べてみると確かに増えているようです。トラフィックランクは3,449位。 » mahalo.com（Alexa） そこで個人的に思うに、Maha
Webサイトは近いうちになくなる--インターネットへのアクセス方法の変化
ウェブサイトはHTMLをブラウザが描画して見るもの、と思っていた時代がそろそろ終わりに近づいている。 ウェブ標準が提唱され、HTMLはXHTML+CSSとなり、今までソースを汚していたTABLEタグ、イメージ情報等は排除され、HTML自体が純粋にデータと意味のみ記載されたマーキングアップテキストになってきている。 利点でもあり欠点でもあるのだが、wwwに公開されているもの、というのは基本的には全て「もっていく事が可能なデータ」である。いままでも、正規表現等を駆使して、目的のサイトをスクリーニングする事ができたのだが、各サイトによりバラツキがあり、統一のフォーマットというものがなかった。 しかしホームページの多くがブログ化されたことにより、今多くのウェブサイトは一定のフォーマットにより決められた書き方をされている。 上記したようにHTMLがデザインを切り離し、フォーマット化されたことにより、
今後10年間のウェブ潮流を10の要素からひもとく
われわれは現在、一般にWeb 2.0として知られるウェブの時代にいる。このウェブの局面の特徴には、検索、ソーシャルネットワーク、オンラインメディア（音楽、動画など）、コンテンツの集約とシンジケーション（RSS）、マッシュアップ（API）などが含まれる。現在のウェブは主としてPCからアクセスされているが、モバイル機器（例：iPhone）やテレビセット（例：XBox Live 360）などからウェブを楽しむ例も増えている。 ウェブについて、今後10年ほどの間にどんなことを期待できるだろうか。今週の投票でNatC氏がコメントしたように、今後10年間でウェブに最大のインパクトを与えるものは、コンピュータの画面を通じて現れるものではないかもしれない。「オンライン活動は、存在感、移動、買ったり使ったりしたものなどがミックスされたものになる。」また、以下に示す10項目の（あるいはそれ以上の）潮流の相互作
CSSでロールオーバーもどき
CSSでロールオーバーもどき ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R"/></a> CSSソース a:hover img{ opacity:0.8; filter: alpha(opacity=80); } サンプル ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げます。 簡単なんで、忙しいときに重宝します。 関連エントリー CSSで実現するスマートなロールオーバー 画像置換 cssで画像をプリロードする方法（改 一番簡単な画像置換の方法 画像置換でメニューを作る 画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA