これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
たった700円で余ったiPhoneやiPod touchとMacで防犯カメラシステムを構築する方法！ | ひとぅブログ
「遠隔監視」という言葉にわくわくしちゃう@hitoxuです。 外出中に家の様子が気になる方も多いのでは無いでしょうか？ ペットの様子や子どもに留守番を任せているときなどなど。 今回は、機種変更をして余ったiPhoneや以前使っていたiPod touchとMacを利用して700円以下で防犯カメラ（監視カメラ）システムを構築する方法をご紹介します。 準備するもの、利用するアプリ まず準備するものと使うものをご紹介します。これだけが揃っていればお手軽にそして安価に防犯システムを構築できちゃいますよ〜。 準備するもの 常時起動できるMac → カメラ、サーバになります 余っているiPhone または iPod touch → カメラになります iPhone（またはiPadまたはiPod touch）→ 遠隔監視します 利用するアプリ iCamSource → Macにインストールします。カメラ＆サ
iPhoneの「ホーム画面追加」を促す | Agnist.code
http://code.google.com/p/mobile-bookmark-bubble/ こいつを使うことでiPhone表示時に画面下側へ下記のように出せる。 1. ソースのダウンロード[Source]→[Browse]のページを開き、「bookmark_bubble.js」を落とす。 左側の「example」を開き、「example.js」を落とす。 2. HTMLへ組み込む下記の感じで組み込む。 <script type="text/javascript" src="js/bookmark_bubble/bookmark_bubble.js"></script> <script type="text/javascript" src="js/bookmark_bubble/example.js"></script> 自分の場合は整理のため「bookmark_bubble」というフ
Passta | スマホでつかえるクーポン作成サービス
お知らせ 11月9日 たったの3ステップでPassbook対応コンテンツがつくれるPasstaサービスを開始しました。
「かならず帰る！」生きていくのに必須なアプリを見つけた！
最近、iPhone5 の 7GB速度規制問題 や パケット420万円問題 などのエントリーを書いているうちに、いろんな方からいろんなアドバイスを頂いたんですが、その中でも「私が」生きていくために本当に必須なアプリを教えてくださった方がいます。 いわば、命の恩人です…( ꒪⌓꒪) ほ、ほほぉ_φ(･_･ わたくし向け…。ダレルさん！ そして、このリンク先にあった、アプリはこちらでした！ かならず帰る 2.2（無料） カテゴリ: ナビゲーション, 旅行 販売元: Hiroshi Umemura – Hiroshi Umemura（サイズ: 0.7 MB） その名も 「かならず帰る！」 名前にしびれた。・゜・(ノД`)・゜・。 なんとこのアプリ、あらかじめ自分の「帰るべき場所」を設定しておけば、電波が届かなくても、その方向と残りの直線距離と徒歩での必要時間を示してくれるというもの。 すごい…なん
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
iPhoneの神アプリ言うからメモしとけ | アンダーワールド
1：以下、名無しにかわりましてVIPがお送りします：2010/12/05(日) 02:40:47.01 ID:0YvMQjNG0 無料 俺の妹がこんなに 可愛いわけがない iP 有料 ComicGlass ２３０円 5：以下、名無しにかわりましてVIPがお送りします：2010/12/05(日) 02:44:36.80 ID:0YvMQjNG0 無料 BB2C balloo! 6：以下、名無しにかわりましてVIPがお送りします：2010/12/05(日) 02:45:39.44 ID:0YvMQjNG0 無料 テレビ番組表 7：以下、名無しにかわりましてVIPがお送りします：2010/12/05(日) 02:46:31.76 ID:0YvMQjNG0 無料 シュフーチラシアプリ これはおすすめ。新聞とってない奴はいれろ。 8：以下、名無しにかわりましてVIPがお送りします：2010/12/0
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
サーバーを監視してアラートをiPhoneへプッシュ通知する『Pingdom』-今日のアプリ第494回
『Pingdom 』はWebサーバーなどを常時監視し、トラブルが発生した際にプッシュ通知でiPhoneへアラートを受け取ることができるアプリです。 サーバー監視サービスの「Pingdom」が無料で提供するもので、アラートの他にもアクセス速度や稼働率といった情報をグラフで確認することも可能です。 このアプリは利用するには、あらかじめPingdomのサイトで登録作業を行う必要があります。有料のプランも用意されていますが、1つのサイトを監視するのであれば、無料のプランでも十分機能します。 ユーザー登録を済ませたら、、「Contacts」でアラートを受け取るユーザーを追加し、「Checks」で監視したいサーバー(サービス)を追加。「Notification」の”iPhone“にチェクを入れます。 アプリを起動してユーザー登録で使用したメールアドレス・パスワードでログインします。プッシュ通知のプロン
iPhone 公衆無線LANし放題プロファイル設定方法 更新版│iPhone情報配信局
Softbankから公開されている「公衆無線LANし放題プロファイル」の設定が、エリア外でも簡単に設定出来るように変更されました。 SSIDやWEPキー（パスワード）といった初期設定が自動的に行われるため、BBモバイルポイントのエリアに入れば特別な操作をしなくてもwi-fi接続に切り替わります。 ■インストール手順（簡易版） Safariを起動し、MySoftBankのページを開きます。公衆無線LANし放題エリア外でも簡単設定「公衆無線LANし放題簡単設定」は、こちら次へログインIDとパスワードを入力してログイン簡単設定プロファイル同意する設定プロファイルインストール「信頼性が検証できません」と表示される場合がありますが、「インストール」をタップインストール完了 ■インストール手順（スクリーンショット付き詳細版） Safariを起動し、MySoftBankのページを開きます。 「公衆無線L
iPhone 活躍アプリ一覧（全68個） – Sasaki Takanori Online
有名アプリ・人気アプリを一通り試してみて、最終的に残った68個のアプリを一挙紹介。有料アプリもいくつか入ってます。 ＊Dock 内＊ まずは一番下に並んでいるアプリたちです。ここの4アプリは、ページをめくっても常に表示されます。 ・電話、メール、Safari、iPod 電話とメールとネットと音楽。iPhone の基本ですね。買ったときの設定から変えていません。 ＊1ページ目＊ 最初のページは当然頻繁に使うアプリが並んでいます。順番に見ていきましょう。 ・Faces Visual Dialer（有料：230円） iPhone にもともと付いている連絡先アプリがシンプルすぎて面白くない！という人向けの、見やすくて楽しい連絡帳。グループ分けして顔写真で連絡先を探せます。電話やメールはもちろん、相手の住所をマップで表示したりHPを見に行ったりするのも、見た目にわかりやすく、とても使いやすいです。最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
【トラブル防止】お下がりiPhoneを子供に渡す前にやっておきたい設定＆入れておきたいアプリまとめ！ - アップス！-iPhoneの小技やiOS系ニュースを配信
たった5秒でiPhoneの標準カレンダーに日本の祝日を追加する方法 - もとまか日記乙
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews
iPhoneの使い方や設定方法のまとめ | AppBank