タグ

webdevとjavascriptに関するtyruのブックマーク (4)

  • 妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

    はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にしてのパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome万歳!な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ

    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
    tyru
    tyru 2013/01/19
    なんかIE対応って面倒そうだなーって思ってたけど、今はHTML5+CSS3で書けばjQueryプラグインとかでなんとかできるのか。その方がすっきりしそう。
  • HTML5で#!が不要になる簡単な実例 - karasuyamatenguの日記

    ここに行く http://html5demos.com/history/first first,second,third,fourthを交互にクリックする その際、URLバーを見つめる URLの最後の部分が瞬時に変ることに気付く 結局#!サイトがやりたいのはこれでしょ? これだけのためにHTML5を待たずサイトのURL構造で大冒険をした意味は何?

    HTML5で#!が不要になる簡単な実例 - karasuyamatenguの日記
  • jQuery Mobile [基礎編]

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

  • Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記

    Tim Bray(GoogleAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判 例にtwittertwitter.com/#!/timbrayを挙げている。 #!の働き サーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する 何故#!を使うのか ajaxのアプリは古いブラウザでは基的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能 なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。 つまり

    Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記
  • 1