Category : iPhone/iPad/iPod/Android

READ MORE

iPhoneやAndroidのスマホ系サイトで、指をタッチしてスライドさせるスワイプといわれる動作。このスワイプ動作はCSSのみでは実現することが困難で、実装するには意外と面倒だったりします。そこで、このスワイプ動作を比較的簡単に実装することが出来るjQueryプラグインがあったのでいくつか紹介してみます。Skinke…

READ MORE

iPhoneやAndroid(アンドロイド)向けのスマートフォンサイトを制作する際、各キャリアの縦向き、横向きを考慮した画面設計やHTML構成を考えて制作しなければなりません。それぞれ端末ごとに細かな設定の変更が必要な場合などOSの判別をする必要になってきますが、そんな際に使える、jQueryを使って簡単にOSを判別し…

READ MORE

Web制作においてのHTMLやらCSSやらの知識がまったく無くても、誰でも手軽にスマートフォン向けのWebサイトを作ることができるうえ、簡単に公開することまで出来てしまうサービス「smart4me」がおもしろかったのでご紹介。smart4me≫smart4me初めのユーザー登録でアカウント名やメールアドレスなど簡単な情…

READ MORE

iPhone/iPadでの縦向き・横向きによって、指定などを切り替えることができる方法が[to-R]さんで紹介されていたのでメモ書き。jQueryでiPhone/iPadの向きを検出する[to-R]iPhone/iPadでは横向きは「landscape」、縦向きは「portrait」という概念があるようでCSS3ではそ…

READ MORE

iPhoneやiPadでは、残念な事にCSSの「position:fixed」はサポートされていません。最近良くPCサイトで見かけるヘッダーやフッターを固定しているページをiPhone & iPadで見ると残念な感じになっていたり。。。(このブログもその中の一つ…)そんなiPhone & iPadに「position:…

READ MORE

iPhone & iPadのナビゲーションとして使用されている、メニューリストをクリックすると、スライドして次のリストが現れるメニューUI。Webサイト上でもこれを使って、メニューを構成するのもおもしろいかと思い、jQueryで実験的につくってみました。まずはサンプルから。リスト内の「▲(右向き)」が付いているものをク…

READ MORE

iPhone、iPod Touch、iPadなどでの、電話帳やアーティスト一覧で見る画面の右側にアルファベットや50音のリストが並べられているインターフェース。あのメニューUIをWebブラウザ上で実装する為のjQueryプラグイン「SliderNav」のご紹介。≫SliderNav: iPhone Style Cont…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner