Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria
スマートフォン向け拡張JS。prue JSなので、とくに何とも干渉しません。 Quick Usage spTouch('#id'); とすると、以降#idの要素に、以下のようなイベントが飛んでくるようになります。 FlickEvent SwipeEvent TapEvent LongTapEvent 各イベントの値はどっかで。 Scroller spTouch('#id').scroller(); とすることで、#idの要素の中身が指でスクロールできるようになります。それらしく、一番上までスクロールした時や一番下までスクロールしたときなどは、親にスクロールが透過されます。フリックでびゅんびゅん読むことも可能です。 ご利用 $ git clone git://github.com/hebisan/spTouch.git spTouch $ make all ドキュメントらしいものはdocフォ
スマートフォンと違い、iPadなどのタブレットに最適化された表示を行っているサイトはまだまだ少ない。 そこで今回は、LESSON 13同様、別HTMLを用意せず、同じHTMLにJavaScriptとCSSを使用して、タブレットタイプ用に表示を最適化させる。 タブレット用にするからといって特別にHTMLの作り方を変える必要はなく、正しくマークアップできていれば基本的に問題ない。 ただ、あまりにも無駄に多い入れ子構造や、レイアウトは避けたほうがよい。あくまでも(X)HTML/CSSを意識して作ろう。 今回はタブレットにも使用されるので、HTML5やCSS3を駆使してPC用も作ってよいが、IEなどの未対応ブラウザへの対応が発生するので注意が必要だ。 【1】のような、ブログ形式のPCページ構成をベースに構築していく。 使用するCSSは ・PC用CSS(デフォルト) ・スマートフォン用CSS ・タブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く