スマートフォン(iPhone/Android)でhover (rollover) を実装したい - ハリーかつき・旧技術ブログ
touch系のイベントを使って、「touchしたらボタンを光らせて、離したら消える」 といった実装を行いたい場合。 cssの:hover疑似クラスは一応使えますが手を離しても色が戻らなかったので、こんな感じでtouch系のイベントで実装してみました。 $(function(){ var start = "touchstart"; var end = "touchend"; $(".touchHover").bind(start,function(){ $(this).addClass("touchstart"); }); $(".touchHover").bind(end,function(){ $(this).removeClass("touchstart"); }); }); <a href="#" class="touchHover">ボタン</a> a{background:#cc
iPhone/Android等モバイル版webkitで縦持ち(portrait)横持ち(landscape)のcssを切り替えたい - ハリーかつき・旧技術ブログ
iPhone/AndroidではJavaScriptのwindow.orientation;を取得できる。 jQueryスタイルでの記述方法を用いると、下記のような大変シンプルなコードでデバイスの縦持ち（portrait）と横持ち(landscape)でcssの切り替えが実装可能である。 function switchOrientation(){ var orientation = window.orientation; if(orientation == 0){ $("body").addClass("portrait"); $("body").removeClass("landscape"); }else{ $("body").addClass("landscape"); $("body").removeClass("portrait"); } } $(document).ready(
iPhone向けサイトを考える
2011年10月22日 時間管理アプリ"Yomo"を作りました。無料です。 iPhoneアプリを作ったので紹介します。 Developer登録をして3年、初めて自分名義でアプリを登録しました。 時間管理アプリ Yomo : ある行動の始めた時間と終わった時間を記録するアプリ。 タイムロガーとか呼ばれていて、AppStoreにもすでに似たようなものがいくつかあります。 モチベーションを保つには記録するのがいい : これ、時間に限った話ではないんですが、何かを続けようと思う時、その努力を記録すると楽に続けられることがあります。 僕はコードを書いて保存する時、自動でその時点の行数 その日書いた行数をSQLiteに保存しつつGrowlに投げるようにしています。 これを元に行数の変化のグラフを都度 画像として出力して、GeekToolでデスクトップに表示させる。 こんな簡単な仕組みで、やる気がでるん
jQueryでiPhone/iPadの向きを検出する[to-R]
jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出
![jQueryでiPhone/iPadの向きを検出する[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1788fe5c4e0abeec501baa392c032db6a3514abe/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F20100817_01.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
