タグ

ブックマーク / www.yoheim.net (2)

  • [CSS] iPhoneのSafariでタップした際に表示される暗めな影を消すCSS - YoheiM .NET

    こんにちは、@yoheiMuneです。 iPhoneのSafariでリンクとかボタンとかをタップした際に、一瞬だけ半透明の黒い背景が出る現象。 この黒半透明を出させないCSSの設定を学んだので、ブログで紹介したいと思います。 タップした際にでる黒い半透明な背景とは 具体的には、以下のようなモノです。 これってタップした感覚が出るので嬉しい反面、タップ時のスタイル(:activeとかで指定)がある場合には、 出てこないで欲しい場合もあります。 黒い半透明な背景を変更するCSS 以下のCSSを用いることで、リンクやボタンのタップ時の色を変更することが出来ます。 -webkit-tap-highlight-color:rgba(0,0,0,0); 上記の例だと、完全透明にして、タップ時に黒い半透明な背景を表示しないようになります。 rgbaの値を変更することで、他の色を設定する事も可能です。 な

    [CSS] iPhoneのSafariでタップした際に表示される暗めな影を消すCSS - YoheiM .NET
  • [JavaScript] スマホ案件でjQueryよりZeptoを使う理由(軽い)を実際に計測して確かめてみた - YoheiM .NET

    こんにちは、最近JavaScriptにどっぷりの@yoheiMuneです。 最近のスマホ案件で、jQueryよりもZepto.jsを使うという案件が身の回りで増えた気がします。 Zeptoを利用する理由として、jQueryライクに書けるけど、ファイルサイズが小さくて軽量という理由がよく挙がっています。 jQueryとZeptoでどれくらい軽さが違うのかが気になったので、計測しました。その結果を書いたのが今回のブログです。 計測結果の前にZepto.jsについて Zepto.jsは最近?流行っているらしいJavaScriptのフレームワークで、jQueryライクに書けるけど、ファイルサイズが軽量だという特徴があります。 IEなどのサポートを切っていたり、jQueryのよく使う機能のみをサポートしていたりと、jQueryの便利なところをピックアップした作りのようです。 詳細は、以下のサイトをご

    [JavaScript] スマホ案件でjQueryよりZeptoを使う理由(軽い)を実際に計測して確かめてみた - YoheiM .NET
    lxyuma
    lxyuma 2014/06/03
    load時間、評価時間
  • 1