みんなが見てる人気のスマートフォン向けWebサイトデザイン
スマホ用サイトでは画面のサイズがいくつもあるので、 viewportを指定して自動で端末の画面サイズに合わせた表示になるようにする。 viewportはPCでいうところのウインドウサイズとは違い、コンテンツを表示する領域。詳しくは appleの解説をどうぞ。それをmetaタグに記述することでスマホで表示するときのサイズを調節できる。 こちらにサイズの算出について書かれているので参考にするといいよ! スマホサイトの作り方でよく紹介されるのは↓の指定。 <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">それぞれ以下の意味になる。 プロパティ名 説明 width 端末の幅 initial-scale
中町JPが2024年5月1日、自身のYouTubeチャンネル「中町純平のマジ酔ってるわ!!」を更新。平成フラミンゴのNICOと2人でドライブをしながら、トークをする姿を投稿しました。 https://www.youtube.com/watch?v=A4YnUVFrIF8&t=2520s 中町JP、NICOに全力で...
iPhone / iPadの画像が90度回転してしまっているのをサーバ側で直す(Exif + Orientationタグ + ImageMagick + PHP) iPhone / iPadは、縦に持って写真を撮った場合でも、内部的には横長のJPG画像+ExifのOrientationタグで回転角度を埋め込んで保存しているようです。 ではこの画像を取り出して表示・使用する場合にどうなるかというと、Orientationタグを見て縦に表示するか否かは表示するソフトウェアによる、ということになります。 しかし、投稿画像がユーザー環境によって見え方が変わるというようなことになると、これはちょっと避けたいと思うわけです。
iPhoneで撮影した縦画像(縦長の画像)をメールで送信し、その画像をサーバー上で処理すると横向きの画像で処理されてしまう事があります。 原因と解決方法は以下から。 iPhoneからメールで送信した画像が横向きになる原因 iPhoneを縦向き状態で縦画像を撮影した場合でも、iPhone内には横画像(横長の画像)として保存されています。 ではなぜiPhoneでは縦画像を問題なく表示できるかというと、画像データの中に含まれている『Exif』という画像情報に画像の向きが書きこまれているためです。 PHPで画像のExif情報を調べる方法 PHPで画像のExif情報を調べるにはexif_read_data()関数を使用します。 <?php $file_name = 'test.jpg'; $exif_datas = exif_read_data($file_name); //返り値として連想配列でE
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
お知らせ 11月9日 たったの3ステップでPassbook対応コンテンツがつくれるPasstaサービスを開始しました。
iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。 iOSのホーム画面向けのアイコン用テンプレ。スマートオブジェクトでフレームの変更・追加も容易に出来ます。 iPadやiPhoneなどのアイコン生成用のテンプレートです。フレームみたいなもんですかね。デザインの変更はスマートオブジェクトを利用します。 使ってみた ↑ 上記赤枠がスマートオブジェクトなので開きます。 ↑ 何種類かある中からフレームを決めてスマートオブジェクトを保存すればメインファイルに反映されます。 ↑ インセットも出来るよ。 ↑ テクスチャ追加してみた。スマートオブジェクト側にテクスチャを増やせばテンプレ量産出来ますね。 枠を作ってくれてるので効率的に
iPhone(Safari)やXperia、IS(Android)用のサイト制作について参考になる記事をまとめておきました。 このまとめが、あなたの知識の穴を埋めてるのに役立てば幸いです。 他にも良い情報や、「いやこのサイト・この本だけ見れば万事OKだから」とかそういう情報があれば教えて下さい。 ※紹介する記事に過去エントリと重複するものもありますがご容赦下さい。 初心者向け iPhone用の画面幅調整について、初心者向け。 → 今から始めるiPhoneコーディング iPhoneの画面幅調整について、より深い言及。 → iPhoneとViewPortとXHTML Mobile DOCTYPEと.mobiドメイン 画面幅調整とアクセス制御とCSSに関する知識について。 → iPhone向けサイト構築 基礎文法最速マスター meta name=”viewport”や表示調整に関する
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.
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く