サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横
最近のパターンを記載しました こちらをごらんください 各ブラウザごとに サポートするようになっているので 自分用のメモもかねて GIFファイルを使う <link rel="shortcut icon" href="favicon.gif" /> <link href="http:/XXXXXXXXXX/favicon.gif" rel="shortcut icon" type="image/gif"/> PNGファイルを使う <link rel="shortcut icon" href="favicon.png" /> <link href="http:/XXXXXXXXXX/favicon.png" rel="shortcut icon" type="image/png"/> WindowsIcoファイルを使う <link href="favicon.ico" rel="icon" ty
大切な写真を「フォトブックアプリ」にしてあの人に送ろう Mooklet for iPhone はあなたの写真とメッセージから、世界に一つしかない「フォトブックアプリ = Mooklet」を作るアプリ。 写真を選んでメッセージを入れるだけで、たった5分でダイナミックなフォトブックが完成します。 完成したMookletはHTML5ベースのWebアプリとしてURLを配布できるため、まるでネイティブの写真集アプリのように、家族や友人のiPhoneやiPadのホーム画面にインストールしてもらうことができます。 ※Mookletの作成、作品の閲覧にはインターネット回線が必須です。 6月5日、「Mooklet for iPhone」は仏Appsfireが主催するアプリコンテストthe App Star Award 2012において、数百のアプリの中から最優秀賞に選ばれました! フォトブックをHTML5ア
[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
TempNateトップへ > TempNate スマートフォン・テンプレート TempNate スマートフォン向けの無料ホームページテンプレート こちらでは、TempNateの無料のスマートフォン向けのホームページテンプレートを配布しております。 PC向けホームページと、スマホサイトを個別で作成して、スマホ対応する方法です。Google検索でモバイルフレンドリーと認識していただく方法になります。すでにホームページを持っていて、とにかくスマホ版サイトを作りたいという方はこちらのテンプレートをご利用ください。 今あるホームページを、自動でスマホ変換(レスポンシブ方式)などの方法もありますが、商用サイトでは料金が高額になるケースが多いです。そこで、こちらのテンプレートを活用していただけましたら、手作業は必要ですが、スマホサイトを無料で作成する事ができます。 個人はもちろん商用利用も可能です。会社
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター(エミュレーター?よくわからn)はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな?w 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日本なら、基本的にiPhoneとAndroidだけあれば
HTML制作の準備 デザインカンプが完成したら次はHTMLの制作ですが、実際のコーディングに入る前にいくつか必要な準備があります。 第2回で紹介したとおり、スマートフォンサイトの制作では実機での確認が欠かせないため、実機からアクセスするためのWebサーバーが必要です。今回は私が普段使っている開発サーバーにサブドメインを設けてファイルを随時アップロードしながら確認することにしました。ローカル環境にWebサーバーを立てるか、レンタルサーバーなどを利用してテスト環境を用意してください(第2回を参照)。 HTMLテンプレートを用意する iPhone、Androidに搭載されているブラウザー(ともにレンダリングエンジンはWebKit)はHTML5を積極的にサポートしています。今回のようなスマートフォン専用サイトではPCサイトのように過去のブラウザーを気にする必要はありませんので、HTML5でコーディ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
デジタルステージは、HTML5に対応し、リッチアニメーションも作成できるWebサイト作成ソフト「BiND for WebLiFE* 4」を9月17日に発売すると発表した。 「BiND for WebLiFE* 4」スタンダード版(左)、プロフェッショナル版(右) BiND for WebLiFEは、HTMLやCSSなどの専門の知識を持たずにWebサイトが制作できるソフト。9月17日に発売される「BiND for WebLiFE* 4」では、スライドショーのような動的リッチコンテンツを制作できる「SHiFT for WebLiFE*(シフト・フォー・ウェブライフ)」を採用。表示にAdobe Flashのプラグインを使用しないため、iPadやiPhoneなど、デバイスに左右されることない仕様となっている。 また、専用サーバーである「BiND サーバー」は、モバイルサイトに対応し、主要 3キャリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く