もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
iPhoneアプリプロモーション成功法【最新版】
【F8報告会】LiveRailとFacebook SDKのNative Ad対応の意味/株式会社トーチライト 三原 敬太様 Adinnovation Inc.
なくすと困るアイテムに取り付けてスマホ＆クラウドで管理・追跡できる「Button Trackr」
家の鍵やリモコン、眼鏡などの小物はどこに置いたかうっかり忘れてしまい、探し出すのに一苦労するときもあります。なくしがちなアイテムなどに取り付けて、スマートフォンやタブレットで管理することができるのが「Button TrackR」です。 Button TrackR - Find Lost Items | Indiegogo http://www.indiegogo.com/projects/button-trackr-find-lost-items Button TrackR - YouTube Button TrackRは小さな小物にも付けられるように、直径25mm、薄さ4mmとかなり小型のデバイスになっています。 iPadの裏にピタッと貼り付けたり…… 付属のアタッチメントを使ってキーホルダーのようにしてカギに取り付けて持ち運びが可能。 なくしたものを探す時には、Button TrakR
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォン広告を比較して検討しよう『Smart Phone Ad SPA』
久しぶりすぎて困惑していますw 取り急ぎスケールアウトあたりを追加。 ---------- 爆発的に普及しているスマートフォン。ガラケーと呼ばれる携帯の広告を扱っていた会社も次々にスマートフォン広告に進出しています。また新興企業 も「これはチャンス」と言わんばかりにスマートフォン広告業界に名乗りをあげています。一言でスマホ広告といっても微妙に各社特徴があります。ここではスマートフォン広告を提供している主要な会社（サービス）をご紹介するとともに、スマホ広告、アドネットワーク業界の相関関係をご紹介し、スマホ広告の比較 検討にお役立ち頂ければと思っています。 掲載されている全ての画像、文章、データの無断転用、転載をお断りします。 スマートフォン広告を比較して検討しよう『Smart Phone Ad SPA』 [運営サイト] ホームセキュリティ 比較｜レンタルサーバー比較｜ヨーロッパ検索エンジンシ
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
スマートフォンアフィリエイト対応のスマートフォン・アフィリエイトX
「スマートフォン アフィリエイトX」は、アプリ、WEB、メール、雑誌（二次元バーコード）のそれぞれの媒体ごとにダウンロード数、販売数、クリック数が分かります。それぞれ日別、期間別、トランザクション、広告別に詳細なレポートが分かりますので。費用対効果の高い広告を精査し配信できる仕組みとなっております。 二次元バーコードを利用し、PC,スマートフォンアプリ、メールマガジンからだけではなく、雑誌からの流入も測定できます。全方位での広告配信、効果測定が可能です。 すでに「スマートフォン アフィリエイトX」には、ローンチメディアとして複数の出版社との提携が実現しています。 Webサイト・アプリから雑誌まで多彩なメディアと提携、効果測定にも対応 ウェブを活用した総合的な顧客獲得支援サービスを展開する株式会社オプティマイザー(所在地：東京都港区、代表取締役：田川 周作)は、特許出願中の独自開発技術を使用
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
レスポンシブWEBデザインのサンプル26:phpspot開発日誌
26 Responsive Web Designs - Web Design Blog ? DesignM.ag レスポンシブWEBデザインのサンプル26 パソコン、スマホ等のデバイスでアクセスされた際にCSSを使ってフレキシブルにデザインを変えるというレスポンシブWEBデザイン。 それぞれのデバイス専用の画面を用意するのではなく、画面幅等で判断してCSSを切替えられれば開発側としてみれば手間が少なくなり合理的な開発が行えますね。 そうしたレスポンシブWEBデザインを上手く使ったサイト集がまとまっていましたのでご紹介です。 今後ますますスマホが重要度を増し、こうした考え方がWEBデザインをする上で必須の物になってくるような気がしますね。 関連エントリ お洒落なECサイトデザイン集３８ 次のサービスに使えるかもしれないロゴデザイン集２２ 奥行きをうまく使ったサイトデザイン集３０
スマートフォン版ソーシャルアプリの成功事例と今後の予測
やましょー / YAMADA Sho @yamasho_3 TwinkleBarはプロデューサー、ディレクター、エンジニア×２、インフラ×２で開発している。コーデマニアも同じかんじ。#socialapps 2011-01-12 21:03:37
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
iPadで使えそうなブックマークレットを10個作ってみました - もとまか日記Ｚ
昨日、以下の記事を書きました。 私がiPad2を購入する目的とiPad2でやろうと思ってること まだほんの少しだけ気が早いかもしれないようですが、iPad2が到着したらすぐにでも環境を整えることが出来るよう、まずSafariの環境を改善してみることにしました。 てことで、ブックマークレットを１０個作ったのと、他にも便利なブックマークレットを、まとめて紹介してみます。 iPadで使えそうなブックマークレット目次 以下、例によって長いので目次を作りました。 iPadでのブックマークレットの登録方法Safariの設定変更でより便利にブックマークレットを作る時に便利なエンコーダ そして以下が今回作ったブックマークレット１０個です。 はてダの日記編集画サイズを変更するページをMakeLinkするページタイトルとURLをメールで送るページを公式Twitterアプリでtweetするはてブコメントページへ
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室
まずは無料で始められる ビジネスチャットを気軽にはじめていただくために、Chatworkでは無料のプランをご用意しています。実際に業務で利用できる環境を無料でお試しいただけます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dunnnk.com/
バナーまとめ。｜Banner Matome｜スマートフォンバナー
ページを表示したスマフォやタブレットのいい感じのスクリーンショットを簡単に作成できる -PlaceIt
スマートフォンの比較サイト - スマートフォンデータベース
新着記事
