This domain may be for sale!
そもそもwidthは ・縦:portlaitモード(320px)約1/3 ・横:landscapeモード(480px)約1/2 (1)metaタグにviewportを使う <meta name="viewport" content="[プロパティ]=[値](, [プロパティ]=[値])"> initial-scale 倍率の初期値 乗数で指定(例:120%の場合は1.2) minimum-scale 倍率の最小値 乗数で指定 maximum-scale 倍率の最大値 乗数で指定 user-scalable 拡大縮小の可否 (ye/no) <meta name="viewport" content="width=device-width" /> デバイスにあわせる(スクロール分の余白ができてしまう) <meta name="viewport" content="width=320; init
iOS 6でもGoogleマップとストリートビューを使いたい人に裏技登場 これでアップル製マップとおさらば? iOS 6になり数々のバージョンアップがされたiPhone、iPad、iPod Touch。しかしバージョンアップばかりでなく、ダウングレードした部分もあるのだ。iOS 6リリース前から話題になっていたアップル製地図がリリース後に予想を裏切らないクオリティの低さに皆が驚愕。あるはずの道がなかったり、駅の場所が違っていたり施設名が異なっていたり、謎の地名が表記されていたりと地図利用者は大混乱である。 Googleの地図がそれほど凄かったのか、それともアップルが見切り発車をしてしまったのか、どちらにせよこのままでは日本国内ではアップル製の地図は全く使い物にならない。どうにかして『Googleマップ』を使いたいと言う人は『Safari』なりのブラウザを起動して「Googleマップ」と検索
保存したページのデータをあらかじめダウンロードさせておくことで、電波の届かない場所であってもiPhoneやAndroidなどのスマートフォンからオフラインで読むことができ、約300種類ものアプリと連携可能となっているネットサービスが「Pocket」です。Firefox・Chrome・IEなどのブラウザからページを保存した後、あとでスマートフォン経由で移動中や出先で読む、あるいはその逆でスマートフォンで気になるページをピックアップしてから、あとでゆっくりPCで閲覧する、というようなことが可能になります。 実際にどういう感じのシチュエーションでシームレスに使えるかというのは以下のムービーを見れば分かります。 Introducing Pocket on Vimeo アカウント登録、ブラウザ(Firefox・Chrome・IE)での使用方法、iPhone・iPad・Android搭載スマートフォン
私が実際にLINEアカウントの引き継ぎをやって分かった、LINEアカウントを消してしまわないために必要な「大切な設定」と、「アカウントの引き継ぎ手順」およびその「詳しい仕組み」を解説します。 もちろん機種変更予定の人は特に要注意なのですが、故障や紛失でも同じことが起こるので、もしもに備えて機種変更の予定が無くても「今すぐ」設定することをおすすめします。 また、この仕組みについて知らなかったためにLINEアカウントが消えてしまった、という人がたくさんいるようなので、LINE友だちにシェアしてもらえれば幸いです。ただ手順を知るのではなく、仕組みを知ることが大切です。 ※2016年2月現在も、この「電話番号だけでは引き継げない」という基本的な仕組みに変わりはありません。「え、なんで電話番号でログインできないの?」と思ったら、ぜひ目を通しておいてください。 目次 1. 機種変などでトラブルになる人
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 スマフォ向けのフレームワークは相当出回っていますので珍しくないかもですけど・・触った感じはなかなか使いやすそうでした。コアファイルは非圧縮で40kbほど。 以下、公式サイトのサンプルです。 Sample スターターキット的にも使えそうです。 ↑ 実機でのスクリーンショット この手のは沢山あるので好みで選べばいいですね。詳細は以下でどうぞ。 Lungo.js
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhone・Androidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。 【デモを見る(iPhone・Androidで見てください)】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置(position:absolute)を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる!! iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ(Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
iPhoneタブバー&ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー&ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
5/15より、無料で050番号が持てるフュージョンコミュニケーションズのIP電話サービス「IP-Phone SMART」が始まりました! 詳細はこちらからどうぞ。 スマートフォンの通話料をトコトン安くする | FUSION IP-Phone SMART βサービス 最大の特徴は月額無料で050番号を持てる、ということですね。通話料もなかなか割安です。 現在、通話品質などを確かめてもらうため、β版での試験運用中とのこと。このβサービス中に申し込みをすると、登録日から5日間の通話料を最大1時間分相当(1,008円)が無料になる、というキャンペーンも実施しています。 さっそく「IP-Phone SMART」がどんなサービスなのか、簡単にご紹介させていただきます!気になる方はぜひ試してみてください。 FUSION IP-Phone SMARTのメリット 050番号が無料で持てる 無料で050から始
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
スマートフォン対応サイトを作ったけど、iPhoneやAndroid携帯を持っていないので確認する方法がない……という人は「Mobilizer」を利用しよう。パソコンで各種スマートフォンの環境を再現し、表示をチェックできるシミュレーションソフトだ。 「Mobilizer」は、スマートフォンの表示環境をパソコンで再現するソフト。 シミュレートできるのは「HTC Evo」「Palm Pro」「Blackberry Storm」「iPhone4」の4機種のみだが、現在、スマートフォンのシェアの9割以上を占めているiOS(iPhone4)とAndroid(HTC Evo)が含まれているので、スマートフォンの表示状態を確認する目的なら十分に使える。表示させたスマートフォン用サイトの画面をキャプチャすることもできるぞ。 ■ パソコンからスマートフォン表示を再現するシミュレーター 「Mobilizer」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く