タグ

ブックマーク / www.webcyou.com (2)

  • スマートフォン JavaScript タッチ、フリックイベント実装その2 「ボールを投げる」

    の続きとなります。 今回は、フリックの判定、CSS3アニメーションでフリック判定によってボールを飛ばす。の2点をお届けします。 では、 タッチ、フリックイベント判定 なにを判定するかというと、右にフリックされたのか、左にフリックされたのかを判定したいと思います。 前回のhttp://webcyou.com/demo/js/flick/flick004.htmlの記述を若干変更します。 JavaScript function touchHandler(e){ e.preventDefault(); var touch = e.touches[0]; if(e.type == "touchstart"){ $("#txt").text(touch.pageX); startX = touch.pageX; } if(e.type == "touchmove"){ $("#txt").text(

    スマートフォン JavaScript タッチ、フリックイベント実装その2 「ボールを投げる」
  • CSSライブラリ化? Sass(scss)のインストール方法 mac

    このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 なんだか色々と出てきますよね。 もう、最近良く分かんないないです(笑) ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何?って話なんですが、 SassとはCSS を生成するためのメタ言語です。 メンテナンス不能な状態に陥りがちのCSSをSass を使うことによって 上手い具合に構造化して記述することができます。 Sassという言語でcssを記述し、通常のcssとして吐き出すことが出来ます。 管理時は関数として扱い、使用する際に通常のcssと使用するイメージですかねぇ。 関数として扱ったり、 構造化して記述も可能。 1.Ruby Sassを利用するには、Rubyが必

    CSSライブラリ化? Sass(scss)のインストール方法 mac
  • 1