次世代Android端末の画面サイズを見据えたスマホサイトデザインとブラウザのファーストビュー表示領域 « console.log :) | Don't forget trace :)
今回は、現行のiPhoneと現時点での最新Android端末のスペックから、 最適なスマホ向けサイトのデザインサイズを考察します。 スマートフォン向けサイトをデザインする際にデザイナーがまず確認するのが、 想定の画面サイズとファーストビュー領域ではないかと思います。 ※ここでいうデザインには装飾だけではなく、ページ設計の意味も含み、デザイナーにはページの設計者の意味も含みます。 現状は、やはりまだ「iPhoneの画面サイズ」をスタンダードとする人が多いでしょう。 しかし、世界的に見てもAndroidの勢いが強く、さらにハイスペックな端末もドンドン発表されています。 今後発表される次世代の「Android端末の画面サイズ」がデザインのスタンダードになる日も遠くないかもしれません。 本記事の結論をいきなり書きますと ・現状のAndroid端末を基準にする際の想定ファーストビューサイズ
電子ペーパー採用で充電なしで8カ月も使えるヘルストラッカー「Withings Go」
スマートフォンやスマートウォッチの普及で誰でも自分の活動量や睡眠状態を測定できるようになっています。しかし、スマートフォンやスマートウォッチの場合は大抵1、2日でバッテリー切れとなってしまうので、小まめに充電しつつ、バッテリー残量を気にしながら使用しなければいけないという問題点があります。そんな風に、いつ切れてしまうかビクビクする必要がなくなるヘルストラッカーが「Withings Go」で、なんと電子ペーパーを採用することでバッテリーもち8カ月という驚異のスペックを誇ります。 Withings Go http://www.withings.com/jp/ja/products/go これが電子ペーパーを採用することで長期間充電なしでも使用が可能になったヘルストラッカーの「Withings Go」。電子ペーパー画面にはリアルタイムで1日の活動量が表示され、測定できるアクティビティはウォーキン
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
HTML［meta要素］ビューポートを設定する - TAG index
width の既定値は、ブラウザにより異なる場合があるようです。 複数のプロパティを指定する場合は、カンマ（ , ）で区切って記述します。 content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2" widthプロパティについて width は、ビューポートの幅を設定します。値にはピクセル数、または device-width （端末画面の幅に合わせる）を指定します。 <meta name="viewport" content="width=320"> <meta name="viewport" content="width=device-width"> device-width を指定するのが一般的です。 device-width を指定した場合は、初期のズーム倍率が 1 になります。（
驚くほど速くする！高速化9つのポイント | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
スマホをつないで遊べ！ 省電力＆低遅延な三菱電機の液晶ディスプレイをはてなエンジニアが試してみた - はてなニュース
9月某日、はてな屈指のガジェット好きにして、何枚ものディスプレイをデスクに設置しているエンジニア、id:halfrackのもとに、1台の新しいディスプレイが届きました。「三菱電機さんの液晶ディスプレイで、スマートフォンとつないでいろいろ遊べるみたいですよ！」とライターの深山がお伝えすると、彼は「ほほう……」と一言。後日、ディスプレイで遊び倒したid:halfrackは、社内のエンジニアらを集めてお披露目会を開催したのでした。 （※この記事は三菱電機株式会社提供によるPR記事です。記事の内容は三菱電機株式会社への取材をもとに、株式会社はてなが執筆したものです） ▽ http://url.hatena.ne.jp/OmJS4 深山 ということで本日はid:halfrackによる、三菱電機さんの液晶ディスプレイ「RDT234WX(BK)」のお披露目会です！ はてな京都オフィス8F奥にある休憩スペ
スマートフォン、タブレット向けWebアプリ用フレームワーク·Mobello MOONGIFT
MobelloはiOSやAndroidに対応したモバイルWebアプリフレームワークです。 スマートフォンやタブレット向けのサービスを提供する際にはネイティブアプリとして開発するか、Webアプリとして開発するかと言った選択肢があります。今回紹介するMobelloはWebアプリ側のフレームワークですが、これまでにないほどネイティブに近い機能を提供しています。 デモアプリです。まるでiOSのホーム画面のようです。まずはホーム画面にアイコンを追加します。 こちらがホーム画面から立ち上げたところ。 セッティングアプリです。 テーマを変更できます。 リポジトリ。いわゆるApp Storeのようなアプリになっています。 インストールします。Webアプリなのでダウンロードは不要です。 インストールされました。 こちらはウィジェットのデモです。 ローディングアイコンのデモ。 ツールバーのデモ。 各種ボタン。
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Checker