iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
iPhone用のサイトを作成する時に便利なライブラリ・テンプレート集 - 仮想化する僕たち
いろいろと新しいライブラリとかも出てきているようなのでまとめてみました。 アプリを作るのも良いですが、webサービスとしてさくっと世の中に出してしまうのも手ですね。 アプリと言いつつwebサービスで十分といった類のものも多い状態ですし・・・。 iui.jsはsafari上でiphoneアプリっぽいデザインのサイトを実現するためのライブラリです。 cssとJavaScriptを駆使して簡単なhtmlを組むことでおしゃれなサイトに変換してくれます。 アニメーションする左右移動によるページ遷移はiphoneのipodと同じです。 User Interface (UI) Library for Safari development on iPhone iWebKitもiuiと同様のコンセプトで開発されている変換用ライブラリ。 後発ということもあって完成度は高くアプリと見紛う程です。 iWebKit
iPhone, iPad, ブラウザなどクロスデバイス対応のCSSフレームワーク -Less Framework
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。 Less Framework 2 ベースとなるカラムは下記のようになります。 iPhoneなどのモバイルデバイス 320px、2カラム iPadやネットブック 768px、5カラム デスクトップなどのブラウザ 1280px、8カラム 三種類のレイアウトは同じグリッドを使用しており、カラム幅：120px、溝幅：24pxとなっています。 異なる点はカラムとマージンの量です。 レイアウトの変更にはCSS3のMedia Queriesが使用されています。 body {width: 696px;} @media only screen and (max-width: 767px) { body
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 &amp;amp;amp;amp;amp;lt;link rel
KenG Weblog - WebサイトをiPhoneに最適化する方法
「WebサイトをiPod touchに最適化する方法の説明会」があったので、行ってきました。iPhone用Webページを作るとっかかり的な内容で終わりましたけど、これを足がかりにし、jQueryなんかと合わせて色々作ってみようと思ってます。以下、ひたすら箇条書き。なお、Apple Developer Connection関連のコンテンツを見るにはADC登録が必要のよう。 ◎iPhone上でのブラウザ設定項目 JavaScriptのON／OFF ポップアップブロックのON／OFF Cookie受け入れ ◎iPhone用ページ制作時の注意点 HTML / JavaScript / CSSはそれぞれ分割したファイルとする CSSファイルは、PC用とiPhone用を別々に用意する ◎iPhoneのSafariは「Web標準」ベース HTML4.01/XHTML1.0をサポート。WML（Wirele
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
