現在動いているシステムやテンプレートを触り、重要度の小さな「iPhone対応サイト」を作るなんてナンセンスです。 （私個人的には重要度MAXですけど、、、） それでもiPhone対応はしたいものです。 そこで！CSSのみでiPhone対応する方法をご紹介いたします。 この方法ですと、システムによる不具合発生を最小限に抑える事ができるので、かなり有効な手段だと思います。 実際の方法は「Read more」 作業時間 私の場合、tableで困ったりしたので2時間強でした。 iPhone設定 ページ内に下記のように追記してください。 オススメは、全てのCSS読み込み後がよろしいかと思います。 <link media="only screen and (max-device-width:480px)" href="/css/******.css" type="text/css" re
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
Mockapp templateはPowerPoint、Keynote向けにiPhoneアプリやiPhone最適化サイトのモックアップを作るのに適したテンプレートを提供しています。大きさがちょうどiPhoneの大きさになっているので、モックアップのデザインがやりやすいのではないでしょうか。 Keynote向けテンプレート また、もう一つUIライブラリもダウンロードできます。こちらはソフトウェアキーボードやボタンなどにレイアウトされているので、UIと画面のテンプレートを組み合わせれば、iPhoneのイメージをつかみやすいサイトデザインができそうです。 プレゼンテーションを使ってモックアップを作成すると、iPhoneの画面デザインを左側に、その説明書きを右側にして資料を作成することができます。Mockapp templateはiPhoneアプリや最適化サイトを作る際には重宝しそうなソフトウェア
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。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
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
今からでも間に合う！本気で勉強したい人のための英語学習ページまとめ！ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに 英語というとなかなか難しいものです 新しい語学への挑戦という難しさもあると思いますが 勉強方法がわからないという方もいらっしゃると思います そんな方のために英語勉強のための良ページをまとめました 勉強法 急がばまわれ式・堅実で一番効率的な英語の勉強法 http://anond.hatelabo.jp/20091026215137 まず始めに何を使って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
