JavaScript : zIndex の最大値と思われる 0x7FFFFFFF を各ブラウザでテストしました : logical error
CSS で書く場合は、2147483647 ですが、CSS では固定で定義するものなので、最初からこの値を使う事はとても考えにくいですが、後から動的に設定する JavaScript として考える場合、0x7FFFFFFF という値は暗記できますし、都合がいいです。( 10進数が欲しい場合は、開発者ツールで console.log(0x7fffffff) を実行 ) 実際に IE、Firefox、Chrome、Opera、Safari で、zIndex が 998 で定義されている場所へ、ブックマークレットで新しいエレメントを追加して以下のコードで一番手前に来るかどうかを試しましたが、正しく動作しています。 parent.document.getElementById("if").style.position='absolute'; parent.document.getElementByI
Googleが送ってきたCSSとJSのブロック警告に正しく対応するために必要なこと
[レベル: 中〜上級] CSSとJavaScriptファイルにGooglebotがアクセスできないサイトに対して、先週Googleが一斉に警告メールを送信しました。 この出来事に関して、新しい情報が入ってきたり誤解があったりするのでフォローアップ記事を書きます。 ペナルティではないし順位は下げられない 前回も書いたようにこのメッセージは手動による対策（ペナルティ）を通知するものではありません。 純粋に、CSSやJavaScriptのファイルにGooglebotがアクセスできないことを伝えるのが目的です。 CSSやJavaScriptにアクセスできないとそのページを完全にレンダリング（表示）できないことがあるので、適切な評価の妨げになると知らせているのです。 またCSSやJavaScriptをブロックしていることそのものが理由で順位を下げられることはありません。 ただし完全にレンダリングでき
一つしかない想定で作ってあとから複数出現してめちゃくちゃになる - hitode909の日記
ソフトウェア作ってて，最初は一つしかない想定で作るけど，あとから複数出現することになって改修するのが大変，ということがある． 最悪サーバーサイド もう終了したサービスであったのが，ユーザーは自分のアイテムを飾れる部屋を1つ持てるという仕様だったのが，複数の部屋を切り替えられるようにして，部屋ごとに置けるアイテムのシリーズが変わって，シリーズごとにグリッドの細かさも変わるとか．とにかく大変で，全部のテーブルにあとからシリーズidを持たせたり，クラスメソッドで済んでたのをシリーズidを持つオブジェクトのメソッドにしたり，ORMのItemをRoomに渡すのをやめて，その層とは別に独立した画像合成用のItemとRoomを作ってやり取りするとか，最初からそうなってるときより大変なことになる． 最悪クライアントサイド クライアントサイドでも同じようなことはあって，HTML内に一つしか出現しない前提で作
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
display: table, display: table-cell を IE6, IE7 で使えるようにした - latest log
オリジナル uuAltCSS.js を導入 IE6 IE7 Safari4 <!doctype html><html><head><title></title> <style> .cell1, .disptblcell1 { width: 20%; background-color: #FFCC66; } .cell2, .disptblcell2 { width: 29%; background-color: #CC6633; } .cell3, .disptblcell3 { width: 30%; background-color: #FF9966; } .disptbl { display: table; } .disptblcell1 { display: table-cell; } .disptblcell2 { display: table-cell; } .disptblc
HTMLの表（TABLE）のセル(TD)に斜線を引くjavascriptライブラリslash.js by77-WEB@名古屋
HTMLの表（TABLE）のセル(TD)に斜線を引くjavascriptライブラリ slash.js HTMLで作成した表（TABLE）で斜線（主に空欄・記入禁止などを示すためのもの）を引こうと思ったら、そんなもの引けなかった… そんな経験はありませんか？ 従来、VMLを使う方法と画像を使う方法が知られていましたが、どちらも欠点があり、汎用的に使うことができるものではありませんでした。 ・VML…W3C勧告として採用されておらず、WindowsIEのみ使用可能。Firefox等に移植性なし。 ・画像…tdのサイズに合わせて斜線の画像を用意するので、サイト・ページごとに、斜線の必要なtdの数だけ画像を作成しなければならない。 そこで、複数のページ・サイトに導入可能（何度も同じものを作る必要なし）で、誰でも簡単に使えるものを作れないか？と思い、javascriptを利用したライブラリを作成して
YUI CompressorでjavascriptやCSSを連結・圧縮 | チバのブログ
GoogleのPage SpeedやYslowの項目の中に「gzipで圧縮してね」みたいなものがある。Java ScriptやCSSをgzipで圧縮することについては前に試して結構圧縮されたんだけど、どうせやるならもっと圧縮してやろう！ってことになりまして、YUI Compressorに手をつけました。YUI Compressorっていうのはヤフーが配布しているJava ScriptやCSSの圧縮用のライブラリです。 圧縮といってもzipにするとかそういうものではなくて、余計な改行なんかを取り除いてくれるツールです。圧縮後はjquery-min.jsの中身みたいに何が何だか分からなくなりますが、動作としては同じように動いてくれます。 このブログでいえば、jquery.js・yuga.js・jquery.corner.jsをほとんどのページで読み込んでいるので、これを1つのファイルにまとめ
tr要素の「display : block;」にはまる
Internet Explorerでは、ボタンをクリックするたびに、2行目の表示／非表示が切り替わります。 しかし、Firefox等では表が乱れ、2行目の左端のセルに、2行目の内容がすべて詰められて表示されます。 また、Firefoxでは、2行目を再表示するたびに表が長くなっていくという現象も起こります。 ちなみに、表示／非表示の切り替えは、以下のようなJavaScriptで行っています。 function toggle_row_a(id) { var obj = document.getElementById(id); obj.style.display = (obj.style.display == 'none') ? 'block' : 'none'; return false; } 2.問題の原因 この現象は、Internet Explorerの不具合（または実装が不十分）ではない
スマートキーワードでCSS 2.1仕様書を直接参照 - 徒書
CSS2リファレンスを引くためのFirefoxスマートキーワード - HM weblog Mozilla Japan - Firefox サポート - 使い方ガイド - 様々な Web 検索機能 を読み、自分もFirefoxのスマートキーワードを応用してみようと思いました。取り敢えずCSSのプロパティ名からCSS 2.1仕様書を直接ひけるようにしようと、以下のbookmarklet用スクリプトを作成。 javascript:(function(prop){ var url = 'http://www.w3.org/TR/CSS21/'; var index = { 'azimuth':'aural', 'cue':'aural', 'cue-after':'aural', 'cue-before':'aural', 'elevation':'aural', 'pause':'aural',
使えない文字
#PCDATA #PCDATA（parsed character data）は解析の対象になるので、「<」, 「>」はそれぞれタグの開始, 終了と解釈されてしまいます。よって、直接記すのではなく文字を参照しなければならなりません。&は文字実体参照の開始記号として使われるので、それ以外の用途なら文字を参照します。HTML 4では1114111までISO 10646の文字コード位置で参照可能ですが、HTML 3.2は255までです。一覧表 ※HTML 4では10進数だけでなく16進数でも良いことになってはいますが、10進数の方が無難です。実体参照では大文字小文字が区別されます。 < → < (<) > → > (>) & → & (&) Å → Å (Å) å → å (å) CDATA CDATA(character data) は、文字データの終りを示す区切り子「</」の他にはマーク
Web 標準的な CSS の値変換方法（px → em など）（訂正あり） - IT戦記
はじめに W3C の仕様に CSS の値を変換が可能なオブジェクトが定義されていることに気がついたのでメモしておきます。 まず CSSStyleDeclaration オブジェクトを取得する 例えば、 var decl = element.style; または、 var decl = getComputedStyle(element, ''); http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleDeclaration CSSStyleDeclaration オブジェクトから getPropertyCSSValue という関数を使って CSSValue オブジェクトを取得する var val = decl.getPropertyCSSValue('width') http://www.w3.org/TR/DOM-Level
CSS擬似クラスを使うべき理由 | エンタープライズ | マイコミジャーナル
A List Apart - For People Who Make Websites HTMLとCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLやCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cssrefresh.frebsite.nl/
[JS]CSSスプライトにアニメーション効果を加えるスクリプト -AutoSprites
CSS Naked Dayを忘れないためのJS - Webtech Walker