SenchaUG 勉強会 第2回@東京 での発表資料。 http://www.meetup.com/Japan-Sencha-User-Group/events/81279312/ ネタなので大目に見てやって下さい
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
9/8に行われたHTML5 Conference 2012での「jQuery Mobileカスタマイズ自由自在」のセッション資料です。
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
当日のスライド さる2011年9月10日に,WCAN 2011 Autumnのセッション2-Cで,jQuery Mobileについて紹介させていただきました.jQuery Mobileを都合良く取り回して,モバイルサイトに役立てようという主旨でございます. WCAN 2011 Autumn ~ はじめてのjQuery Mobile HTMLスライドですが,なるべくWebKit系のフルブラウザでご覧ください.(FirefoxやIEは閲覧を確認できておりませんので...) 当日の要点 当日は,下記のように各トピックにフォーカスをあてて,jQuery Mobileの光と闇(嘘)について紹介させていただきました. スマフォサイトを取り巻く背景 jQuery Mobile自身の特徴・メリット 実装のデモンストレーション jQueryMobileを活用している国内外の事例 使い所を選びつつも,モバイル
beta2あたりから既にそうですが,今回も大きな変更というよりはブラッシュアップが中心になっているリリースです. パッケージビルダーの用意や,アニメーションのCSS Transitionへの切り替えは,まだまだこれから. 私事ですが,明日jQuery Mobileについて人前でしゃべるので,ネタ的には滑り込みセーフでよかった〜. 今回の変更点 jQuery Mobile Beta 3 released! | jQuery Mobileより変更点を解釈していきます. 回を重ねる毎に,jQuery Mobileというよりモバイル端末への実装アプローチの勉強になってきています・・・.本来の目的はどこへやら. pushStateに対応してURLがクリーンに! 新しいpagechange系イベントが発行されるようになった iOS5での動きが劇的に改善 beta2からbeta3への変更点 キーフレーム
jQuery Mobile beta3がリリースされたので、例によって変更点を簡単に紹介するだけの手抜き記事です。 詳細は本家を参照してください。 http://jquerymobile.com/blog/2011/09/08/jquery-mobile-beta-3-released/ 変更点1. pjaxが実装されました。history.pushStateに対応したブラウザであれば、従来のhash based URLではなく、綺麗なURLになります。 例えば、前はこんなURLだったのが http://jquerymobile.com/demos/1.0b3/#/docs/api/events.html こういう感じにURLが綺麗になります http://jquerymobile.com/demos/1.0b3/docs/api/events.html ソースを見るためにいちいち#を削ら
この手のWebサービスは初見だったので ちょっとメモ的に。JQMのデザインを簡単 に変更できるcssジェネレーターです。JQM でそろそろ脱CDNしたい、という方は試しに テストしてみてはいかがでしょう。直感で 変更できるのでわりとオススメです。 さて、ちょっといいかも的なサービスです。JQMを使いたいけどデザインで困っているという方はチャレンジして頂きたいCSSジェネレーターですね。好みのテーマカラーを追加し、簡単に追加できるようにしてくれています。 JQMのテーマ変更の仕組み まず最初にちょっとした仕組みから。jQuery Mobileのデザインは現在CDNに5つ用意されています。青、グレー、白、黒、黄色があります。詳しくは以前書いたマークアップ記事をご覧下さい。 div要素とかにdata-theme=”a”などを追加することで、上記のように別のカラーに変更できるようになっています。
少し前にjQueryMobileを使う機会がありました。 前日にドキュメントを少し読んで、まぁなんとかなるだろう… とか考えていたんですが… なんとかなりませんでした笑 jQueryMobileはHTMLにdata属性を加えるだけでUIが作れたり、 スライドのアニメーションを変えたり出来ます。 簡単です。 しかし色々と問題がでてきて…苦笑 今後また出くわしそうな問題と解決法を備忘録として書き残しておきます。 今回利用したのはjQuery Mobile 1.0 Betaです。 フッターの広告エリアを常に表示させたい はじめは属性にfooterを指定して、しかも固定させるのはdata-positionにfixedを指定してあげるだけでいいとか。 楽だなぁ…と思ってました。 実際に書いて実行してみると、スクロールさせている間はフッターが消えてしまいました。 あれ… なぜこんなこと
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Dreamweaver CS5.5は、スマートフォンサイト制作用ライブラリであるjQuery Mobileに正式に対応しており、jQuery Mobileを用いたサイトを簡単に作ることができるようにする「jQuery Mobile Widget」機能を実装しています。本記事では、jQuery Mobile Widgetで作成したスマートフォン
タイトルまんまのネタです。 実は、これちょっとはまったので、その辺も含めてはい。 jquery mobileについては以前も何回か触れていますが、ページの構成単位が 1.単一ファイル内に<div data-role="page"></div>で定義 2.htmlファイルごとに定義 という2パターンがあります。 2の場合、<head></head>内にgooglemapを表示する記述をしてもうまくいきません。 DEMO01 というのも、jquery mobileでは、デフォルトではページを読み込む時、ajaxで、<div data-role="page"></div>を書き換えているので、<head></head>は、最初に読み込んだファイルに依存します。 (ただし、jquery mobileのファイルは各ファイルに記述する必要がありますが) というわけで、<div data-role="p
先日,jQuery Mobileがbeta2にあがりました.前回みたいにテンションあがるアップデートではないので,淡々と. beta1以前にあったXSS等の問題はキチンとfixされているようなので,beta1以前でサイトを大公開しちゃってる方々は,可及的速やかにbeta2に上げましょう. 今度こそ脆弱性がなくなってるといいですね! 今回の変更点 alphaからbetaほどの大々的な動きはありません.普通にHTML駆動で利用している分には,あまり関係なくCDNからの読み込みをb2に変更するだけで,すんなり移行できるはずです. UIウィジェットを選択的にビルドできるように サポートされるプラットフォームの追加 createイベントの追加 DOMキャッシュ管理機構 vclickイベントの廃止 スワイプイベントのしきい値が設定可能に 動的にローディングメッセージを書き換えられるように ページプリフ
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにするプラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください! ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示(ヘッダーとフッターでdata-position="fixed"を指定する必要がある) data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く