jQuery Mobile × jQuery UI は混ぜるな危険！？ - normalian blog
jQuery Mobile の利用に際しての注意点をもう一点追記したい。 jQuery Mobile を利用する場合、 jQuery UI を同時に利用してはいけない点だ。これらの部品は以下の様に用途が異なるためである。 実際、jQuery Mobile のソースを確認すると、 jQuery UI から拡張していることが読み取れる。では、実際に jQuery Mobile と jQuery UI を共存させた場合に起こる問題について紹介する。 ダイアログの表示が壊れる jQuery Mobile にも jQuery UI にも ダイアログと呼ばれる部品があるが、これらを組み合わせた場合、以下の問題が発生する。jQuery Mobile のダイアログが壊れているのが理解できると思う。 jQuery Mobile のみ jQuery Mobile × jQuery UI ソースコード例は以下と
面倒なページネーション実装よさらば！jQueryでサクッとページネーション実装を実現するプラグインはこれだ！ #jQuery #javaScript #CSS｜CodeIQ MAGAZINE
大量のコンテンツを複数ページに分けてすっきり見やすくしたい。そんな時にお役立ちなページネーションはスマートにコンテンツが表示されて便利な上見栄えも良い！でも、実装はちょっと面倒そう…そんな風に思っていませんか？ 今回はJavaScript&CSSと一緒に組み込むだけでサクッとページネーションが実装可能な、お役立ちjQueryプラグインをご紹介します！ by hibikiYzk ページネーションとは 長いコンテンツの表示に良く利用されるページネーション。ページャーやページ送りとも言われます。ページネーションは、長い文章を複数のページに分割して各ページへのリンクを並べアクセスしやすくする、もしくは一枚のページの内部で長い文章を分割し切り替えて表示する機能のことです。デザインや機能も様々で、バリエーションに富んだページネーションがたくさんのサイトで利用されているのを目にすることも多いのではないで
jQuery Mobile 1.4の変更点と既存ページ対応のポイント（後編）
はじめに jQuery Mobileは、jQueryを用いたスマートフォン向けのUIライブラリです。本記事では前回に引き続きjQuery Mobileの最新バージョンとなる1.4について、既存Webページを対応させるための修正ポイントについて説明します。後編となる今回は、画面を構成する各種ウィジェットに関する変更点をとりあげます。なお、jQuery Mobile 1.4については前編も参照してください。 対象読者 Webページで利用しているjQuery Mobileをバージョンアップしたい方 jQuery MobileのWebページを流行のフラットデザインにしたい方 単純にjQuery Mobile 1.4にバージョンアップしてみたが、うまくいかなかった方 必要な環境 今回利用するjQuery Mobileは1.4.1です。jQuery Mobile 1.4.1が対応するjQueryは1.
jQuery Mobile 1.4の変更点と既存ページ対応のポイント（前編）
本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回と次回の2回にわたり、2014年1月に正式版がリリースされたjQuery Mobile 1.4について、前バージョンからの変更点や既存のWebページを対応させるための修正ポイントを説明していきます。 はじめに jQuery Mobileは、jQueryを用いたスマートフォン向けのUIライブラリです。jQueryとjQuery Mobileを活用することにより、スマートフォンに最適化されたWebページをシンプルなコーディングで作成することができます。 jQuery Mobileの最新版となる1.4では、Webページの外観と処理内容の両面で従来バージョンから変更が行われたため、jQuery Mobileを用いた既存のWebページをjQuery Mobile 1.4に
jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も
jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も iOSやAndroidなどクロスデバイス対応のモバイルアプリケーション開発のためのJavaScriptライブラリ「jQuery Mobile」の最新版「jQuery Mobile 1.4」が公開されています。 CSS内のSVGでアイコンを描画 今回のバージョンの大きな特徴は、これまで画像ファイルを基に描画されてきたアイコンがすべてSVGに置き換えられたことで拡大縮小に対して柔軟になり、Retinaなど高精細な画面でもなめらかな表示を実現したことです。 例えば、jQuery Mobile 1.4でアイコン表示を備えたボタンをChromeのデバッガで見てみると、イメージファイルを示す部分にはSVGのコードがそのまま記述されていることが分かります。 これまであったPNG形
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
