iPhoneひとつでプレゼン名人!? MiLi「パワー・プロジェクター２」はいろいろ遊べそう « GQ JAPAN
ノートパソコンを持ち歩かずとも、iPhoneひとつでプレゼンテーションができる専用プロジェクターが登場した。MiLi「パワー・プロジェクター２」は、モバイルバッテリーにLEDプロジェクターを搭載した画期的なハンディガジェットだ。 LEDのプロジェクターの明るさは10ルーメン。投映サイズは約５インチから約70インチ（投映場所の環境、明るさ、投映するコンテンツ等による）、解像度は640×480。投影時のバッテリー持続時間は約２時間。フォーカスリングも装備されている。¥39,800（act2 価格）〈MiLi／アクト・ツー www.act2.com〉 このMiLI「パワー・プロジェクター２」は、iPhoneに装着することでLEDプロジェクターとして、デバイスに保存されている動画、写真などの再生と投影ができる画期的なハンディプロジェクター。 その名前から分かるように実は第２世代目の製品となり、内
javascriptでviewportを変更する: いろいろメモ
システム的にviewportを固定で指定できないことがある。かもしれない。 そんな時は動的にmetaの値を変更することで対応できる。 <script> var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=0'); document.getElementsByTagName('head')[0].appendChild(meta); </script> これで、動的にmetaタグを追加しているので、 どこでも追加、変更可能。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
スマートフォンコーディング : ノウハウコラム ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
iPhoneブラウザの特徴の一つとして、画面を左右に90度傾けると画面の中もそれに合わせて回転する機能があります。 そのため、画面幅に合わせて伸縮するリキッドレイアウトとしてデザイン・コーディングしますが、中にはそれだけでは難しいものもあります。 そこで、傾きに合わせてbodyのclassを切り替えるjqueryのjavascriptを紹介します。 サンプル サンプル ※iPhoneで見てみてください。 ダウンロード tilt.zip 使い方 ダウンロードしたtilt.jsをjquery.jsと一緒に読み込むだけで動作します。 用途 縦横でボックスの幅を切り替える 縦横で背景色を切り替える 縦（または横）の場合だけ表示する文章や画像を設置する 縦に最適化されたサイズのまま、横の場合はそれを中央寄せにして表示する 等々... 仕組み 仕組みはとても単純でwindow.orientatio
iPhone/Android等モバイル版webkitで縦持ち(portrait)横持ち(landscape)のcssを切り替えたい - ハリーかつき・旧技術ブログ
iPhone/AndroidではJavaScriptのwindow.orientation;を取得できる。 jQueryスタイルでの記述方法を用いると、下記のような大変シンプルなコードでデバイスの縦持ち（portrait）と横持ち(landscape)でcssの切り替えが実装可能である。 function switchOrientation(){ var orientation = window.orientation; if(orientation == 0){ $("body").addClass("portrait"); $("body").removeClass("landscape"); }else{ $("body").addClass("landscape"); $("body").removeClass("portrait"); } } $(document).ready(
デバイスサイズによるcss切替の効率化 | SpiriteK Blog
こんにちは。デザイナー兼コーダーのよこです 入社半年目にして初のブログ投稿です 今回のネタは複数デバイス対応のためのcss記述の入門編です PC,iPhone,Android,各種タブレット端末など,Webサイトの閲覧環境は多様化しています。 Webサイト・アプリをhtml/cssベースで構築する際は,常に同じ画面を見せておくだけでは済まされないことが増えていることと思います。 このためデバイスサイズによって異なるcssを切り替える手法が各方面で紹介されています。 と言ってもデバイスサイズごとにcssを用意する場合,htmlの<head>要素内に<link>要素がズラリと並ぶと、ソースは重くなり更新もページごとに行う必要があり非効率です。 これを解消するために,import.css内にてデバイスサイズによるスタイル切り替えを全て一括して行う方法をご紹介します。 まずは下記のデモソースをDL
kruz graphix
Most common ways to find helpful and reliable things to buy There are people in Australia who know what they can buy through the various online stores and the sellers. They usually make sure to find out nearly all kinds of informative resources to help them decide better. Though most of the time people rely on online resources to help them compare what they are going to get through the available s
iPhone/iPod Touch/iPad 縦と横とでcssを切り替える - babu_babu_babooのゴミ箱
外部のスタイルシートを使わない場合 <style type="text/css"> @media screen and (orientation:portrait) { h1 { color:red; } body { line-height:1.8; font-size:120%; } } @media screen and (orientation:landscape) { h1 { color:green; } body { line-height:1.8; } } </style> 外部のスタイルシートを使う場合 <head> <link href="default.css" rel="stylesheet" type="text/css" media="screen and (orientation:portrait)"> <link href="iphone.css" rel=
iPhone用CSS [iPhone生活]
iPhone用のスタイルシートを別途用意する場合 下記のようにall.cssというスクリーン用のスタイルシートを、 pc.cssとiphone.cssに分けて下記のように設定することで、iPhone用のhtmlを作らずにiPhone用のレイアウトを用意することが出来ます。 media="screen and (min-device-width: 481px)"> media="only screen and (max-device-width: 480px)"> if IEの部分は、IEがmedia="screen and "を読み込めないため、IE用に再度外部CSSを宣言しています。 既存のスタイルシート内にiPhone用のスタイルを追加する 一方、外部スタイルシートを分けずに、またはhtml内にスタイルを宣言している場合にそれを生かしてiPhone用のスタイルを宣言することが出来ます。
窓の杜 - 【REVIEW】iPhone/iPod touch内のファイルをエクスプローラ風に管理できる「DiskAid」
「DiskAid」は、“iPod touch”内のファイルをエクスプローラ風に表示できるソフト。v1.1.1からv1.1.4までのファームウェアがインストールされた“iPod touch”に対応するフリーソフトで、編集部にてWindows Vistaで動作確認した。作者のWebサイトからダウンロードでき、動作には「iTunes」が必要。なお、“iPhone”にも対応するが、7月に発売予定の新機種への対応は不明。 本ソフトを利用すると、“iPod touch”内のファイルをエクスプローラ風に表示して管理できる。PCと“iPod touch”の間でファイルのコピー・移動なども可能で、「iTunes」のライブラリを管理していたPCがクラッシュしてしまった場合などに、“iPod touch”からファイルをバックアップできる。 画面は、フォルダ構造のツリーと、フォルダに含まれるファイル一覧の2ペイン
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
スマートフォンサイトで電話番号やメールの自動リンクを解除したい – helog
iPhoneやAndroidなどスマートフォンサイトでは、電話番号やメールアドレスらしき文字列があった場合に、自動でリンクが設定されます。 リンクをタッチするだけで、電話をかけれたりメールを送ることができるので、一見して親切な機能のように思われます。 しかし、あくまでブラウザが自動で検出しているので、その精度は完全ではありません。 長いメールアドレスがレイアウトの関係で折りかえってる場合や、電話番号の間にハイフンやスペースがある場合など、ブラウザがリンクの範囲を認識できずに、誤った番号への通知リンクとなる危険性があります。 例えば「aaaaa.bbbbb.ccccc@abc.jp」をクリックすると「ccccc@abc.jp」があて先にセットされるなど、実際起こるとなると恐ろしい事ですね。 自動リンクを無効にする このような問題を回避するために、自動リンクを無効にする方法があります。 電話番
iPhone向けWebアプリを作ろう（3/4） － ＠IT
iPhone版Safariの独自仕様を理解するうえで一番混乱しやすいのが、ビューポートの振る舞いです。ビューポートとは、コンテンツが表示される領域のことです。デスクトップのWebブラウザでは、コンテンツの横幅が大きくてウィンドウ内に表示し切れない場合、ユーザーはウィンドウの枠をドラッグして広げる（あるいは最大化する）ことができます。 しかし、ビューポートの物理サイズは固定されているので、コンテンツの方を縮小／拡大することで、一度に表示する内容量を調節することになります。 ・ ビューポートのデフォルト幅 iPhoneのスクリーン解像度は、ポートレート表示（縦位置）の場合、横320px、縦480pxです。デバイスを回転させてランドスケープ表示（横位置）にすれば、縦320px、横480pxになります。 そのうち、ステータスバー、URLテキストフィールド、ボタンバーといった要素を省いた残りの領域が
phpでスマートフォンの判別（判定）
スマートフォン用のサイトを作った場合、PCサイトに行ったら自動的にスマフォ用のサイトに飛ばしたい。または、スマフォで携帯サイトにアクセスしたらPCサイトに飛ばしてやりたいことがある。 その場合、スマフォ判別用のコードを書く必要があります。 phpでの判別法（ページがphpファイルで作られている必要があります。拡張子だけ変えてもOK）になります。 ■まずはスマートフォンの判定のための関数をphpファイル内上部に記述しておきます。 ※もちろん外部に置いてincludeしてもOK <?php function is_mobile () { $useragents = array( 'iPhone', // Apple iPhone 'iPod', // Apple iPod touch 'Android', // 1.5+ Android 'dream', // Pre 1.5 Android
iPhoneやiPodとOutlookの連絡先やカレンダーを同期する方法 | ハウコレ
まずはPCのOutlookを設定します。連絡先を同期させるには、あらかじめリストを作成しておかなければなりません。けど操作は簡単。Outlookの「メニュー」から「新規作成」を選び「配布リスト」をクリックし、iPhoneやiPod用のリストを作成します。これで設定は終了。 一方、カレンダーは特段設定する必要はありません。Outlookに登録済みのスケジュールなどをそのままiPhoneなどに転送できてしまいます。 ではどうやってiPhoneやiPodにデータを取り込むのか。ポイントはiTunesです。iTunesの設定を変更するだけで、自動でデータの同期を図ります。 ここでの設定も簡単です。iTunesとiPhone、iPodを同期させたのち、「アドレスデータ」のタブから「「アドレスデータの同期元」を選択。「Microsoft Outlook」を指定します。カレンダーは、「Microsoft
スマートフォンサイトにてフォームボタンのコーディング時に覚えておきたいCSSプロパティ | バシャログ。
禁煙してから３ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきました。 ちょうどスマートフォンのデザインとコーディングのお仕事が進行中でしたので、とても参考になりました。現在セミナー内容を振り返り学習中です。 それとCSS Nite関連ですと、何やら CSS Nite LP14 にて弊社メンバーが登壇するとかしないとか。 スマートフォンコーディングでは、CSS3で角丸やらグラデーションが使えるので画像の使用頻度は少なくなります。ボタンまわりについてもCSSのみで実装する機会が多いです。 フォームのsubmitボタンをCSSのみで表現する際には、ちょっとクセがありましたので 解決方法をご紹介します。 検索するsubmitボタンを、以下のようなデザインをCSSのみで実装することにします。 まずは簡単に横幅と背景色・角丸をCSSで設定してみます
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
JavaScriptで振り分けてスマホサイト完成！ (1/5)
スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション（ジャンプボタン）を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Linker.in Domain Name Is Available to Buy - Domain Name Marketplace
★iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
