@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

2012-07-01から1ヶ月間の記事一覧

jQueryMobileでiPad向けの2カラムのWebページをデザインする その4

前回までで基本的なデザインは出来上がりました。と言うことにしておきましょう。 次は画面遷移をしたいと思うのですが、jQueryMobileのデフォルトの挙動ではメニュー部分だけとか、コンテンツ部分だけを画面遷移させることが出来ないですね。 という訳で、…

jQueryMobileでiPad向けの2カラムのWebページをデザインする その3

さて、2カラムのデザイン部分だけ作りましたが、横向きだけの実装になっています。 そこで、今回は横向きと縦向きの表示を変えてみたいと思います。 とは言うもの、MediaQuery?MediaQueries?で出来ますので、CSSだけを編集しましょう。 sample.css div.ipa…

jQueryMobileでiPad向けの2カラムのWebページをデザインする その2

前回はレイアウトを組むところまででした。今回は組んだレイアウトの中にコンテンツを入れていこうとおもいます。 メニューを作る まずは、jQueryMobileのListViewを入れます。 sample.html <ul data-role="listview"> <li><a href="#">Menu-1</a></li> </ul> これはこまった、スクロール出来ませんし、ヘッダは固定…

jQueryMobileでiPad向けの2カラムのWebページをデザインする その1

なるべくネイティブ感を出したいので、jQueryMobileを使っているのですが、現状では2カラムのデザインってあんまり無いようなんですよね。 参考にしているデザインはiPadの設定アプリの画面の感じです。 jQueryMobileのバージョンは、1.1.1です。 骨組みを作…

DeNA Creative Seminar Vol.2 #denacrt に行って来ました

http://atnd.org/event/E0007864 DeNA Creative Seminar Vol.2 まとめ - Togetterまとめ 初のヒカリエでした。 ブラウザレンダリングについて 資料→スマートフォンブラウザについて Androidブラウザ 標準ブラウザ 端末ごとにベンダーがいじくる Chrome ICS 4…

Google I/O 2012 報告会 in 東京 #io2012report に行って来ました

Google I/O 2012 報告会 in 東京 : ATND http://togetter.com/li/343550 遅れましたが土曜日に行って来ました。 あいにくの雨だったので、会場がガラガラで残念でしたね。 以下メモです。 Androidのよさげセッション 資料→ Google IO recapitulation(for Bri…

Google App EngineのFullTextSearchでHTMLファイルを検索してみる

環境はこんな次の通り appengine 1.7.0 slim3 1.0.16 ファイルのアップロード とりあえずは、ファイルを選択してアップロードすることろから始めたいとおもいます。 SearchServiceを利用します。SearchServiceからIndexを取得し、このIndexに対してデータを…

【第4回】HTML5+CSS3+JS勉強会 #techbuzz に行って来ました

(満員御礼)【第4回】HTML5+CSS3+JS勉強会 / 「Createjsで簡単なゲームを作ってみる」 / 「ローカルストレージで表示速度を改善しよう! / 39歳で開発者になった僕 -開発者純情物語- →次回第5回はこちら( http://atnd.org/events/30569 ) : ATND 早くに追…

ソフトウェアユーザエクスペリエンス設計 使いやすい業務システムのUI設計手法

ソフトウェアユーザーエクスペリエンス設計 (MSDNプログラミングシリーズ)作者: 神原 典子出版社/メーカー: 日経BP社発売日: 2010/11/05メディア: 大型本購入: 2人 クリック: 39回この商品を含むブログ (11件) を見るを読みました。UIやUXについては最近色々…

日本Androidの会 7月定例会 に行って来ました

https://www.android-group.jp/event/event11.html 行ってきたのでメモをしておきますね。 Google I/O 2012 Keynote Jelly Bean 特別に目新しい機能はない ブラッシュアップされた感覚 Google Plus 1周年を迎えた Google Glass 一番時間を使ってた 中身はAnd…

Twitter BootstrapのcarouselとjQuery++でスワイプするカルーセルを作ってみた

先ほどはjQuery.carouFredSelでやりましたが、Twitter Bootstrapにもカルーセルがあるのでやってみました。 ここで、問題があったのですが、スワイプするときにクリックイベントが発生してしまうのですね。 なので、クリックイベントを一時的に使えないよう…

jQuery.carouFredSelとjQuery++で左右にスワイプ出来るカルーセルを作ってみた

スワイプイベントだけとか、カルーセルだけとかってのはあるんだけど、両方搭載してるのが見当たらなかったので、作ってみただけですけどね。 <html> <head> <meta charset="utf-8" /> <title>カルーセルサンプル</title> <link rel="stylesheet" href="styles/bootstrap.min.css" /> <link rel="stylesheet" href="styles/bootstrap-responsive.min.css" /> </link></link></meta></head></html>