Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
『スマートフォン向けJavaScriptライブラリchikuwa.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
19歳が作った、スマホでプレゼン資料を操作できる無料サービス「syncslide」がすごい｜まだ仮想通貨持ってないの？
「Syncslide」というシンプルで素晴らしいサービスのご紹介。 ネットに繫げるだけで同期可能 スマホをプレゼンのコントローラーにできるクールなサービスです。利用は無料。iPhoneだとRemoteというアプリがありますが、不安定かつ有料アプリなので、個人的にはSyncslideがおすすめです。 使い方はシンプル。手持ちのスライド資料（pptx,ppt, pdf）をアップするか、またはサイト上で作成します。「ブログを書くのと同じくらい簡単にしたかった」という開発者の乾さんのコメント通り、スライド作成機能も優れています。 スライドが完成したら、パソコンとスマホの両方で、同じスライドにアクセスします（要ネット回線）。 syncslideの設定はこれで完了（！）です。これだけで、手元のスマホで、PCのスライドを操作することができるようになります。これはすごい。 開発したのは弱冠19才の起業家、
Sparrow.js | 携帯サイトを無料でスマホ対応！お手軽簡単、その秘密はJavaScript
スマートフォンのシェア増加に伴い、携帯サイトをスマートフォンでもキレイに表示させたいと 感じている方は多いと思います。そんな中、「今ある携帯サイトを活かす方法はないの？」とお考えの方に嬉しいニュースです。Sparrow.jsを使えば、簡単に自らの携帯サイトをスマートフォン対応させることができます。しかも、無料ですぐにお使いいただけます。このSparrow.jsを使ったら何ができるかをご紹介します。 半角全角変換 携帯サイトでは半角文字がよく使われています。ところがスマートフォンでは、半角文字を使う必要性はあまりありません。よって半角文字を、スマートフォンでは全角に変換して表示させます。 表示サイズ最適化 スマートフォンでは画像が小さく表示される場合、ユーザーがいちいちズームする手間が発生します。スマートフォンの画面サイズに合わせ、コンテンツを最適なサイズで 表示します。 タッチリスト表示
Mobile Frameworks Comparison Chart
The Mobile Frameworks Comparison Chart lets you compare most major mobile frameworks
Selfkleptomaniac — どうしてTitanium Mobileなの？
Blogging is a disease: selfkleptomania, your normal condition. About GPG Public Key ウェブ開発者がiOSやAndroid向けアプリを作ろうと思い立った場合、今なら大きく分けて2つの選択肢があります。ひとつは他の人たちと同じようにObjective-CやJavaで素直にアプリを作ることです。まあ、当たり前ですね。もうひとつの方は、PhoneGapやTitanium Mobileのようなサードパーティーのツールを利用してJavascriptなどウェブ開発者の慣れ親しんだ言語で開発するやり方です。それぞれ一長一短があります。先のやり方では、ネイティブな開発用言語だけあって全ての機能を最大限に活かすことができます。AppleやGoogleも最大限の開発支援を提供してくれることでしょう。しかし、Objective-C
Google「スマホ対応」に最適化｜PCサイトをスマホ変換「shutto（シュット）」
スピーディ PCページの要素をドラッグ＆ドロップすることで直感的にスマホ対応ページを組み立てていくため、簡単なページであれば数十分でスマホ対応が可能です。
【URL移動しました】スマホアプリの作り方【超まとめ】基本編：スマホアプリを作り始めるのに役立つ記事35選 - ＠IT
編集部注：こちらの記事は諸事情によりURLを http://www.atmarkit.co.jp/fsmart/index/matome/smapho.html に移動しました。ブックマークなどは移動先URLでお願いします（2012年1月6日） 夏休みの自由研究にマイコンボードで「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう （2017/7/24） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する企画。夏休みの自由研究に「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方 （2017/7/20） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する。夏休みの子どもの自由研究など
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
25 Beautiful Mobile Websites | UnderWorld Magazines
Mobile websites have become more of a need for a lot of companies, with so many smart phone out there more people look to do the same things they can do on they’re desktop on a smart phone. in this post you will find 25 Beautiful Mobile Websites, which should give you a pretty good idea how must companies are designing they’re mobile websites. Hope this give you some inspiration and you can also c
iPhone Android など、スマートフォン向けhtmlコーディング/CSS : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
iPhone / iPod touch の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると
ハタさんのブログ(復刻版) : Ext JS＆Sencha Touch勉強会1月＠東京で話してきた
遅くなりました 先日行われた Ext JS＆Sencha Touch勉強会1月＠東京 で、Sencha Touchについて話す機会をいただけたので、「Sencha Touch + Scala でモバイルアプリ開発」と題して、Sencha Touchで開発しているときの話をさせていただきました。 スライドは→http://www.slideshare.net/nowelium/sencha20110126にアップロードしました Sencha勉強会20110126 View more presentations from nowelium. 発表で使ったコード類は→touch_20110126.zipに置きました。 取り急ぎ。。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンブラウザ不具合特集
Amazon.co.jp: :
adakoda.com
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
http://www.patternsofdesign.co.uk/
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android