• かちびと.net

    iPhone向けWebサイトの制作等に役立ちそうな情報まとめです。iPhone向けに最適化する方法とか画像とかフレームワークとかのまとめ。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

iPhone向けWebサイトの制作等に役立ちそうな情報まとめ

スポンサーリンク

iPhone向けのWebサイトを制作する
際に役立ちそうな情報のまとめです。
情報が多くて混乱し始めたので、個人
的なメモ。iPhone関連のWeb制作情
報は基本的に載せています。アプリ
制作とかそっち系はたいして無いの
でご了承下さい。

個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。

フレームワークとかスクリプト

WebアプリとかiPhoneサイト向けのフレームワークとか。

jQuery Mobile

iphone09
スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。

jQuery Mobile

Sencha

iphone10

以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。

Sencha

Titanium

iphone11

HTML、CSS、js、PHP、Perlで作るネイティブアプリ開発フレームワーク。

Titanium

jQTouch

iphone12
通常のサイトにiPhoneでの動きを加えるjQuery。

jQTouch

Less Framework

iphone13
iPhone、iPadにも対応しているクロスデバイスのcssフレームワーク。

Less Framework

iUI

iphone14
Yahoo!画像検索にも使われているライブラリ。Yahoo!スタッフブログが参考になります。

iUI

iWebKit

iphone15
iPhone向けに作られたテンプレート。

iWebKit

PhoneGap

iphone14
HTML+CSS+JavaScriptで動作するモバイルアプリ用フレームワーク。

PhoneGap

jQuery iPhone UI

iphone16
jQueryでiPhoneのUIを実現

jQuery iPhone UI

NimbleKit

iphone17
こちらもHTML+jsでネイティブアプリを開発する為のフレームワークです。

NimbleKit

jQPad

iphone18
こちらはiPad向けサイト開発のフレームワークです。

jQPad

お役立ちサイトとか良さ気な記事とかTipsとか

役立つサイトとか記事とかTips集。

三階ラボ

iphone25
有名なサイトですね。iPhone、iPad関連の情報沢山。ダウンロードカテゴリは必見です。

三階ラボ

Building iPhone Apps with HTML, CSS, and JavaScript

iphone26
HTML+jsで作るアプリの作成プロセスが書かれたWebBook的なサイト。iPhoneアプリケーション開発ガイドとして日本語化されています。

Building iPhone Apps with HTML, CSS, and JavaScript

スマートフォン対応サイトの作り方、教えます

iphone27
表題の通り、教えてくれます。

スマートフォン対応サイトの作り方、教えます

iPhone向けサイト構築 基礎文法最速マスター

iphone28
iPhone向けサイトのリファレンス的な記事。見やすいですね。

iPhone向けサイト構築 基礎文法最速マスター

How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website

iphone29
Phone、iPod、iPadをPHP、JSで振り分ける方法。UAで振り分ける方法になります。

How to Identify an Apple iPhone, iPod or iPad Visitor to Your Website

WebサイトをiPhoneで見やすくする5つの方法

iphone30
この記事のMobifyのTipsが個人的に凄くグッときました。

WebサイトをiPhoneで見やすくする5つの方法

iphone/iPod touch向けWebサイトの作り方を調べました

iphone31
仕様とかいろいろ。いい情報ですね。

iphone/iPod touch向けWebサイトの作り方を調べました

WebサイトをiPhoneに最適化する方法

iphone32
簡潔にまとまっています。

WebサイトをiPhoneに最適化する方法

WordPress関連

WordPressをiPhone向けにする的なプラグインとか。

MobilePress

iphone19
便利っぽいプラグイン。MOONGIFTさんの記事が参考になります。

MobilePress

WPtouch

iphone20
Adsenseにも対応してくれる人気のWPプラグイン for iPhone。テンプレートキングにフリーのテンプレもありますよ。

WPtouch / iPhone対応テンプレート

iWPhone

iphone21
こちらもiPhone向けに最適化してくれるプラグイン。

iWPhone

WordPress Mobile Pack

iphone22
いろいろ揃ってるらしいです。

WordPress Mobile Pack

WPtap

iphone23
個人的に気になっているプラグイン。

WPtap

iPhone theme switcher

iphone24
iPhoneでアクセスすると、指定したテーマにスイッチ。指定するテーマをiPhone向けにするといい感じになりそう。

iPhone theme switcher

PSDとかAIとか

画像素材いろいろ。

iPhone 4 GUI PSD

iphone01
iPhone4のPSD素材。

iPhone 4 GUI PSD

Glyphish

iphone02
アプリ用のアイコン集。ライセンスCC。

Glyphish

Sexy Vector Cell Phone

iphone03
iPhoneの概観素材。AIファイルとかPDFが商用でも利用可。

Sexy Vector Cell Phone

iPad Stencil for Omnigraffle

iphone04
iPadのGUIキット。

iPad Stencil for Omnigraffle

Mobile – iPhone

iphone05
iPhoneのStencil素材。

Mobile – iPhone

iPhone GUI Elements

iphone06
部分ごとでDL出来る素材配布記事。

iPhone GUI Elements

iPad and iPhone Design

iphone07
大量のStencil素材セット。

iPad and iPhone Design

ipad vector GUI elements: tabs buttons menus icons

iphone08
iPadのGUIエレメント集。

ipad vector GUI elements: tabs buttons menus icons

その他

その他いろいろ

iPhoney

iphone33
Mac向けのiPhoneエミュレーター。Win向けはどうも全滅っぽいですけど・・いいのあったら教えてください。

iPhoney

Mobile Awesomeness

iphone34
モバイルサイトに最適化されたサイトのギャラリー。

mobileawesomeness

iPhone site extension for Dreamweaver CS4/5

iphone35
iPhone用DWエクステンション。これは素敵っぽい。

iPhone site extension for Dreamweaver CS4/5

CSSiPhone

iphone36
こちらもギャラリー。iPhoneに特化してるみたい。

CSSiPhone

ibbdemo2

iphone37
こちらもシミュレーターです。Win向け。まだ試してないので気になっていますが・・

http://www.puresimstudios.com/ibbdemo/

ibbdemo2

iShowcase

iphone38
日本のサイトでiPhoneやiPadに最適化されてるサイトのギャラリー。数が少ないのは当然なので世の中のデベロッパーに期待でしょうか。

iShowcase

以上、まとめでした。あんまり一貫性無かったですが多少でも参考になれば幸いです。このブログも対応させないと・・

URL :
TRB :

Ads

Posts

Contact

Services