jQuery Mobileを触りながら覚えよう！ [Japanese Version Only] - jsdo.it - Share JavaScript, HTML5 and CSS
サンプルを用意しました！フォークしてjQuery Mobileを体験してみよう！ スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ！ aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定することができます。data-position="fixed" フォーム周りの要素もjQuery Mobileで表示できます！ そもそもjQuery Mobileってなんだっけ？ jQuery Mobileはモバイルサイト構築のためのフレームワークです。 スマートフォンサイトやWebアプリを作成する際に利用します。 非常に手軽に利用でき、少し勉強するだけでそれなりのものが作れてしまうんですよ！ ということで、j
はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」
前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して（スマホサイトを別 URL で作成せず）スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo
jQuery Mobile 1.1、正式版が早くも登場！
昨年11月にjQuery Mobile 1.0として最初の正式版が登場してからわずか5カ月。最初の大きなバージョンアップとなるjQuery Mobile 1.1.0がリリースされました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れるJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 jQuery Mobile 1.1では、画面上部もしくは下部につねに表示されるFixed Toolar（固定ツールバー）のちらつきがなくなった点、画面遷移がよりスムーズになった点などの改善が行われています。 固定ツールバーがCSSベースに モバイルデバイスのユーザーインターフェイスとして、画面上部
【初めてのビットコイン】コインチェックでの買い方をわかりやすく
本ページはプロモーションが含まれています。 仮想通貨取引所「コインチェック」で口座開設してビットコインを買ってみた手順をレビューしてみました。 暗号資産に関心はあるものの 「口座開設難しいんじゃね？」 「ビットコイン高いんじゃね？」 など一歩踏み出せないあなたは参考にしていただければ幸いです。 口座開設は無料、ビットコインも500円とか1,000円とかお小遣いの範囲で買えますから、お試しで買ってみて仮想通貨の世界を体験してみるのも悪くないかもわかりませんよ。 なお、パソコンでの口座開設手順を書いていますがスマホでもやり方は同じです。今はスマホのかんたん本人確認を利用した方が早く口座が開設できますよ。 ビットコインとは 少しビットコインについておさらいしておくと ビットコイン（BTC）は暗号資産（仮想通貨）の一種 2022年冬現在全世界で最も時価総額が高い暗号資産（仮想通貨） 暗号資産（仮想
jQuery Mobile 1.0正式版までの大きな変更点のピックアップ
先日、ついにjQuery Mobileの1.0正式版がリリースされ、いよいよ本格的な利用が視野に入ってきました。そこで、jQuery Mobileのここ最近の変更点の中から大きなものをピックアップしてお伝えしたいと思います。 テーマのカスタマイズツール「ThemeRoller」のリリース まずは、jQuery Mobileのオリジナルのテーマを作成することができるThemeRollerです。ThemeRollerは、これまで個別にスタイルを編集するしかなかったテーマのカスタマイズを簡単に行うことができます。各カラーをドラッグ＆ドロップで簡単に変更できたり、左側のインスペクタパネルで詳細に変更することができたりします。是非ともお試しください。 大幅なパフォーマンスUP これまでマイナーバージョンアップが行われるたびにチューニングされていましたが、正式版となる1.0では、さらに30%〜50%の
jQuery MobileのCSSを変更してテーマをカスタマイズ (1/3)
CSSを駆使することでjQuery Mobileでもオリジナルデザインを実現できますが（関連記事）、フルカスタマイズではかなりの手間がかかります。今回はjQuery Mobileのテーマカラーのみを変更する、手軽なセミカスタマイズの方法を紹介します。 jQuery MobileのCSSを解剖する テーマカラーをカスタマイズするために、jQuery MobileのCSSがどのように設計されているか、見てみましょう。 jQuery MobileのCSSは、「共通CSS」と「テーマCSS」の2つで構成されています。共通CSSは、要素のサイズや間隔、余白など、ページの構造やレイアウトに関する設定が記述されており、すべてのテーマで共通して利用されます。 一方、テーマCSSは、data-theme属性で指定したテーマ（デフォルトでは「a」～「e」までの5種類）のスタイルを記述したCSSで、指定したテー
jQuery Mobile でスマートフォンサイトを作ってみた
これだけ世間が「スマートフォン」「スマートフォン」といっているとやはりスマートフォンサイトは無視できないということもあり、jQuery Mobile を使って作ってみることにしました。 今ごろスマートフォンサイトを作っているのでは遅いくらいかもしれませんけど… といってもスマートフォンを持っていないので確認ができない 🙂 もちろんブラウザーの User Agent を変えれば、おおまかな確認はできる。 iPhoney というシミュレータを使う方法もあるし、Xcode and iOS SDK の iPhone Simulator.app や Android SDK を使えば問題なく確認はできると思います。 ただ、私の環境では諸事情があり iOS SDK も Android SDK もインストールしていません。 iPhoney は手軽でいいのですけど、”It’s the perfect 32
SURGAVIP 🌟 Broadcasting Empire Bongkar Pola Gacor Terkini
Dalam dunia hiburan digital, SURGAVIP kembali menjadi sorotan setelah Broadcasting Empire merilis ulasan eksklusif mengenai pola permainan dari salah satu provider terfavorit, yaitu Pragmatic. Penelusuran kali ini berfokus pada peluang kejutan jackpot maxwin yang sedang ramai diperbincangkan komunitas game online. Broadcasting Empire menyoroti bagaimana konsistensi kemenangan dalam game pragmatis
DW CS5.5＋jQuery Mobileを使いこなすための心得10項目
Dreamweaver CS5.5とjQueryMobileを使えばスマートフォンサイトは簡単に作成できますが、やはり使いこなすためには、CS5.5だけでは不足な部分や注意点を知っていなければなりません。 ここであげた点について自信を持って大丈夫と言える人はDW CS5.5＋jQuery Mobileマスターといえるのではないでしょうか。 1. jQuery Mobileの要素を簡単に作成することはできますが、オプションは基本的な項目のみです。また、いったん出力した要素のオプションは変更できません。 →手動で属性を追加したり変更したりする必要がでてきます。 2. コードの自動補完は属性名の候補などは出ますが、そもそもどの要素にどの属性を付けられるかなどには対応していません。 →属性の内容や効果については知っておく必要があります。属性名がうろ覚えでも指定できたり、タイプミスを防ぐものになりま
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
jQuery Mobileで作成したページをPC向けに表示するためのライブラリ『 jQuery Mobile for PC 』を公開しました | 諸葛亮孔明もびっくりですわ のブログ
2011/04/11 2011/04/11 08:00 jQuery Mobileで作成したページをPC向けに表示するためのライブラリ『 jQuery Mobile for PC 』を公開しました 過去数回に渡って jQuery Mobile の手軽さ・自由度の高さを紹介してきました。 過去のjQuery Mobile関連のエントリ : jQuery Mobileのススメ - 商用利用に耐えうる3つの理由 jQuery Mobile - 標準テーマでらくらくデザイン jQuery Mobile - data-transition属性でアニメーション指定 jQuery Mobile - APIの利用でより細かなカスタマイズ しかしjQuery Mobileは、実は大きな問題を抱えています。 jQuery Mobileの問題点 jQuery Mobileはスマートフォンに最適化されたサイトを作
[jQuery Mobile] ヘッダーにボタンをつける | H2O Blog.
jQuery Mobileのヘッダには、左右にボタンを付加することができます。こうすることで、iPhoneの設定画面などでよくある「戻る」ボタンや「保存」ボタンなどを画面上部に配置できます。 data-role属性が「header」となっているエリアに、次のように組み込みます。 [xml] <div data-role="header"> <a href="index.html" data-icon="delete">キャンセル</a> <h1>ツールバー</h1> <a href="index.html" data-icon="check">OK</a> </div> [/xml] 「data-icon」属性の中は、次のような種類があり、それぞれのアイコンが表示されます。 alert arrow-d arrow-l arrow-r arrow-u back check del
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
jQuery Mobile [基礎編]
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
Home - Mgallery-JQ