jQuery Mobileを利用するとスマートフォンサイトを手軽に制作できますが、基本テンプレートをベースに制作すると「いかにもjQuery Mobileらしい」デザインになってしまい、他のサイトと似通ってしまいます。 そこで今回はjQuery Mobileのテンプレートをフルカスタマイズし、オリジナルデザインのスマートフォンサイトを作成する方法を解説します。サンプルとして、次のようなカタログサイトを制作します。 トップページには新着商品のサムネイル画像が3つ並び、その下にはアコーディオンパネルでニュースを掲載しています。新着商品のサムネイル画像を選択すると詳細ページに遷移し、詳細ページで画像をタップすると画像を拡大して表示します。 HTMLの作成 デザインカンプを元にHTMLを作成します。head要素内は次のように記述します。 ■サンプル1[HTML] <!DOCTYPE html> <
Sencha Touch Sencha Touch is the first HTML5 mobile web app framework.Sencha Touch allows you to develop mobile web apps that look and feel native on iPhone and Android touch devices.If you are building a complex enterprise application with a lot of visual interactions, Sencha Touch may be the best choice. it is heavily documented, with a strong professional team providing support. M-Project: Th
Products Communications Messaging Send and receive multichannel text and media messages in 180+ countries
Zeep Mobile is a free mobile messaging platform that allows any web app to send mobile content to its users.Free SMS? Really? Yes! Using our shortcode - 88147 - we're opening the door wide for developers like you to start building mobile features into their websites. With just a few lines of code, your users will be able to interact with your website with their mobile device via SMS, no matter whe
Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+. This tutorial was first published in October 2010. Today, we'll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We'll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we're finished, you'll have the ability to add this simple project to your iPho
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
Buy now $99 Glyphish Bundle More than 2200 outline and filled icons, plus Sketch files Great icons for everything Carefully crafted for iOS tab bars, toolbars, nav bars and table rows, Glyphish icons are also perfect for Android, Windows Mobile, websites, UI design, t-shirts, tattoos, stencils, stickers and much more. See a preview of all icon sets Try 50 for free Buy the bundle Ready for Retina E
iPhone App The ZBar Barcode Reader iPhone® App is a simple demonstration of the ZBar library on the iPhone 3GS and iPhone 4 platforms. Using the app you can: Scan EAN/UPC codes and link to web sites that perform product searches. Links to Google, Amazon and the Internet UPC Database are predefined. Scan QR codes containing URLs and link directly to the web site. Scan QR codes containing an E-mail
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く