Introducing Sessions: the latest product from Waldo!
Introducing Sessions: the latest product from Waldo!
The jQuery Mobile team is happy to announce 1.0.1, the first maintenance release for 1.0.0. This release brings a long list of fixes, performance tweaks and small improvements. We will now be focusing on finishing up version 1.1.0 for later next month. Demos & docs | Key changes | Change log | Download & CDN | Supported Platforms KEY CHANGES Now Officially Supported: bada and UC Web We’re happy to
Manage your organization's users, settings and licenses.
jQuery Mobileを利用するとスマートフォンサイトを手軽に制作できますが、基本テンプレートをベースに制作すると「いかにもjQuery Mobileらしい」デザインになってしまい、他のサイトと似通ってしまいます。 そこで今回はjQuery Mobileのテンプレートをフルカスタマイズし、オリジナルデザインのスマートフォンサイトを作成する方法を解説します。サンプルとして、次のようなカタログサイトを制作します。 トップページには新着商品のサムネイル画像が3つ並び、その下にはアコーディオンパネルでニュースを掲載しています。新着商品のサムネイル画像を選択すると詳細ページに遷移し、詳細ページで画像をタップすると画像を拡大して表示します。 HTMLの作成 デザインカンプを元にHTMLを作成します。head要素内は次のように記述します。 ■サンプル1[HTML] <!DOCTYPE html> <
The key to creating exceptional customer experiences and effective data-driven marketing? Implementing the right technology to support them. Out of thousands of available options, we pinpoint which technology platforms are the best fit for your business and marketing goals based on essential criteria: application efficacy, affordability and ease of implementation. To ensure maximum efficiency, sca
スマートフォンなどのモバイル向けのWebサイトを作るときに考えておきたいこと、制作に役立つツールなど、その辺りの情報が記載されたWebサイトを仕事でちょっとまとめることがあったので公開します。要は俺ブックマークまとめです。 常日頃溜め込んだものを身近な人たちだけに教えるのはもったいないと思いましてね。さすがに何年も前のは入れてませんし、各種公式資料みたいなものも入れていませんが、昨日今日出た新しい情報までを順不同で入れています。興味のある方はリンク先でお勉強してください(全部英語ですけどね 笑)。 ※「Responsive Web Design」とか「Adaptive Web Design」とかの情報はほとんど入れていません(抜いてますw)。ほぼほぼスマートフォン向けのWeb制作に特化したリンク集です。 Mobile Web Resources, BrowsersMobile Web Pr
At the Velocity Conference today, Yahoo! announced the launch of YSlow for Mobile, which brings YSlow’s web performance analysis to the mobile platform for the first time. YSlow for Mobile analyzes your mobile web site performance, and suggests ways to make mobile web pages load faster – right in your mobile device. It is a bookmarklet – an unobtrusive JavaScript program stored in a browser’s book
Mobile First Helps with Big Issues by Luke Wroblewski June 4, 2010 During part of our conversation on the Big Web Show yesterday, Jeffrey Zeldman, Dan Benjamin, and I discussed some of the ways designing for mobile first can help mitigate some of the thorny issues that have plagued designers for years. And the Kitchen Sink...One of the longest standing issues in Web design has been the "everything
Dreamweaver CS5.5とjQueryMobileを使えばスマートフォンサイトは簡単に作成できますが、やはり使いこなすためには、CS5.5だけでは不足な部分や注意点を知っていなければなりません。 ここであげた点について自信を持って大丈夫と言える人はDW CS5.5+jQuery Mobileマスターといえるのではないでしょうか。 1. jQuery Mobileの要素を簡単に作成することはできますが、オプションは基本的な項目のみです。また、いったん出力した要素のオプションは変更できません。 →手動で属性を追加したり変更したりする必要がでてきます。 2. コードの自動補完は属性名の候補などは出ますが、そもそもどの要素にどの属性を付けられるかなどには対応していません。 →属性の内容や効果については知っておく必要があります。属性名がうろ覚えでも指定できたり、タイプミスを防ぐものになりま
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
Tech Leadership Advice & Resources Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering & Technology Directors jQuery Mobile is a framework for mobile web apps and mobile websites with an aim to provide a unified user interface system across many mobile device platforms such iPhone, BlackBerry, Android and Windows Mobile. The
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
■2010年度通期出荷台数は前年比9.3%増3,764万台 ■スマートフォン出荷台数は前年比3.7倍の855万台。OS別ではAndroidがiOSを逆転 ■2011年度通期出荷台数は3.3%増の3,890万台と予測 MM総研(東京都・港区、所長・中島 洋)は10日、2010年度通期(10年4月~11年3月)の国内携帯電話出荷状況を調査し、結果を発表した。総出荷台数は前年比9.3%増の3,764万台となった。半期別でみると、上期の1,913万台(前年比12.3%増)に続いて、下期も1,851万台(前年比6.4%増)と回復傾向が続いた。MM総研では出荷台数回復の主な要因として、スマートフォン市場の拡大とau市場におけるトライバンド対応端末への買い替え台数好調の2点であると分析する。 2010年度通期のスマートフォン出荷台数は855万台で前年比約3.7倍に拡大し、総出荷台数の22.7%を占める結
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
ウェブサイトの設計をする時、モバイル端末(スマートフォン、タブレット端末など)からスタートする「モバイルファースト」というコンセプトと手法があると以前に紹介しました。 このコンセプトで難しいのが コンテンツ です。モバイルの場合、コンテンツはコンテキスト(環境)に左右されると言われます。つまりモバイルの場合はデスクトップとは環境が違い、ユーザーは家でデスクトップの前に座ってパソコンを利用しているとは限らず、モバイルを利用するコンテキスト(環境)がユーザーによって違います。そのコンテキストを考えることがモバイルのコンテンツの決定に不可欠ということです。 では、モバイルのコンテキストとはなんでしょうか?そんな悩みを解決できるかもしれない「コンテンツ」と「コンテキスト」のヒントになる図表などを集めてみました。 Elements Mobile Context一番最初は、「Peopel-centri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く