サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
jquerymobile-memo.com
jQuery Mobileは、jQuery MobileのCSS(で読込むCSS)の中に、カスタムクラスを定義しています。 jQuery MobileはこのクラスをHTML内に動的に追加することで、モバイルコンテンツに最適なスタイルを適用しています。 これらの定義済みクラスを上書きすることで、jQuery Mobileによる自動装飾スタイルを変更しカスタマイズすることも可能です。 (※このページのみ上書きのCSSを適用しています。ページを戻るにはブラウザの戻るを使用ください。) <style> .ui-header .ui-title, /* header */ .ui-footer .ui-title, /* footer */ .ui-btn-inner, /* button */ .ui-li-heading, /* listview heading */ .ui-li .ui-b
ポケット詳解 jQuery Mobile辞典 サンプルサイト 1章jQuery Mobileについて 1-3 jQuery Mobileクイックスタート(全サンプル) 1-5 jQuery Mobileにテキストを省略させずに表示する 1-5 jQuery Mobileの定義済みクラス(オリジナルボタンアイコンの作成) 2章ページ構築 2-1 単一のHTMLでサイト構築する 2-2 複数のHTMLでサイト構築する 3章リンク 3-1 ページリンクを作成する 3-2 Ajaxを用いないリンク(1)—Ajaxを使用しないと明示する方法 3-3 Ajaxを用いないリンク(2)—外部サイトだと明示する方法 3-4 Ajaxを用いないリンク(3)—外部ドメインへのリンクを記述する 3-5 Ajaxを用いないリンク(4)—target指定をする 3-6 ブラウザの「戻る」リンクを作る 3-7 遷移しな
jQuery Mobileは、ボタンなどにdata-icon属性を追加するこによってアイコンをUI上に表示することができます。デフォルトでは指定できるアイコン名は18種類しかありませんが、スタイルを定義することによって任意のアイコンを追加することができます。 任意のアイコンを追加する場合には、ui-icon-[アイコン名]でclass属性を定義してください。class属性の中身にはbackgroundやwidth、border-radiusなどのスタイルも大きさに合わせて調整してください。 (※このページのみ上書きのCSSを適用しています。ページを戻るにはブラウザの戻るを使用ください。) コンタクト ページ ページ ページ // 上書きCSS部分 <style> .ui-icon-contact { background: url(img/contact.png) 50% 50% no-r
ポケット詳細 jQuery Mobile辞典 サンプルサイト 1章jQuery Mobileについて 1-3 jQuery Mobileクイックスタート(全サンプル) 1-5 jQuery Mobileにテキストを省略させずに表示する 1-5 jQuery Mobileの定義済みクラス(オリジナルボタンアイコンの作成) 2章ページ構築 2-1 単一のHTMLでサイト構築する 2-2 複数のHTMLでサイト構築する 3章リンク 3-1 ページリンクを作成する 3-2 Ajaxを用いないリンク(1)—Ajaxを使用しないと明示する方法 3-3 Ajaxを用いないリンク(2)—外部サイトだと明示する方法 3-4 Ajaxを用いないリンク(3)—外部ドメインへのリンクを記述する 3-5 Ajaxを用いないリンク(4)—target指定をする 3-6 ブラウザの「戻る」リンクを作る 3-7 遷移しな
執筆させていただいた書籍『ポケット詳解 jQuery Mobile辞典』のサンプルサイトを作成いたしました。 ■書籍『ポケット詳解 jQuery Mobile辞典』サンプルサイト http://jquerymobile-memo.com/sample/ このブログの右のサイドエリアにもバナーをつけました。 タグ辞典は毎回自分で書かないといけないというのが面倒だなと自分もいつも思っているので参考になればと思って作成してみました。 またこちらでは jQuery Mobile1.1で作成しており、今後変更や追加などがありましたらこちらを反映させていきたいと思います。 スマートフォンでももちろん、cromeやsafariなどでも閲覧できますのでコードをコピペして使いたいなどの場合はPCサイトから見るのが便利です。 タグ辞典をご購入していただいて勉強している方はこちらもよかったら参考にしてください
jQuery Mobileとは? jQuery Mobileは、jQueryをベースとした、「スマートフォン向けフレームワーク」です。 もっと簡単に言うと、「スマートフォン向けコンテンツ制作の土台を作ってくれるソフトウェア」です。 スマートフォン向けの直観的かつ使いやすい、ネイティブアプリケーションさながらのページやUI※1が、瞬時にしてできあがります。開発者はわずかなHTMLやJavascriptを書くだけです。 「UI」 ※1ユーザーインターフェースの略。jQuery MobileはわずかなHTMLの記述のみで、リストやボタン、ナビゲーションバーなどのスマホ向けUIを自動構築してくれる。 2010 年10 月にアルファ版がリリースされ、2011 年11 月ついにjQuery Mobile 1.0正式版が公開されました。現在も、jQuery の開発者であるJohn Resig 氏(@je
秀和システムさんから書籍を書かせていただいた物が発売されました。 僕も昔からHTMLタグ辞典などはこのシリーズを買っていましたが、 今回 jQuery Mobileのタグ辞典を書かせていただきました。 『ポケット詳解 jQuery Mobile辞典』2012/5/25発売 amazonで「ポケット詳解 jQuery Mobile辞典」を見る 【概要】 スマホサイト制作の新手法jQuery Mobileの使い方を豊富な用例を使って解説したリファレンスブックです。毎年数多くのスマートフォンやタブレットが発売されるなか、Web制作の現場は多大な労力と工夫をついやして多彩なデバイスに対応することを求められています。 そうしたなか、ほぼすべてのブラウザとプラットフォームに対応できるjQuery Mobileというフレームワークが注目されています。 本書は、jQuery Mobileの概要から、
jQuery Mobileの概要 jQuery Mobileは、jQueryをベースとした、スマートフォン向けのフレームワーク※1です。 スマートフォン向けの直観的かつ使いやすいUIを瞬時に作成できます。 ※1フレームワーク:アプリケーション制作の土台を作ってくれるソフトウェアのこと デザイナー好みの「手軽さ」と「自由さ」を兼ね備え、デベロッパーが求める「リッチなヴィジュアル」のスマートフォンUIが作成できます。 指定した形式でHTMLを書くことで、自動的にスマートフォン向けにデザインされたネイティブアプリケーションさながらのページが瞬時にしてできあがります。(jQuery Mobileが作成できるのは、ウェブアプリケーションです。) 2010年10月にアルファ版がリリースされ、2011年11月ついにjQuery Mobile1.0正式版が公開されました。現在も、jQueryの開発者で
去年あたりから制作会社でもサイトのスマートフォン対応の案件が多くなってきているという話しをよく聞くようになりました。 今年もこの流れはさらに進んでくると思いますので、みなさんもHTML5やCSS3、jQueryなど勉強してる方も多いと思います。 また企業側も現在どのような形でスマートフォンサイトの対応をしていくのか迷っているという話しも聞きます。 そこで僕らの方もHTML5の勉強と共に、先日正式版がリリースされたjQuery Mobileを勉強もしてきてました。 スマートフォン関連の勉強や業界動向に特化した情報や調べた内容をまとめるブログを作り皆様と情報交換や勉強会などできればよいなと思っております。 「HTML5でサイトをつくろう」の方はあまり考えずにカテゴリーを作っていたので収集がちょっとつきませんでしたので、あちらとは別にスマートフォン関連に特化したブログにしていきます。 こちら
本ページはプロモーションが含まれています。 仮想通貨取引所「コインチェック」で口座開設してビットコインを買ってみた手順をレビューしてみました。 暗号資産に関心はあるものの 「口座開設難しいんじゃね?」 「ビットコイン高いんじゃね?」 など一歩踏み出せないあなたは参考にしていただければ幸いです。 口座開設は無料、ビットコインも500円とか1,000円とかお小遣いの範囲で買えますから、お試しで買ってみて仮想通貨の世界を体験してみるのも悪くないかもわかりませんよ。 なお、パソコンでの口座開設手順を書いていますがスマホでもやり方は同じです。今はスマホのかんたん本人確認を利用した方が早く口座が開設できますよ。 ビットコインとは 少しビットコインについておさらいしておくと ビットコイン(BTC)は暗号資産(仮想通貨)の一種 2022年冬現在全世界で最も時価総額が高い暗号資産(仮想通貨) 暗号資産(仮想
このページを最初にブックマークしてみませんか?
『【初めてのビットコイン】コインチェックでの買い方をわかりやすく』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く