HTML5
前回、スマートフォンっぽいUIを、JQueryを使わずに作ってみる2で、みたいなボタンを作成しました。今回は、スマホのUI考 〜 ボタンについてで、 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御で…
先週に引き続きですが、今日はボタンタイプのを再現してみました。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル2</title> <meta name="viewport" content="width=320px"> <style type="text/css"> a.button_link { display:block; margin:5px auto; width:70%; height:50px; -webkit-border-radius:7px; text-align:cente…</meta></meta></head></html>
JQueryをなるべく使わずに、スマフォっぽいUIを作ってみようということで、試しにつくってみたので、そのサンプルを。 パターン1 mobageさんのものですが、とても使いやすいので試しに作ってみました。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル1</title> <meta name="viewport" content="width=320px"> <style type="text/css"> ul#mypage_menu { list-style:none; p</meta></meta></head></html>…
先週、WebViewで、タッチイベントを拾ってくれない症状が起こって困りはてておりました。Android1.6は様々な問題がありますね、ほんとに。 端末の画面上では、オレンジ色になっているので、タッチイベントを拾ってくれているかと思いきや、まったく反応して…
paddingとmarginの二つの違いがいまいち理解できず、テキトーに決めてしまっていたのですが、すぐに忘れてしまいそうなので、少しメモ。 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>divのvertical-alignテスト</title> </head> <style type="text/css"> .table_cell_1 { vertical-al…</html>
最近、スマートフォン向けのHTMLを書き始めたのですが、placeholder属性と、border-radiusのところで、はまったのでメモしておきます。 Android1.6でのplaceholder属性でのバグ まず、placehoder属性については、図で見たほうが分かりやすいと思いますので、…
HTML5の内容ではないのですが、HTMLとHTML5でタグを分けるのは面倒だったので、HTML5タグでこのエントリー書きます。最近、仕事でHTMLを書き始めたのですが、divタグを中央に寄せたり、縦軸の中央に寄せるところではまったのでそのメモを。 divタグ内を中央…
HTML5で何かアプリを作ってみようということで、 ・iPhoneアプリでHTML5を表示させる簡易Webブラウザ・HTML5を使って位置情報を取得するサンプル を作りましたのでそのメモを。 iPhoneアプリでHTML5を表示させる簡易Webブラウザ １、View-Based Application …
今週の土日は、今流行のHTML5についての勉強をしたので、そのことを少しばかりまとめてみます。 Learn iPhone and iPad cocos2d Game Developmentを使用して、会社の先輩達とお昼に勉強会を始めたので、この記事を書き終わったら、そこで学んだことを少しば…
