タグ

Webに関するmanatenのブックマーク (172)

  • へだちの日記 : オンラインRPG「Gladiators」を作りました

    ブラウザでプレイするオンラインRPG「Gladiators(グラディエイターズ)」のアルファ版を日から公開しました。インストールなどは一切不要で、1分かからずゲームをはじめられますので是非プレイしてみて下さい。もちろん無料です。 オンラインRPGというと「ファイナルファンタジー11」や「ラグナロクオンライン」などが有名ですが、このGladiatorsは「オンラインRPGtwitterを融合させる」という発想から出発し、ブラウザで手軽にプレイできるテキストベースのオンラインRPGとして開発を進めてきました。昔のRPGやアドベンチャーゲームをオンラインにしたようなゲームです。デザインもファミコン風にしました(手抜きとも言います)。 正直なところ、今のGladiatorsはまだゲームとして未完成すぎるとは思っているのですが、とりあえずリリースして遊んでいただき、意見やご感想を伺いながら改

  • Google、HTTPを補う高速化プロトコル「SPDY」発表

    GoogleがWebページ表示をスピードアップするプロトコル「SPDY」を発表した。テストではページ読み込み速度が最高で64%短縮できたとしている。 米Googleは11月12日、Web高速化を実現するためのアプリケーションレイヤープロトコル「SPDY」(スピーディーと発音する)を発表した。Googleが目指しているWeb高速化の一環で、HTTPをサポートし、Webページ表示の遅延時間を最小限に抑えるという。 SPDYに関するホワイトペーパーによると、同社はSPDYとともに、同プロトコル対応版のGoogle ChromeブラウザとオープンソースのWebサーバも開発した。これらのアプリケーションをHTTPとSPDYで稼働テストしたところ、ページ読み込み時間が最高で64%短縮できたという。 SPDYはセッションレイヤーをSSLの上に追加するので、単一のTCP接続で複数の相互データストリームを並

    Google、HTTPを補う高速化プロトコル「SPDY」発表
  • 2010年に備えて、知っておきたいウェブデザインのトレンド

    2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト

    manaten
    manaten 2009/11/04
    結局いつも通り、インパクトを与える独創性が大事。なのかな?
  • 廃人への人生岐路

  • 認証がかかっています

    こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa

    manaten
    manaten 2009/10/20
    真偽はどうであれ、今のご時勢下手な発言をするとあっという間にネットで騒がれてイメージダウンにつながるので、下手な発現はしないほうがいいというお話
  • 単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報

    最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ(かなり前から用いられている)でありながら今また勢いを増しつつある(少なくとも僕は人気上昇中だと感じている)デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先(知り合い)を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手

    単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報
    manaten
    manaten 2009/10/19
    Googleのトップもいいデザインだよね。だがYahoo、テメーはだめだ
  • [CSS]コンテンツとサイドバーの高さを同じにするスタイルシート

    サイドバーがコンテンツの高さと異なる際に、コンテンツと同じ高さのように見せるスタイルシートをwoork upから紹介します。 Really simple CSS trick for equal height columns 仕組みの概要は、コンテンツの右のボーダーを200pxにし、その上にサイドバーを表示して、サイドバーの高さをコンテンツと同じように見せるものです。 HTMLは、コンテンツとサイドバーのdiv要素を内包するdiv要素(wrapper)を配置します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div id="maincontent">...</div> <div id="sidebar">...</div> </div> </textarea>

  • 「無料で遊べる」携帯ゲーム高額請求相次ぐ : 社会 : YOMIURI ONLINE(読売新聞)

    「無料で遊べる」とうたう大手携帯ゲームサイトから高額な情報料を請求され、トラブルになるケースが相次いでいる。 5歳の子どもが親の携帯電話で遊ぶうち、10万円もの高額アイテムを購入してしまった事例も。親は電話料金に上乗せされた請求を見て初めて気付くことが多いという。国民生活センターは携帯電話会社などに対し、高額請求の場合は一時的に請求を止めて調べるなどの改善策を求めた。 山形県内の主婦(37)が、ソフトバンクモバイルからの請求金額が急増したことに気づいたのは今年5月。明細には「情報コンテンツ料 4万5150円」とある。小学3年生の長男(9)に聞くと、大手サイト「グリー」で自分の分身(アバター)を飾るアイテムを買っていたという。 ゲームは原則無料だが、アバターを飾ったり、ゲームを有利に進めたりするための特別アイテムは有料で、1点5250円するものもある。テレビコマーシャルでは「無料で遊び放題」

    manaten
    manaten 2009/10/11
    4日で10万使える課金アイテムの相場はどうなの。携帯ゲームは知らないけど以前いたネトゲはハズレだらけのガチャガチャ一回に200円とか500円とかのきちがいじみた内容だった。
  • 実名推進派は人の気持ちがわからない人が多い。 : ひろゆき@オープンSNS

    【教えてくん】コミュニティーなのです。 なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ 実名推進派は人の気持ちがわからない人が多い。 : ひろゆき@オープンSNS ひろゆき@オープンSNS (ひろゆき@オープンSNS) 投稿者, @ 2009-10-06 08:24:00 実名推進派は人の気持ちがわからない人が多い。 ネットの、実名・匿名の議論は、毎年起きる行事の一つになりつつありますが、最近、ようやく一つの法則を見つけることが出来ました。 基的には、匿名派の人は、会社バレして面倒が起こるとかのデメリットの話をしているのに、実名派の人は、実名にはこんなメリットがあるよみたいな意見が多いのですね。 匿名派の人は、実名と匿名の両方を認めているので、実名の人に匿名で書けという意見は滅多にないのですね。 でも、実名派の人は、匿名で書くのをやめて、実名で書けとい

    manaten
    manaten 2009/10/06
    そもそも匿名のとこでだって文字を書ける以上実名を書けるので、実名派ってのは正確には実名強制派なんだろうと思う。こう書いてみると高慢な人が多くを占めそうな気がしてくる
  • あまり知られていないけれど、HTML5では正規表現が使えるようになる

    正規表現といえば、主にsedやawkといったUNIXのコマンドで、あるいはPerlPHPJavaScriptなどのスクリプト言語の中などで、プログラマーが文字列を操作するために使う道具でした。 その正規表現がHTML5でサポートされる見通しです。いままで正規表現を使わずに済んでいたデザイナやコーダーといった職種の方々も、いずれ仕事としてきちんと正規表現を扱わなければならない時代がやってきます。 HTML5のどこに正規表現が使えるようになるの? 正規表現は、input要素のpattern属性の中で使えることになる予定です。W3Cが2009年8月25日付け公開しているHTML5のワーキングドラフトの「4.10 Forms」の「4.10.4.2.8 The pattern attribute」では次のように記載されています。 The pattern attribute specifies a

    あまり知られていないけれど、HTML5では正規表現が使えるようになる
    manaten
    manaten 2009/09/29
    この程度ならコーダーやデザイナができなくったってあとからちょちょいと追加できそう。従来ならSubmit時にJavaScriptなりで弾いてたものを、はじめから入力できなくしてユーザビリティを上げるものなのかな
  • もじゃもじゃVIP、略してもっぷ 隣の部屋のクソガキが無線LANはいってくるんだが・・・

    隣の部屋のクソガキが無線LANはいってくるんだが・・・ 1 名前:以下、名無しにかわりましてVIPがお送りします:2009/09/20(日) 03:25:39.83 ID:QYndHUdN0電波ジャッカー死ね('A`) 勝手にPSPやらDSやら繋げんな 入った理由が「WEPだったし俺の家有線ケーブルしかない」じゃねーよ 何がaircrackで余裕だっただこのスクリプトキディが MACアドレスで接続弾くこと出来る? 3 名前:以下、名無しにかわりましてVIPがお送りします:2009/09/20(日) 03:27:05.65 ID:BaY7o6x6Oよく分からないけど 暗号化しても使われてるなら通報しろ 4 名前:以下、名無しにかわりましてVIPがお送りします:2009/09/20(日) 03:27:20.03 ID:t3zBYysZ0友達ができてよかったね 6 名前:以下、名無しにかわりま

    manaten
    manaten 2009/09/22
    無線でパスワードかかってないところなんてログ見るなんて文化がないだろうから絶対にばれないんだろうなあ・・・ / DSのWEPは任天堂がどうにかすべき。
  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • Expired

    Expired:掲載期限切れです この記事は,ロイター・ジャパンとの契約の掲載期限(30日間)を過ぎましたのでサーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。

    manaten
    manaten 2009/09/10
    何byteのデータを転送したんだろう。 / メディアの読み書きする時間がかかるから、対高速回線だとハト用意するまでもなくハトが負けそうなのがかわいそう。
  • 【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

    こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">

    【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
  • 半額以下.com - 激安の商品検索

    驚きのセール品がサクッと見つかる、半額以下の激安通販まとめ。もちろんフリーワード検索にも対応!

    半額以下.com - 激安の商品検索
  • Firefoxでの動画サイトのイライラを解消する方法 | ライフハッカー・ジャパン

    Lifehacker読者のBernard Sandbergさんによると、YouTubeなどの動画サイトで10秒ごとに動画がフリーズするのは、Firefox2.0以降に搭載されているセッション復元機能が原因だとか。Firefoxのデフォルト値では開いているタブを10秒ごとに保存する設定になっているそうで、多くのタブを一度に開いているとより動画が固まりやすいそうです。 では、これを解消するためにはどうすればよいのでしょう? 答えはシンプル。セッション復元のための保存のインターバルを長くすること。具体的な方法としては、アドレスバーで「about:config」と入力しEnterキーを押すと、フィルターボックスが表示されますので、さらにフィルターボックスに「browser.sessionstore.interval」と入力しましょう。すると「10000("10秒に保存する"の意)」が表示されるは

    Firefoxでの動画サイトのイライラを解消する方法 | ライフハッカー・ジャパン
    manaten
    manaten 2009/08/25
    重いなとは思っていたけど原因がこんなとこにあったとは。
  • 孫引きはなぜいけないのか - 蟹亭奇譚

    http://d.hatena.ne.jp/y_arim/20090820/1250785871 よしもとばななさんの「ある居酒屋での不快なできごと」 - 活字中毒R。 活字中毒Rの記事ってのはこれな。こいつを起点に議論だかなんだか知らんものがはてな界隈で進んでいくうち、いったい元のエッセイに当たったやつはどれだけいるんだろう? と気になってた。見るからに抄録なんだけど、誰かひとりくらい読んだのかよ? なんで元ネタ自体たいして読まれもしないまま(『読む気もない』と開き直るバカまでいやァがる)どんどん話膨らませて、ばなな叩きまで進行してんだ? と。 孫引きに基づいた批判イクナイ! 原典を読め! という有村さんの指摘は正しい。 孫引きがいけない理由 - BLOG STATION 「孫引き」 でググると一番上に表示されるページは僕が以前書いたものだ。今回と全く同じ問題だと思うので、要点をまとめて

    孫引きはなぜいけないのか - 蟹亭奇譚
    manaten
    manaten 2009/08/22
    孫引きという言葉に慣れ親しんでない僕は孫の手のようなものを連想した。 / こういうことするのって一番もとの文章書いた人への敬意も足りてないよね。著作権無視(割れサイトとか)に少し近いものを感じる。
  • PubSubHubbubでRSSもTwitter並にリアルタイムに - @IT

    2009/08/19 「PubSubHubbub」(パブサブハブバブ)という奇妙な名前のプロトコルが注目だ。2009年8月5日にグーグルRSSリーダーサービスのGoogle ReaderでPubSubHubbub対応を明らかにしたほか、国内ではライブドアが、同じくRSSリーダー「livedoor Reader」とブログサービスの「livedoor Blog」でPubSubHubbubに初対応したことを8月18日に発表している。まだ対応サービスは少なく、その“効能”も「ブログの更新がRSSリーダーに反映されるのが、ほぼリアルタイムになりました」というだけで小さく見えるかもしれない。しかしPubSubHubbubは、ネット全体のリアルタイムコミュニケーションプラットフォーム化を促す重要なキーとなるかもしれない。 Twitterが見せつけた“リアルタイム”のテンポの良さ Twitter人気が高

  • HTML5 と CSS3 で 死にたい

    CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛

  • tokuhirom blog

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

    manaten
    manaten 2009/07/31