General General hints and tips that don't fall in to any category.
General General hints and tips that don't fall in to any category.
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
こんにちはこんにちは!! ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します! 『ふつうのformをつかいたい』 - はまちや2 - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの? [この日記のブックマークコメントを見る/書く ]
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. すべてのブラウザがWebの標準技術を適切に実装した場合、制作したWebページやWebサイトを複数のブラウザを使ってチェックする必要はなくなる。どれかひとつのブラウザで試験すれば、それ以外のブラウザでも同じように表示され、同じように動作するからだ。 たしかに、最新のブラウザとHTML5以降のWeb技術を使ったサイトではそうした傾向が強まっている。しかしながら、古いブラウザは依然として影響力のあるシェアを確保し続けているし、現実問題として、クロスブラウザテストを無視したサイト制作は現実的ではないという状況にある。この状況はまだ数年は続きそうだ。 そうした場合に利用できる有償および無償のクロスブラウザテストツ
Webブラウジング中にショートカット・キー[F12]を押すと起動できる「開発者ツール」が、バージョン8以降のInternet Explorer(以下、IE)には搭載されている。開発者ツールは、現在開いているWebページのHTMLコード内の各要素をツリー形式でビジュアルに表示したり、Webページ上の要素をクリックして、それに該当するコードを表示したり、HTMLコードやCSSプロパティなどをその場で試しに書き換えてリアルタイムにWebページの表示を変更したりできるなど、Web制作に役立つ機能がそろっている。そういったWeb開発用機能の1つとして、JavaScriptコードのデバッグ機能がある。 IE9では、この開発者ツールが強化され、JavaScriptコードの書式を整形して、見やすく表示する機能が追加された。本TIPSでは、この機能の使い方を説明する。 ■開発者ツール(IE9以降)のJava
Internet Explorer、Firefox、Safari、Chrome、Operaなど主要ブラウザの中の特定ブラウザのみに有効なCSSハックをbradKELLETTから紹介します。 Documenting the Hacks: CSS Browser Targeting CSSハックは使用しないに越したことはありませんが、必要がある場合には最小限簡潔に記述しておくようにします。 各ブラウザの新しいバージョンがリリースされた際、これらのハックが無意味なものになることも念頭においてください。 Internet Explorer 6 IE6のみに適用します。 <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
やっぱりXPやMACで見ると、こんなにも字体が違うのね。。。 使って最初に思ったことがこれですw クロスブラウザテストを行えるサービスはキャプチャを取ったり、IETesterのように実際に表示できたりするものもありますが、無料で「BrowserLab」ほど信憑性と手軽さを感じるものは他にないのでは? 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! アドビの「BrowserLab」が便利なこと この上ない「BrowserLab」は、複数のOS上でのFirefox、Internet Explorer、Safariのサイトキャプチャ画像をオンラインで比較できるクロスブラウザテストサービス。 複数ブラウザの比較をカンタンに行えるのも非常に便利です。 ↑複数ブラウザの表示を比較するのもカンタン。 ↑メニュー
インターネット上でのコンテンツ配信を手がける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が続き
先週末にWCAN x CSS Nite 2009 SPRINGがありました。今回はCSS Niteとの共催セミナーということでセッション数も多めです。テクニックから仕事効率化、ブランディングまで幅広いレイヤーのお話を聴くことができました。 毎度のごとく名古屋国際会議場で。今回も過去最多の200名超の参加があったらしいです。前回が160名程度といことでしたので、どんどん大規模になっていってますね。 [SESSION-1] CSS3+jQueryで行こう! [SESSION-2] CSSレイアウト:IE 6対応のかんどころ Lightning Talks [SESSION-3] デザインビュー派? コードビュー派? Dreamweaverでのコーディング再点検 [SESSION-4] ブランディングの正体 懇親会 関連記事 [SESSION-1] CSS3+jQueryで行こう! 益子 貴寛
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には「アクセラレータ」という便利な機能が追加されました。 そこに追加できるアドオン(拡張機能)を以下に紹介します。
カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携の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 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
Internet Explorerを便利に利用するためのRSSリーダーやツールバー、mixi、GREE、del.icio.usのプラグインなど、便利なソフトウェアを配布しています。Internet Explorerで閲覧中のページを他のブラウザーで開く 「Escape for Internet Explorer」 概要 Escape for Internet Explorerは、Internet Explorerで閲覧中のページやリンク先を別のブラウザーで開くための機能を追加する拡張ソフトウェアです。FireFox、Google Chome、Opera、Safariの4つのブラウザーに対応しています。 Escape for Internet Explorerをインストールすると、FireFox、Google Chome、Opera、Safariのインストール状況を確認して、インストール
CSSのfloat関係って、基本的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 1)floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例1ー1(imgにのみfloat:left、下に回り込む) ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く