iOSシミュレータのSafari向けのFirebugみたいなツール(iWebInspector) | Prototype
こんなの見つけましたiWebInspector [簡単な使い方] iOSシミュレータを立ち上げる シミュレータ内のSafariで調査したいページを開く iWebInspectorの”Load from Safari”をクリック Page Listingという今見てるページの確認画面が出るので良ければリンクをクリック SafariとかChromeのWebインスペクタに似た画面になるので、色々HTMLとかCSSを調整すると、iOSシミュレータ内のSafariに反映される！ 立ち上げるとこんな画面 iOSシミュレータのSafariで適当なページを開く Webインスペクタが表示された！ インスペクタでタグを選ぶとシミュレータ内のタグがハイライトされる。 background-colorを変えてみたり、h2タグの中身を変えてみたり 読み込み速度見てみたり ConsoleからJavascript叩いて
ECサイトのスマホ対応が今すぐ必要なたった1つの理由 | Web担当者Forum
オンラインショップにとってスマートフォン対応が必要な理由とは？ また「スマートフォン最適化」ではどのような点がポイントになるのか。 個人ユーザーのインターネットの利用ツールが、「PC＆ケータイ」から「スマートフォン＆タブレット端末」へと大きく変わりつつあるイマと近い将来を、データを交えながら解説する。 スマホ経由の売上伸び率がPCの売上伸び率を凌駕2010年7月、ドミノ・ピザがiPhoneアプリ「Domino's App」経由で1億円以上を売り上げたことが話題になった。iPhoneユーザー、しかもアプリ利用者という極めて限定された顧客セグメントでこれだけの売上が上がったことに、衝撃を受けたネットショップ運営者は多いのではないだろうか。 2010年下半期以降は、iPhoneに加えてAndroid端末の普及も進み、アパレル関連業界でもスマートフォン（スマホ）対応の“成功事例”が、ちらほらと報じ
HTML5時代の広告を考えた：HTML5でソーダ – Tender Surrender
ちょっと前になりますが、ThinkMobile2011というイベント向けに制作したHTML5製ソーダ缶のデモをご紹介します。 担当の方から、広告主向けにHTML5を使ったスマートフォン広告の新しい形を紹介したいので、何かアイディアはないかと依頼を受けました。技術的にHTML5の何かを使った広告を作ること自体は難しくないかもしれませんが、イベントのデモとして見せるということで、ある程度の派手さとHTML5ならではという部分のわかりやすさが要求されたため、アイディア出しそのものに最も時間を割きました。 コンセプト ネイティブアプリケーションにできてウェブアプリケーションにできないことはまだまだ多いですが、いかにネイティブアプリケーションに近づけるか、という部分がHTML5の醍醐味でもあります。逆にウェブアプリケーションのネイティブアプリケーションに対するアドバンテージに、インストール無しでさら
iPhone、PC両方で綺麗に見れるフレキシブルなサイト集:phpspot開発日誌
Available in all sizes: 30 Flexible websites | Awwwards iPhone、PC両方で綺麗に見れるフレキシブルなサイト集。 PCサイトのiPhone対応は今後、当たり前の時代になっていくはずですが、その手間は最小限にしたいところですね。 基本はUA見て、CSSで切り替えて、それでも対応できない部分にはPHP等のサーバサイドを使うっていうのがいいかなと個人的には思っています。 両方で綺麗に見れるサイトが特集されており、今後のウェブサイトづくりに参考にすることができそうです。 関連エントリ iPhoneアプリのプロモサイトを作る際に参考になる６０のサイトデザイン集 奥行きをうまく使ったサイトデザイン集３０ スライダーを上手く使ってデザインされたWEBサイト集３０
iPhoneアプリのプロモサイトを作る際に参考になる６０のサイトデザイン集:phpspot開発日誌
60 Amazing iPhone Application Websites For Design Inspiration iPhoneアプリのプロモサイトを作る際に参考になる６０のサイトデザイン集。 iPhoneアプリケーションのサイトはアプリのプロモーションなわけなのでかっこ良く作っておくと、アプリの出来は別として興味を持ってもらえるはずです。 色々なiPhone実機の設置例が見られて非常に参考になると思ったのでご紹介。 アプリ紹介サイトと一言でいっても色々なデザイン方法があることがわかります 関連エントリ 奥行きをうまく使ったサイトデザイン集３０ スライダーを上手く使ってデザインされたWEBサイト集３０ 次のサービスに使えるかもしれないロゴデザイン集２２ HTML5とCSS3を使ったフォームデザインのチュートリアル集３０
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
iPhone持ってるコーダーさんにオススメなiPhoneアプリ「CSS UNIT Converter」 | バシャログ。
バシャログ。の右サイドサバーにある「スタッフのつぶやきfrom 馬車道」が自分のつぶやきだけになっているので、もう外してしまったほうがいいのじゃないの？と思っているishidaです。つぶやかないんなら、外しますよ！ さてさて、今回はコーダーさん向けiPhoneアプリのご紹介です。 コーディング時、bodyにサイト全体のフォントサイズを指定することが多々あります。 ピクセルでの指定は、IE6で変更できなくなるので%（パーセント）表記を使いますよね。 そして各見出しなどのパーツのフォントサイズを相対的に指定しますが、 デザインデータ上ではピクセル指定なので電卓使って「12pxがベースでなので、16pxのサイズだと…」とか計算すんのが面倒だよっーと思って、最近は以下のiPhoneアプリを使ってます。 基準となるフォントサイズをピクセル指定で入力すると、em・%・pt単位に変換し、1〜35pxのサ
Sencha - Sencha Animator
Sencha Animatorを使えば、これまでのリッチメディア広告に匹敵するCSS３広告を作成することができます。文字や画像をスムーズに遷移させるアニメーションを作成したり、グラデーションがかかったボタンをデザインしたり、さらに分析用のトラッキングコードを埋め込んだりすることがSencha Animatorの中で行えます。また、これらは全てWeb標準技術を使ってできることです。 これらの標準技術を使えば、現在デスクトップ用のブラウザ向けのリッチメディア広告で使われているほぼ全ての機能は、Apple iOS、BlackBerry Torch、そしてGoogle Android向けに移植・再現することが可能です。 CSS３広告について企画・検討されている広告代理店、広告制作会社の皆様、Sencha Animatorの広告作成者向けオプションについてお問い合わせください。 広告作成者向けオプシ
直接お金は受け取れるの？
キャッシングサービスとは、要するにお金を借りることで、最近はインターネットを活用して業者に融資申請をして、指定の銀行口座へ現金振り込みをしてもらえるという、大変便利なサービスを利用することができます。しかし、キャッシングをしているという事実を家族にばらしたくないという方も多いので、銀行口座への振込は履歴が残ってばれる可能性があるから、望ましくないと考える方も多くいます。そんな時には、キャッシング業者の店舗に足を運んで、直接受け取りの方法を選択することができます。キャッシング業者のほとんどが無人ATM機を導入していて、土日祝日関係なく、いつでも融資申請をすることができます。その場で所定の手続きを進め、審査に通過することができれば現金を手にすることができます。この方法だと、銀行口座を経由することなく、融資金を借り入れすることが可能となります。一度所定の手続きを踏めば、キャッシング専用のカードが
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
MOONGIFT: » jQTouch用のjQuery拡張「jQExtensions」:オープンソースを毎日紹介
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル:phpspot開発日誌
Making A Cool Login System With PHP, MySQL & jQuery ? Tutorialzine jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。 ページのヘッダーにあるログインボタンを押すと、ニュイーンとログインフォームが降りてくるというカッコいいログインフォームの実装演習になってます。 ログインボタンを押す ヘッダーからそのままログインフォームが降りてきてそこからログイン可能です。 ソースコードのダウンロードも可能です。 関連エントリ ログインフォームのデザイン集１００種 Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル 超クールなログインフォームを作成するチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ