【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)
Internet Explorer 7日本語正式版 Internet Explorer 7(IE7)の日本語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで本稿では、IE7 beta2のCSS実装検証を元に、IE7日本語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお
ITmedia Biz.ID：Webページのキャプチャにまつわる7つのワザ
先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 Webページのキャプチャにはただ「PrtSc」（プリントスクリーン）ボタンを押すだけの方法から、特定のソフトを使った方法までさまざまだ。好評だった先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 訪問済みリンクの色をリセットする Webページのキャプチャを行う際、一部のリンクだけが訪問済みの色（Internet Explorerのデフォルトだと紫色）だとカッコ悪い。ブラウザのキャッシュを削除してリロードすれば元に戻るが、頻繁にキャプチャを行うのなら、思い切ってブラウザの「訪問済みリンクの色」を変えてしまうのもひとつの方法だ。 やり方は簡単。IEであれば「ツール
ウノウラボ Unoh Labs: サービスの開発と運営をする上での問題の切り分け(ドメイン・DNS編)
普段バランスボールに座って仕事をしているのにWBSの撮影は普段ボールで仕事をしていない人が軒並みボールに座るので自分の分がなくなって撮影中のテンションが下がってしまったアンケートに英語キーボードの人+1できなかったjokagiです．上鍵のタイプの英語キーボードってかなり少なくて困ってます． そういえばなんとか正式採用になってプロフィールに掲載されました． あらためてよろしくお願いいたします． さて今回はウェブ開発というかインターネット向けサーバー&クライアントな開発をする上で「問題の切り分けちゃんとできるようになりましょう」という話です． 問題の切り分けちゃんとできてますか? あるサービス，わかりやすいのはウェブサービスを開発していると，普通さまざまな問題がでてきます． スクリプトなどロジックの問題の場合は解決できる人は多くいらっしゃるのですが， 「サーバーにつながらない」という現象に対し
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
Macユーザーのための「エディタではてな記法」 - シナトラ千代子
miはClassicのときからつづいているMac界隈ではとても有名なエディタですが、今回はそのmiをはてなユーザー向けにカスタマイズする方法を。わりと初心者向けというか、「Macにはてなダイアリー用エディタないの？」な方向け。 ダウンロードなどはこちらから→○ mi - テキストエディタ はてな記法の入力 はてな記法を単語登録しておくと、エディタで下書きしている場合も、そうでない直書きの場合もわりと便利です。 今回はmiを使って、もう少し便利な方法を説明。 たとえば引用のはてな記法 >> ↑↓これ（ここに引用文） <<を使おうとしたとき、それぞれ引用文の最初と最後に入力が必要なのですが、miではキーバインドによって選択した引用文の最初と最後にまとめて文字列を入力することができます。 また、「はてな記法を単語登録したくない」というひとにはこちらの方法をお勧めします。miではモードを切り替える
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
ウノウラボ Unoh Labs: SoftBank絵文字の対処法
こんにちは。harukです。 今回はSoftBankの絵文字の対処法の基礎的な部分についてです。 絵文字コードは以下のようになっています。 0x1B 0x24($) 【 ? 】 【 X 】… 0x0F 【 ? 】 = G / E / F / O / P / Q 【 X 】 = 0x21～0x7E 【 X 】の部分には、[ < ]や[ ' ]や[ \ ]などが含まれているので多少やっかいです。 入力された絵文字を含む文字列を表示する際などには HTMLエンコード(実体参照化)してあげなければいけませんが、 絵文字の中もエンコードされてしまいます。 (例) こんにちは(0x1B)(0x24)G>(0x0F) ↓ こんにちは(0x1B)(0x24)G>(0x0F) となってしまい、4文字の別の絵文字になってしまいます。 対応するにはPHPでは以下のように行います。 function SB_ht
PHPでCSSを生成することによるテクニックが紹介されています - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
[を] Emacs 初心者のための最低限のコマンド表
Emacs 初心者のための最低限のコマンド表 2007-01-11-1 [Tips] 最強のエディタである Emacs はその敷居の高さでも最強かも。 なんてったってコマンドが多すぎで初心者はブルーになりがち。 しかもまわりの Emacs ユーザに使い方なぞ聞いた日にゃ、 「入門段階ではそもそも使いこなせないようなすごい機能」 の説明を嬉々として始めたりしがちで手に負えない。（偏見） というわけで、初心者向けに 「最低限これだけ使えればとりあえず大丈夫」 と思うものをまとめてみた。私も普段からよく使うコマンドたちである。 主に「Emacs操作キー一覧」 (http://www.magic.mediawars.ne.jp/tips/emacs_key.html) から抜粋。 上下左右へ移動 C-p, C-n, C-b, C-f行頭・行末へ移動 C-a, C-e1画面進む
CSS セレクタに関するおさらい | WWW WATCH
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
MacのUnix環境を整える。DarwinPorts / ターミナル設定 / emacs など：Goodpic
This shop will be powered by Are you the store owner? Log in here
IE7対応しているかどうかを確認するための3つのポイント - メモログ
既存のウェブサイトのCSSについて、IE7対応しているかどうかを確認するためのポイントは大きく3つかなと思います。 スターハック（* html）の記述があるかどうか プロパティハック（_property:value）の記述があるかどうか html>bodyの記述があるかどうか これらの記述がなく、それでいてIE6で十分きれいに表示できていれば、IE7でも大体大丈夫だと思います。IE7で確認する必要がないということではありませんが。 スターハック対応 スターハックで記述されている箇所はIE7では無視されてしまいますが、その上の行に*+htmlで指定を追加すると問題なくなります。きれいなCSSとはいえませんけど、他のブラウザに影響を与えない方法としては有効です。 *+html body .class {height : 100px;} * html body .class {height :
【名言】 製品だけじゃなくて、ユーザーもバージョンアップさせなさい。 | i d e a * i d e a
ドットインストール代表のライフハックブログ
d.aql - scriptタグの中にJavaScriptを書く正しい方法
XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。（試してないけど。）じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。（別にstrictを選ばなくても良いんだけどとりあえず。） http://www.w
WEBデザイナー日記:Firefoxで背景画像が伸びない場合の対処 - livedoor Blog（ブログ）
IEでプレビューしたら、ちゃんと表示されてるんだけど・・・ Firefoxの場合、親ボックスの中に「float」をかけた要素を入れると 親ボックスの高さが反映されずに、背景が表示されなくなってしまいます。 これで、悩むこと1時間あまり・・・ 回避方法を見つけたのでメモしておきます。 #container {overflow:auto;} 親ボックスに「overflow:auto;」を入れるだけです。
[N] Macをカスタマイズする10の方法
10 Ways to Trick out your Macというエントリーより。 Customizing your Mac is easier than ever these days. I started combing the web looking for new ways to “trick out” my Mac, and found these 10 links. Macをカスタマイズするための10の方法が紹介・リンクされているエントリーです。 そういえば初めてMacを使い始めた頃は「カスタマイズしてなんぼ」と思っていたところもありました。 Mac OSが進化して使いやすくなり、さらに仕事でも使うようになると、不安定になるのが怖くてあまりカスタマイズ用のソフトをインストールすることもなくなりましたが。 でも、そういう遊び心がMacだったりするのですよね。 ということで、このエン
![[N] Macをカスタマイズする10の方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/82c0a99c059d3d8ee712ac4e6ac0f61822219b3b/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2006%2F12%2Ficon_change1.jpg)
キャズムを超えろ！ - たったの5つ！ これだけは覚えておきたいCoolなプレゼンのためのショートカット・キー(MS PowerPoint用)
クリスマスイブだがチョー実用的ネタをひとつ。パワーポイント（Microsoft PowerPoint）を使ったプレゼンでのらりくらりとマウス操作してるケースが目立つ。今日Microsoftの広報の方までがそんな調子だった。スマートじゃない。慣れない講演会場のPCだったりするとさらに操作がトロくて(見てるほうが)やきもきする。 というわけで、身に覚えがあるあなたは、5つだけでいいのでショートカットキーを覚えてほしい。プレゼンがスマートになるだけでなく、パワポ作成作業効率もUPするはずだ (編集中に)SHFT+F5*1 意外に知らない人が多い。今編集中のページからスライドショーを開始することができる。質疑応答などで編集画面に戻った際、速やかにスライドショーに復帰できる。画面左下のちいさいアイコンを苦労してクリックする必要は、今日から無くなる。 (スライドショー中に)数字キー+ENTER 1、2
CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
IDEA * IDEA