タグ

cssとjqueryに関するnilabのブックマーク (3)

  • overflow samples

    nilab
    nilab 2013/06/23
    overflow samples : overflow: visible, hidden, scroll, auto : -webkit-overflow-scrolling: touch; : jQuery.flickable : jQuery Plugin niekjuh/touch-scroll
  • Post by @hamalog

    結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照:The jQuery UI CSS Framework -を使う時は、名前空間的な意味合いで使う。単語の区切り目としては使わない。具体的には、こんな感じ。ここで使っているmod-は、モジュールの単位を表す、mod-modulenameを起点にしてそっから下のひとまとまりがcssをごそっと適用するひとかたまりだよーという意味。apply-は、なんかJSをユーティリティ的にぽこっと適用するときに使う。 単語の区切り目は、キャメルケースにしたいところだけどあえてoremodu

    Post by @hamalog
    nilab
    nilab 2012/01/30
    classやidに-を使うとか使わないとか - Takazudo hamalog「-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから」
  • Transform / 回転・拡大縮小 | ゆるぶ | ページ 592

    2012.05.31 追記 ブラウザ判定がうまく動かなくなってたので、transform が使用できるかで判定するように変更しました。 機能の判定はブラウザのバージョンアップで変わってくので別の用途には使うべきじゃないね… CSS3どころかCSSも普段あまりいじらないけど、回転・拡大縮小できる transform があるというコトなのでやってみる。 んでも、まだまだブラウザごとに実装が異なるらしく、jquery-css-transform.js と jquery-animate-css-rotate-scale.js っていう jQuery プラグイン使いましょうってのが多かったので、これを参考にしてみた。 CSS3では、transform: rotate(30deg) で要素を時計回りに30度回転、transform: scale(1.5) で要素を1.5倍とかいった指定が可能。んで、こ

    Transform / 回転・拡大縮小 | ゆるぶ | ページ 592
    nilab
    nilab 2011/08/25
    Transform / 回転・拡大縮小
  • 1