iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
なぜ僕らはたった85円のアプリ購入をためらってしまうのか、という話 - リニューアル式
ジュース買うよりも安い。 ダイソーで買うよりも安い。 85円が「安い」のはわかってる。 なのになぜ、僕らはためらってしまうのか...。 理由１ わからないから どんなアプリかわからない・説明文とスクショだけでは... ・実際に使っている様子を見ないと... 元が取れるかわからない・自分にとってどのぐらい便利なものか... ・自分にとって85円分の価値があるのか... 例えば牛丼。 270円払えば、あの味と満腹感を味わえることがわかっている。 その体験と現在の空腹状況を照らして、270円が高いか安いかを判断できる。 ところがアプリの場合、わからないことが多くて判断ができない。 理由２ 損するかもしれないから しょぼいアプリかもしれない・期待したような機能がないかも... ・見た目は良いけど、性能はダメかも... 無料になるかもしれない・買ったとたんに、無料セールになるかも... 他にもっとい
Appleから学ぶウェブデザインに役立つ10のチップス
10 Lessons on Design We Can Learn From Apple [ad#ad-2] 下記は各ポイントを意訳したものです。 #1: Simple Is Better #2: 商品写真の使い方 #3: コントラストを効果的に #4: 簡単に妥協しない #5: Flashから離れる #6: フレンドリーに #7: グリッドの活用 #8: Learn moreコンテンツ #9: 一貫性 #10: ただのコマースサイトにしない #1: Simple Is Better 派手なデザインの「購入する」ボタンやグラフィックが満載のウェブページほど嫌なものはありません。それは取り散らかされただけの下品なページです。 Apple Store Appleのページは「less is more」の好例で、派手な広告やプロダクトであなたを攻めたてることはなく、むしろあなたが見るべき一つのもの
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
iPhone用Safariの不満な点を見事なまでに解決してくれたiCab Mobile - iPhoneとiMacと自分と...
ファイルのダウンロードができるWebブラウザ「iCab Mobile (2.0)」 iPhone4に機種変更してからずっと使っていたWebブラウザSafariをiCab Mobile(以下、iCab)に変更することにしました。一年以上前にレビュー(ver.2.0)をして以来、アプリは格段に進化(ver.4.5)しています。 このiCabというアプリは「モジュール」という色々な機能を追加することで真価を発揮します。さらにSafariには無い機能をたった2タップで追加できるのも大きなポイントです。 今回は、先日のバージョンアップ内容をふまえながら私が設定した便利なモジュールを紹介してみます。 iCab Mobile (Web Browser) 5.3（￥240） カテゴリ: ユーティリティ, 仕事効率化 販売元: Alexander Clauss（サイズ: 4.3 MB） iPhone/iPa
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ
iPhone アプリと Web デザイン Part.2 - soundscapeout (仮)
「iPhone アプリと Web デザイン」を書いてから、半年が過ぎ、さらに素敵なデザインのサイトが登場しているので、紹介します。 Ecoki Reader iPhone | Ecoki Nota Nota iPhone App Keypoint Keypoint Cirris Cirris - Circular game of Tetris for iPhone and iPod touch GuitarToolkit Agile Partners - GuitarToolkit Awaken Embraceware - Awaken for iPhone Awesome Note Awesome Note - Brilliant Idea Broadersheet Broadersheet: Your iPhone Newspaper Panelfly Panelfly | Revol
セカイカメラ入門――世界にタグをつけまくろう
いま最も旬といえるiPhone用アプリケーションが「セカイカメラ」。最近ますます注目を集めているAR技術（拡張現実）を活用したアプリケーションである。いろいろタグを付けて、セカイカメラを活用してみよう！ 最近ますます注目を集めているのがAR技術（拡張現実）だ。AR技術を使えば、現実世界にコンピュータを使ってさまざまなタグをつけたり、特定の模様をコンピュータのカメラで写しだしたときに、そこに本来は存在しない絵を表示したりすることができる。 このAR技術を使っている、いま最も旬といえるiPhone用アプリケーションが「セカイカメラ」だ。もちろん新しい物好きな筆者も早速ダウンロードし、あれこれ遊びまくっている。というわけで、今回はセカイカメラを使っていろいろ試してみた。 セカイカメラって？ まずはセカイカメラについて簡単に説明しておこう。セカイカメラは、頓知・（とんちどっと）という会社が作ったi
iPhone 対応ウェブページにするおまじない
iPhone 対応ウェブページにするおまじない 2009-09-08-2 [Tips][iPhone] Revilist を iPhone の Safari で見ると、なんか縮小されちゃうので困っていました。 しかし、いろいろ調べて解決！ 下記のメタタグを足したらOKでした。 <meta name="viewport" content="width=device-width; initial-scale=1.0;"> おまじないなし。字が小さいです。拡大しても横スクロールが必要になってイマイチ。 おまじない後。iPhone の幅に合わせての折り返し。ほどよい文字サイズです。 参考 - iPhone 3G用のWebページを作る1 http://allabout.co.jp/internet/javascript/closeup/CU20080715A/index3.htm - iPhone
CNET Japan
人気記事 1 FCNTの新スマホ「arrows We2/We2 Plus」--価格や販路の違い等を写真で確認 2024年08月16日 2 バルミューダ決算、新型「Mac mini」など--週間人気記事をナナメ読み（8月9日～8月15日） 2024年08月16日 3 携帯4社決算を読み解く--減益のドコモ、契約者急増の楽天モバイルが抱える課題 2024年08月15日 4 Instagramで「既読」を付けずにDMを閲覧する方法 2024年03月11日 5 KDDI、「povo2.0」のデータ使い放題期間満了時刻を変更へ--9月17日購入分から 2024年08月16日 6 Meta、「Meta Quest HDMI Link」を発表--VR上にスクリーンを表示 2024年08月16日 7 「かこって検索」、ミッドレンジの「Galaxy A55」「A54」などでも提供へ 2024年08月15日
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
恋愛やグルメ、育児のニュースが満載！ B!KUMA ガールズ - はてなブックマーク
iPhoneデザインボックス