HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
AndroidやiPhoneで携帯をパソコンのリモコンにしてダラダラした生活を手に入れる方法 - Gmote & VLCremote
ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎 ウェブデザインのレイアウト見本がたくさん載ってます。気に入ったサイトは基本的にブクマしたりしてるんですが、本ベースで一冊 こういうのを持っていると中々便利です。 基本仕事場に置きっぱなしになってます。 ガレリアCSS プロに学ぶスタイルシートの定番デザイン CSS初心者から中級者へのステップアップに。 CSSの基本がある程度わかってきたら次はこの本あたりがいいんではないでしょうか。 ナビゲーションの横並びリストや、positionプロパティあたりがわかりやすく説明されてます。 Wacom Intuos4 Large PTK-840/K0 これが会社にあるとないとでは仕事の効率が断然違う。photoshopやfireworksでの作業速度が一気にあがる気がする。 簡単なイラストとかならいっそ描いた方が早かったりするので。 ぜひとも
iPhoneを捨ててAndroidにするよ
■ iPhoneを捨ててAndroidにするよ ※多分に感情的なので、興味ない人は読まない方がいいと思う。 今朝のiPhoneOS 4.0の発表で、ようやくマルチタスクが実装されることになったけど、新APIを使わないと対応されないとか、けっきょくタスクマネージャを実装したとか、3G置いてきぼりとかは「ダセェ」のひとことなんだけど、それはまぁいいや*1。 それより問題なのは、「AppleがiPhoneデベロッパライセンス規約を変更し、Adobe Flash Professional CS5などのクロス・コンパイラを禁止に?」(MACお宝鑑定団)だ。最初に読んだときはせいぜい「やれやれ」って程度だったんだけど、半日考えていたらだんだんと怒りがこみ上げてきて、とうとう自分のiPhoneに触ることすら困難な心理状態になった。なんかもう、「なにこの汚らわしい機械」って感じ。おれの中でAppleは、完
iPhone1台でも！実は簡単、Ustream配信はじめてみませんか？ - はてなニュース
2007年3月にUstreamがサービスを開始してから3年、ソフトバンクの孫社長の「Ustreamスタジオ作る」発言や、DOMMUNEのオンエアをきっかけにUstreamに興味を持った方も少なくないと思います。プロでないと、機材がないと、配信するのは難しいのでしょうか？実はそんなことはありません！今回はiPhone1台からはじめられるUstreamの使い方を紹介していきます。 ■ Ustreamとは？どこが楽しいの？ Ustreamとは、リアルタイムに動画のストリームを共有して、視聴者もコメントを投稿して参加できる機能を提供するサービスで、動画を保存してあとから視聴できるようにするといった周辺機能も提供されています。サービス開始は2007年と少し前になりますが、孫社長の発言やDOMMUNEのクオリティの高いオンエアをきっかけに、最近にわかに注目されはじめました。 ▽ USTREAM, Yo
Mac OTAKARA
2024年03月13日( 水 ) BrowserBench.org、Webブラウザーベンチマーク「Speedometer 3.0」を正式リリース
ルートから距離を割り出せて、移動パターンも徒歩,ジョギング,自転車,車と豊富な地図サービス -キョリ測(iPhoneにも対応)
今回は普段自分がかなりお世話になってるサイトを紹介したいと思います。知ってる人も多そうですが、まだ知らない人にもオススメです。 キョリ測(iPhoneにも対応) このサイトの何がいいかというと 徒歩 ジョギング 自転車 この三つの移動手段での時間も測れることです。 まさに「ダッシュで行ったらこのくらいかぁ」とかいうのが分かるのが最高なんです。 さらに上についてる「A」「B」「C」のタブを切り替えることでどの道を通ったら楽そうかとかの検証ができます。 すごい・・・ 就活やバイトの面接行く時、お客さんとこ営業行く時、友達の家行く時など。 あらゆる面で活躍すること間違いなし。 ぜひ一度使ってみてください。 【たった５分で】シミ・たるみのない小顔に!?
TiltShift Generator - Art&Mobile
ABOUT TiltShift Generator is a web service that adds cool camera effect to your picture on the fly. This app is originally made to improve my cheap iPhone Camera's potential. DOWNLOAD You can download local version that supports drag&drop. To run content you neeed free Adobe AIR Runtime. - going to be released on 10th May
iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合 - Digital Gate
iPhoneからのアクセスの場合にスタイルシートを切り替えたい場合、動的なページか静的なページかによって、いくつかの方法が考えられる。 ■PHPやPerl等で動的に書き出している場合 $_SERVER['HTTP_USER_AGENT'] を取得して、「iPhone」や「iPod」が含まれるかによって書き出すヘッダを切り替えるようにするのが簡単。 「$_SERVER['HTTP_USER_AGENT']」を使ったサンプルサイト 『Digital Gate for iPhone』 http://iphone.digital-gate.com/ 上記URLをPCとiPhoneで開いてみると、レイアウトの違いが分かるはず。 ■htmlで公開している静的ページの場合 ★Javascriptを使用する方法 if (navigator.userAgent.indexOf('iPhone') != -1
ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
NameBright - Coming Soon
metaspark.com is coming soon This domain is managed at
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スターバックスでiPhoneをWi-fiに接続する方法