【スマホサイト作成】iPhoneでフォームにフォーカス時に画面拡大しない方法
スマホ版デザインでの検索フォーム表示方法 私はスマホで他のブログを見ている時に、検索フォームをあまり使いません。PCで見てる時はブログ内を深堀りすることはあるけど、スマホではそもそもブラウザで見る機会も少なくなってるように感じてます。 そんなわけで、スマホ用デザインでの検索フォームは必要な人だけに表示するような仕組みにしてます。具体的には最上部の検索アイコンをクリックしたら、検索フォームのテキストボックスが表示されます。 検索アイコンには軽量化のために「Webフォント」を使用しています。またアイコンフォントをクリックした時にふわっと表示されるのは「jQuery」を利用しています。それぞれの制作方法は下記事を参考にしてください。 iPhoneで検索フォームにフォーカスすると拡大される現象 上のようにアイコンクリックで検索フォームを表示する場合だけでなく、最初からテキストボックスを設置している
OSを判定して、bodyタグにクラスを付ける - jsdo.it - Share JavaScript, HTML5 and CSS
// OSを判断する if (navigator.userAgent.indexOf('Win') > 0) { console.log('Win'); $('body').addClass('win'); $('#test').text("UA: Win"); } else if (navigator.userAgent.indexOf('Mac') > 0){ console.log('Mac'); $('body').addClass('mac'); $('#test').text("UA: Mac"); } else if (navigator.userAgent.indexOf('iPhone') > 0){ console.log('iPhone'); $('body').addClass('iphone'); $('#test').text("UA: iPhone"); }
スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]
ページ内でスマートフォンかどうかを判別し、表示を切り替えたい場合のスクリプトを紹介します。 JavaScriptでiPhone、Androidを識別してそれぞれの端末へメッセージを表示には、ユーザエージェントを使います。 navigator.userAgent で取得したユーザエージェント情報から「iPhone」という文字が合った場合の処理をする場合は、 indexOf を使って以下のようにします。 /* iPhoneという文字が見つかった場合 */ if ( navigator.userAgent.indexOf('iPhone') > 0 ){ } indexOf()メソッドは、指定したキーワードの発見位置を返します。発見できなければ-1の数値を返すので、値が0より上であればキーワードが発見できたと分かります。 iPhone/iPad/iPod/Android毎に処理を分けるには次のよ
![スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
8181801威尼斯(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 您访问的页面未找到， 5秒后自动跳转到8181801威尼斯
デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
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
Appleが写真撮影後にピント合わせ可能な特許を取得、iPhoneへの搭載も可能
写真を撮影した後にでもピントを合わせられる「Lytro」という特殊なカメラが販売されていますが、Appleが同様の技術に対する特許を取得したことが判明しました。iPhoneなどモバイル端末への搭載も可能な技術となっています。 Apple patents Lytro-like refocusable camera suitable for iPhone http://appleinsider.com/articles/13/11/26/apple-patents-lytro-like-refocusable-camera-for-iphone 写真撮影後にでもピントを合わせられる「Lytro」はどんなものか？ということは以下の記事から確認可能。 写真撮影後にピント合わせができるカメラ「Lytro」でいろいろ撮影してみた - GIGAZINE Lytroによって撮影された再フォーカス可能な写真
1Click飲み
乾杯までの最後の１クリック 1Click飲みを使えば、「飲もう！」から「乾杯！」まで１クリックしか必要ありません。 登録方法 検索？ってなんだっけ。 高度な店推薦アルゴリズムにより、あなたの居場所、属性、状況に合わせて最適な店を探索します。店の検索はもう、人がやることではありません。 店検索について
【今週のiPhone】iPhoneでオプション強制加入、解約方法（au・ソフトバンク・ドコモ）【10月3週】 - はてブのまとめ
はてなブックマークで3Users以上ブクマのついた「iPhone」に関する記事の中から、特に役に立ちそうだった記事を厳選してまとめています。 50Usersいってない万人受けしない記事ほど面白いものが多いんですよねー。これははてブ全般にいえることですが。 さて、今週こんなエントリが盛り上がっていました。 au版iPhone購入者は注意！月額3,108円のオプションを強制加入させられる : ihayato.書店 それに対する増田のエントリ。なんとなくわかってましたがここまで切実に言われるとこっちまで辛くなる。 携帯の強制加入オプションのこと言われると別会社のことでも胸が痛い。 ということで今週の最もおすすめのエントリはこちらです。 Open ブログ: ◆ iPhoneで強制加入（au・ソフトバンク・ドコモ） オンラインショップで加入してお店で引き取るというのが最善らしい。確かに店先でああだこ
iOS 7の一般配布は9月10日でほぼ確定！いよいよ新OSが試せるぞ！
iOS 7の一般配布は9月10日でほぼ確定！いよいよ新OSが試せるぞ！2013.08.27 12:00 塚本直樹 とうとうあの新UIが試せそうです！ とあるソフトウェア開発者の元へ、iOS 7の一般配布は9月10日になるとのメールが配信されました！ このメールはSiri関連の開発をおこなっているNuance社から、開発者のオーウェン・ウィリアムズ（Owen Williams）さんの元へ送られたものです（下の画像が送られたメール）。 Nuance社はアップルと密接に関わっている会社なので、この情報はほぼ間違いないと言っていいでしょう！ これまでiOS 7（のベータ版）は、アップルに登録をした一部の開発者しか触れることができませんでした。しかし、9月10日からは違います。全面的に刷新された新UIやコントロールセンターなど、注目の新機能を思う存分楽しんじゃいましょう！ また、9月10日には注目の
タダは正義だ。FUSION 「SMARTalk」は基本料0円で050番号が使える！ : ギズモード・ジャパン
無料で始められる050アプリ｢SMARTalk｣を絶対使うべき7つのシチュエーション2013.12.26 22:00Sponsored 三浦一紀 1つでも当てはまったら即インストール！ 無料で使える050アプリ｢SMARTalk｣。先日こちらの記事でご紹介しましたが、皆様もうインストールされましたでしょうか？ 簡単にSMARTalkの概要を解説しますと、登録するだけで無料で050の番号をもらうことができる、フュージョンが提供するIP電話サービスです。もちろん、SMARTalk同士の通話は無料。その上、固定電話や携帯電話などへの通話は約60％オフの8.4円/30秒という、格安料金になるのです。 実はフュージョンは、今までのスマートフォンの電話番号そのままで通話料が半額になる｢楽天でんわ｣も提供している会社です。こちらでご紹介している通り、楽天でんわもとてもお得なサービスですが、SMARTal
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
iOS 7のアイコンデザイン、どうなんでしょう？
期待大！ だっただけに、若干肩透かしも。 iOS 7、デベロッパー向けのβ版はすでに使える状態になっています。今回はiOS 6まで責任者を務めたスコット・フォーストール氏に代わり、ジョナサン・アイヴ氏が指揮をとって｢フラットなデザイン｣に一新されました。これについて好き嫌いは人によって人によって違うと思いますが、デザイナーのイアン・ストーム・テイラーさんは、｢アイコンがちょっと...｣と批判的です。どこがどう問題なんでしょうか？ 以下、テイラーさんのブログから許可を得て米Gizmodoに転載された内容です。 ｢子供っぽい。｣iOS 7について、僕が初めて聞いた反応がこれでした。僕も正直、初めてiOS 7を見たときはちょっと｢えぇぇ｣って感じでした。僕はシンプルさを愛するデザイナーとして、ジョナサン・アイヴ氏の新鮮でクリーンなiOSを楽しみにしていたんです。でも、発表されたアイコンはまるで急
スタートアップのアイデアを効率的にまとめられるアプリ「Elevatr」
スタートアップを立ち上げるための考えはEvernoteなどのアプリに書き留めるのも一つの手段ですが、自分の頭の中だけではアイデアを商品化するために足りない考えは何か？ということに至れなかったりと、抜け落ちてしまう部分も出てきます。そこで、スタートアップ設立のためのアイデアを効率的にまとめられるように作られたのが「Elevatr」です。スタートアップと聞くと難しそうな響きがありますが、Elevatrは非常にシンプルなUIで、ビジネスマンだけでなく、ビジネスを学んでいない学生や主婦などあらゆる人が自分のアイデアを商品にするために何をすればいいか？という道筋を描けるようになっています。 Elevatr https://itunes.apple.com/us/app/elevatr/id609287279 ということで、実際に使ってみます。まずはアプリをインストール。 アプリを起動します。 ホーム
Unity - Game Engine
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.udcp.net/2013/10/09/philips-hue-api/
Loading...
モバイル決済「Square」、カードリーダーをApple Storeで販売