Your Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.

font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べました。 結果としては下記の表になりました。詳細はデモページを見てください。 Parallels上のWin7: IE6-8(IE6,7はIETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 文字コード: UTF-8 指定方法 IE Chrome Saf

iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C

Ajaxやタブ切替には必須かも？ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン Ajaxやタブクリックなどのイベントでもブラウザの「戻る」「進む」を有効にすることができるjQueryのhashchange eventというプラグインを紹介します。同じような効果を得られるスクリプトより断然使いやすいのでおすすめです。 使い方はとても簡単で windowにhashchangeイベントをbindするだけです。 $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ハッシュフラグメントが変わったときにHoge()を実行する $(window).hashchange(); // Windowロード時に実行できる Ben Alman » jQuery hashc

HTML5 for Web Apps, in depth and cross-browser Paul Irish Google Chrome, Developer Programs Engineer Web Directions East, Tokyo November 15th wde2010-pi.appspot.com In order to view this presentation accurately, you'll want to use Chrome Dev Channel or a nightly Chromium. For the demos you'll need a combination of Chromium or Chrome Dev Channel. You can navigate with → and use ↓ on bullets. Web

Your AI-powered copilot for the web. Ask questions. Chat to refine results. Get comprehensive answers and creative inspiration.

インターネット上でのコンテンツ配信を手がけるJストリームによると、Internet Explorerの国内シェアは約66パーセントで、約9割という独占状態だった2007年9月の調査と比べて大幅に下落しているようです。 この調査は2009年2月に行われ、様々なジャンルのポータルサイト30種に出したバナー広告のアクセス履歴を利用してWebブラウザのシェアを調査したとのこと（Jストリームの発表資料）。 IE系ブラウザのシェアはIE7がトップで42.44％、続いてIE6が23.09％、Tridentを使うSleipnirが4.82％。IE8は調査時はまだリリース前ということで0.90％でした。 非IE系のブラウザのシェアはSleipnirを除くと約3割。2007年9月調査時に約5パーセントだったシェアを約18パーセントまで伸ばしたFirefoxを筆頭に、SafariやChrome、Operaが続き

ie6fixer - onderhond.com サイトのIE6対応を補助してくれる「ie6fixer」。 サイトのCSSをペーストして、各種オプション指定でサブミットすると追加CSSが吐き出されます。 floatな要素にdisplay:inline を追加したり、min-heightをheightに変換といったCSSが出力されます。 CSSが出力。これを追加したからといって自動なので完璧ではないですが、補助的に使うのは便利そうです。 ＩＥ６のシェアは下がったとはいえ２月時点で約２０％というシェアを考えるとまだまだ対応しておきたいですね。

Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

本日、InternetExplorer(IE)の最新バージョン8が正式リリースされました。 IE8にアップデートしたい方は、早速ダウンロードしましょう。 また、以下のサイトにてIE8の特徴やインストールまでの流れが詳しくまとめられています。 参考にしてみましょう。 ◆【Internet Explorer 8】日本語正式版速攻レビュー。 ◆Internet Explorer 8 : かつてない新機能 ◆IE8こそが世界最速のブラウザであることを証明するムービーをマイクロソフトが公開中 ◆マイクロソフトはIE 8で地雷を踏んだ？ ◆IE 8で気に入っている点と気に入っていない点、合わせて10個 IE8には「アクセラレータ」という便利な機能が追加されました。 そこに追加できるアドオン（拡張機能）を以下に紹介します。

CSSハック等に応用できそうなブラウザが解釈しているCSSがわかる「Selector Shell」 2009年01月22日- Selector Shell CSSハック等に応用できそうなブラウザが解釈しているCSSがわかる「Selector Shell」。 ボックスにCSSを入力して「Test It」を押せば解釈されているCSSが分かります。 これを使えば、どんなCSSがちゃんと利いていて作用するかっていうのが分かりますね。 たとえば、次のようなCSSがサンプルで最初からはいってます。 Gecko, IE用や, Webkit 用などさまざまなハックを使っていますが、各種ブラウザで「Test It」してみれば何が利いているかが一目瞭然です /* Some example CSS */ body .class1 { border-color: black; } /* Gecko hack. *

カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって本当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ！口座引き落とし

レイクってよくCMでも目にするし、消費者金融を何か利用してみようかなって考えたときには候補として考えている人もいますよね。やっぱりいくら条件が良くても全く知らない消費者金融よりは、名前を知ってて利用者が多い方が安心できます。でもレイクって主婦でも申し込みできるのでしょうか？申し込める人と申し込めない人、どういう決まりになっているのでしょうか？ レイクにはもちろん申し込み条件がありますが、20～65歳までという年齢の条件があることと、きちんと収入があることの2点だけです。つまり、主婦でも収入があれば申し込むことができるんですね。主婦の収入といえばパートということになりますが、毎月きちんと収入を得ることができていれば、正社員や派遣社員などでなくても大丈夫なのです。 レイクはレディースレイクという女性専用商品を扱っています。対象が女性というのはもちろん、レイクの担当者も全員女性というもので、借り

2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

IE7 for Vista、Firefox3 for Mac OS XのインターフェイスやフォームやスクロールバーなどのパーツやiPhoneのGUIのPSD素材をteehan+laxのエントリーから紹介します。 Browser Form Elements PSD 上記のキャプチャはIE7 for Vistaで、PSDファイルのレイヤーは各パーツごとに綺麗に整頓されています。 同様に、Firefox3 for Mac OS XのPSD素材もあります。