タグ

cssとjavascriptに関するvoidy21のブックマーク (3)

  • opacity が利用可能かを判定する - latest log

    コメント欄も見てね。 uupaa.js コードリード用のエントリです。興味がない方は読み飛ばしてください。 IE9(IE9pp2) が CSS3::opacity をサポートしました。これで filter:alpha はレガシーコードになります。 考えた opacity のサポート状況を判定するコードを考えてみました。 ポイントは、4つ IE以外の opacity は String型 IE8までの opacity は 型が不定(代入された値を保持してるだけの入れ物) style.opacity = 0.25; なら Number型になり、style.opacity = "0.25"; なら String型になる IE9pp2 の opacity は Number型 "opacity:.25" で、IE8以下 と IE9pp2 を振り分けている cssText = "opacity:0.25

    opacity が利用可能かを判定する - latest log
  • JavaScriptでCSS Minifier - by edvakf in hatena

    JavaScript で書かれた CSS Minifier がほしいと思って探してみたんだけど、PHP などは多々あれど JS のは皆無だった。(サーバーサイド JS が流行れば出てくると思うんだけど) 色々探した挙句、こういうのを発見して、 Any recommendations for a CSS minifier? - Stack Overflow そこからのリンクで C# で超高速 CSS Minify アルゴリズムというのがあった。 KO Software - Blog - An Ultra Fast CSS Minify Algorithm やー、Stack Overflow すばらしいですね。 アルゴリズムは正規表現を使うのではなくて、一種のステートマシンを作る方法でやっていて、高速かつ CSS の仕様にもよく適合してるらしい。 というわけで、それを JS で書いてみた。 g

    JavaScriptでCSS Minifier - by edvakf in hatena
  • NHK 2009都議選 開票速報ページがHTML的にも見た目的にもかなりキレイな件 | aquapple

    NHK 2009都議選のサイトが見た目が美しく、操作性も良いのに、Flashを一切使わずJavaScriptで制御されていることがTwitterで話題になっていました。 速報時は自動更新で獲得議席数がリアルタイムに反映されていましたが、現在は速報も終わり開票結果になっています。 動作確認も主要なモダンブラウザ[1]で動作確認が行われています。 ソースは8つのJavaScriptとdivタグに直接スタイルシートが書き込まれているだけで非常にシンプル。75行のHTMLソースの中にFlash要素はゼロとなっています。 各ブロックをクリックすると、フローティングウィンドウが出てきます。これはドラッグしたり、サイト下部に固定表示しておくことが可能となっているほか、ウィンドウの並び替えもタイトルバーをドラッグするだけで行えます。 このページの公開は15日の午後6時までとなっています。無駄に凝っているだ

  • 1