タグ

ブックマーク / ofk.hatenadiary.org (4)

  • CSS3なライブラリxcss.jsを作ってみました - ?D of K

    GitHub - ofk/xcssjs デモ(オリジナルはCSSでアイコンをデザイン - Hail2uのDesign icon with CSS) デモの結果はオリジナルと同じでよく分からないかもしれませんが、CSSが違います。xcss.jsを読み込むとベンダープリフィックスは記述不要です。 つまり、どういうことかというと .rotate10 { transform: rotate(-10deg); } とCSSで書いておき、xcss.jsを読み込むと、 .rotate10 { -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } というCSSを動的に追加するライブラリです(実際はブラウ

    CSS3なライブラリxcss.jsを作ってみました - ?D of K
    retlet
    retlet 2011/03/28
  • IEでresizeイベントをちゃんと起こすjQueryプラグイン書いた - ?D of K

    IEはwindow.resizeがめっちゃ重いです。案の定、uupaaさんがすばらしいまとめと対策を書いていたので、ほとんどそのままjQueryのイベントで使えるようにプラグインの形にぶち込みました。 if (document.documentElement.uniqueID) (function ($, document_) { function size() { var root = document_.documentElement, body = document_.body; return { w: root && root.clientWidth || body.clientWidth, h: root && root.clientHeight || body.clientHeight }; } var lock_ = 0, size_, use_; $.event.speci

    IEでresizeイベントをちゃんと起こすjQueryプラグイン書いた - ?D of K
    retlet
    retlet 2010/06/07
  • IE5で動くjQueryっぽいライブラリができていました - ?D of K

    半分ぐらいjQueryからコードを持って来たような気がしますが、IE5でもjQueryっぽく書けるライブラリができていました。正直、あんまりブラウザのチェックとかしていないので、実際に使うのは結構危険です。 http://code.0fk.org/$/ とりあえず、イベントとアニメーションだけ設定した例です。 重要なこと jQueryから乗り換えてもいいですか? 乗り換えない方が良いと思います。 IE5のサポートをしたいので使っても良いですか? 商業サイトならIE6からのサポートにして、jQuery使った方が良いと思います。 ソース見ると関数呼び出し減って、速そうなので使っても良いですか? 速さを目的とするなら、uupaa.jsをオススメします。 使っても良いですか? 使わない方が良いと思います。 Twitterで重要なことが謙虚すぎる、つまり、目立っていないとあったので、目立つようにしま

    IE5で動くjQueryっぽいライブラリができていました - ?D of K
  • CSSXSSを改良した?手法でmixiのpost_keyを抜き取るデモを作りました - ?D of K:

    IDを抜き取る方法が思いつかなかったので、「はまちちゃん」の書き込みの二年来の再来とはいきませんが、セキュリティーホールだと思うので、早めに書いておきます。(修正済みです) 実証コード http://k75.s321.xrea.com/cssxss/mixi.html パッチ済みのIE6でmixiにログインしていた場合、post_keyの取得を確認できると思います。勘違いだったらすみません。その際、僕のmixiのあしあとに残るのでその点のみ注意してください。 手法 CSSの読み込み いわゆるCSSXSSと同じようにlinkを使って、ファイルを読み込みます。旧来の手法では中括弧があることでCSSと誤認識させ、cssTextで取得しましたが、今回は文中に「}selector{property:」という文字列を埋め込んで、selectorに該当する要素のcurrentStyle.property

    CSSXSSを改良した?手法でmixiのpost_keyを抜き取るデモを作りました - ?D of K:
  • 1