IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュ... 続きを読む

• less.carbonfairy.org
• コンピュータ・IT

まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」という謎の挙動を理解してみる。 viewportに... 続きを読む

• hamalog.tumblr.com
• コンピュータ・IT

pre要素でソースコードを折り返すためのCSSです。最近は色々なSyntax Highlighterが登場しているので必要ないかもしれませんが、URLなどの横に長い文字列をpre要素で表示したいときに有効かもしれません。 １．CSS 以下のCSSでpre要素の文字が折り返せます。「w... 続きを読む

• www.koikikukan.com
• コンピュータ・IT

最近のブラウザではWebフォントの利用を可能にする@font-faceをサポートしており、使われているサイトもよく見かけるようになった。@font-faceはWebフォントの利用に限らず、ローカルのフォントの再定義にも使えるので、ユーザースタイルシートで利用すればＭＳ... 続きを読む

• hail2u.net
• コンピュータ・IT

A free online service which records market share of Search Engines, Browsers and Operating Systems including mobile from over 4 billion monthly page views.Customize Select a statistic (e.g. search engine) Choose a region/country Pick a time p... 続きを読む

• gs.statcounter.com
• コンピュータ・IT

nagomu.me About Search inline-blockの隙間を無くす話 その後 Apr 03, 2011 - @nagomu 一つ前の記事（『inline-blockの隙間を無くす話』）「font-familyいじくるの面倒だよね」とか言っていたら、@understandさんが、解決して下さった！ 感謝！ 若干トリッキー... 続きを読む

• nagomu.me
• コンピュータ・IT

今時のブラウザがどれくらいUTF-7をまだサポートしているか調べてみたのでメモ。全てWin32上。IE8レスポンスヘッダでcharset=utf-7と指定したとき、およびコンテンツの先頭(より前)にUTF-7のBOMである +/v8- を挿入しておいた場合にUTF-7となる。でcharset=utf-... 続きを読む

• d:id:hasegawayosuke
• コンピュータ・IT

CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが... 続きを読む

• www.moongift.jp
• コンピュータ・IT

IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 １．IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body... 続きを読む

• www.koikikukan.com
• コンピュータ・IT

Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。... 続きを読む

• journal.mycom.co.jp
• コンピュータ・IT

画像の1ピクセルが実際のデバイス上で何ピクセルとしてレンダリングされるかを示す-webkit-device-pixel-ratioという値があります(この値はwebkit系であればwindow.devicePixelRatioに入っています)。 iPhone4ではこの値が2になっていて、今まで通りに画像を表... 続きを読む

• ido.nu
• コンピュータ・IT

ニュース Chromeブラウザのシェア、10％に近づく IE6はWebサイトの間でサポート打ち切りが進むにつれてシェアが低下しており、特に企業ユーザーの間では10.3％にまで下落している。 2010年12月02日 15時34分 更新 GoogleのChromeブラウザは着実に勢力を伸ばして... 続きを読む

• www.itmedia.co.jp
• コンピュータ・IT

異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり... 続きを読む

• www.webcreatorbox.com
• コンピュータ・IT

IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」v3.0.1776.0 初期状態では画面全体が縦に2分割されており、それぞれの側にIE6/7/8のレンダリングエン... 続きを読む

• www.forest.impress.co.jp
• コンピュータ・IT

細かい話をすると膨大になる（というか自分の手に余る）ので、簡潔に書きます。とりあえず今後のWeb制作の参考になればと。 結論：font-familyで和文フォント名を指定するのは、もうやめる。 font:menu; と書けば、OSのシステムフォント（menu以外にも、icon、m... 続きを読む

• d:id:n-yuji
• コンピュータ・IT

僕はXHTMLのルビ（小さな字で読み仮名をふったりするアレ）を使いたくてXHTML 1.1を選択してるんですが、過去にXHTML2で検討されてたl要素（パラグラフより細かい単位の「行」を示すための物）やiframeやなんかをどうしても埋め込みたくなって、しかしそのせい... 続きを読む

• piro.sakura.ne.jp
• コンピュータ・IT

Opera Logo with CSS The Opera logo, rendered only with CSS, no images. Compare it with the real deal. Alas, best viewed in Firefox 3.6, Safari 4, or Chrome 5. Aside from another shameless plea for attention, this demonstration gives me a chan... 続きを読む

• desandro.com
• コンピュータ・IT

（株）グルージェントは9月30日、さまざまなWebブラウザーで共通の見栄え・動作を実現する“クロスブラウザ”対応Webサイトの開発を支援するソフト「Pirka'r（ピリカル）」を公開した。Windows XP/Vistaなどに対応するフリーソフトで、動作には「Java Platform,... 続きを読む

• www.forest.impress.co.jp
• コンピュータ・IT

文：Stephen Shankland（CNET News） 翻訳校正：川村インターナショナル 2009/08/03 07:30   個人的にブラウザメーカーに感謝をささげたい。筆者のスクリーンがあまり大きくないことに気付いてくれたのだから。 筆者は、ディスプレイの有効領域で使えるものはす... 続きを読む

• japan.cnet.com
• コンピュータ・IT

JavaScript CSS ファイルを一本化できればステキ。ブラウザ毎に書き分けるのって本来の姿じゃない。 CSS3 の機能を古いブラウザで使えればもっとステキ。 古いブラウザに時間を掛けたくない。CSS のバッドノウハウなんてノーサンキュー。やりたいことが表現でき... 続きを読む

• d:id:uupaa
• コンピュータ・IT

Fx情報Firefox 3.5 Preview（3.5b99, ID:20090605162636）がリリースされたばかりだが、そのコードはほぼ完成に近く、性能面でPreviewと正式版の差は小さいと考えられる。今回はこのプレビュー版を使ってパフォーマンスを検証したい。比較対象の第一グループと... 続きを読む

• d:id:Rockridge
• コンピュータ・IT

ローカルディスクまたはウェブサーバ上にある901iシリーズ以降のiモード対応HTMLとFlash® 、デコメールテンプレート、901iSシリーズ以降のPDF、902iシリーズ以降のトルカ、906iシリーズ以降のデコメアニメを表示することができます。 ログウィンドウ機能により... 続きを読む

• www.nttdocomo.co.jp
• コンピュータ・IT

javascriptデモを 2008-11-03_1209 に置いた。ライブラリ本体はgist: 21788 — GitHubにある。 (function () { var last = null; (function request() { with (new XMLHttpRequest()) { open('get', location.href, true); send(null); onload = function () { ... 続きを読む

• d:id:javascripter
• コンピュータ・IT

Net Applicationsの報告によると2008年10月におけるWebブラウザのシェアは次のようになった。ChromeのシェアはOperaを若干下回るところに落ち着いてきている。Safariは若干シェアを減らし、かわりにFirefoxが20%に近づいた。IEは純減を継続している。 71.27% - ... 続きを読む

• journal.mycom.co.jp
• コンピュータ・IT

トラックバックURL  This entry was posted on 月曜日, 7 月 7th, 2008 at 1:40 pm and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. it... 続きを読む

• jp.techcrunch.com
• コンピュータ・IT

※この記事のデータは古くなっています。最新版はこちらを参照して下さい。→逆引きCSSハック(IE8b、Opera9.5bも含めたブラウザ別CSSハック) 方々でまとめられているので今更感がありますが、どうも「*+html」のハックがOpera9に適応されないようなので、個人的... 続きを読む

• lpclips.net
• コンピュータ・IT

続きを読む

• spreadsheets.google.com
• コンピュータ・IT

ADP: Acid2テストの功罪 2008年01月24日 19:44 | コメント(2) | トラックバック(0) 最近巷で、ますますAcid2テストへの言及が増えてきたので、よい点とわるい点を並べて書いてみる。前提として読むべきは、WikipediaのAcid2の説明と、そこからリンクされている... 続きを読む

• adp.daa.jp
• コンピュータ・IT

外部リンクって別窓で開いてくれた方が親切だと思いません？何を隠そう僕は別窓大好き人間なのですが、どうもWEB界隈では「target="_blank"」はイラナイ子の烙印を押されているらしいですね。ションボリ。 「ユーザの意図しない勝手な動作はナンセンス」「って... 続きを読む

• blog.livedoor.jp:isoken13
• コンピュータ・IT

Mozilla Foundation, JavaScript Evangelist, John Resig氏は10日(米国時間)、自身のブログにおいてまだ準備段階ながらもAcid 3テストが公開されていることを発表した。AcidはJavaScriptやCSSなどの実装が標準に準拠しているかどうかをチェックするための試験サ... 続きを読む

• journal.pc.mycom.co.jp
• コンピュータ・IT