【2016年】ディレクター必見！スマホ用グローバルナビゲーションのトレンド7選
近年、急速にスマートフォンの普及が進む中、PC版とは異なるUI・UXで、スマートフォン用に制作されたWebサイトが増えています。 これまでは「PC」が主体で制作されていたWebサイトですが、若い世代では"PCを所有していない人"も多く、スマートフォンだけで携帯電話とPC、双方を兼ねて使っているという人も少なくありません。 そのため、スマートフォンサイト（以下、スマホサイト）のUI・UXに関しても、より使いやすさというのが求められる時代になってきていて、必要とされるポイントとしては、画面が小さいため、視認性や可読性の高さ、タップのしやすさなどになります。 そこでユーザをストレスなく、目的とするページに遷移させるためにも重要となってくるのがグローバルナビゲーション（グローバルメニュー）の役割です。 今回は、実例をもとに、様々なスマホサイトのグローバルメニューをご紹介します。 各グローバルメニュ
［速報］マイクロソフトが「PowerApps」を発表。パワーユーザー向けのモバイルアプリ開発ツール
マイクロソフトはスペインのバルセロナで開催中のイベント「Convergence 2015 EMEA」で、パワーユーザー向けのモバイルアプリケーション開発ツール「PowerApps」を発表しました。今日からプレビュー公開が始まっています。 PowerAppsは、クラウドベースの開発ツール。パワーユーザーがスマートフォンやタブレットに対応した業務用のモバイルアプリケーションを、簡単に開発することを目的としています。 データソースとして、Office 365、Dynamics CRM、Salesforce.comやDropbox、Google Drive、OneDrive、Yammerなどのクラウドサービスだけでなく、オンプレミスのSQL ServerやOracle Database、SAPなどとも接続可能です。 「Excelの簡単なマクロなどを使いこなすパワーユーザーが、PowerAppsのキ
株式会社Go-Next | お客様にビジネスの成長と革新を
今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた
@nifty温泉
ログインするとお気に入りの施設を登録できます。 会員登録がまだの方は会員登録をして お気に入りを登録しましょう。 会員登録（無料） キャンセル 会員の方はこちら（ログイン）
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
スマートフォンサイトを驚くほど速くする！高速化9つのポイント | Find Job ! Startup
回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。 今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です。 Webサイトを劇的に高速化する9つのポイント １.画像を圧縮する ２.画像はサイズを指定して使う ３.画像は適切なサイズで使う ４.CSS/JavaScriptを圧縮する ５.CSSスプライトを使う ６.不要なCSS/JavaScriptを読み込まない ７.CSS/JavaScriptをまとめる ８.CSSセレクターを最適化する ９.mod_deflateでgzip圧縮する １.画像を圧縮する 画像を最適化することは、フロントエンドの高速化に絶大な効果を発揮します。Photoshopを使って圧縮しても良いのですが、もっと手軽に圧縮
サイトを診断してみましょう - GOMO by Google
この診断ツールを使用すると、現在のサイトがスマートフォン上でどのように表示されるかを確認できます。また、スマートフォン向けサイトを構築するのに役立つ無料診断レポートが作成されます。レポートにはサイトに合わせた個別のアドバイスも含まれます。まずは、下の欄に URL を入力してください。
戦後最大のメディアのイス取りゲームが始まっている
JR山手線に乗っていたら、有楽町のあたりでインド系と日本人の2人連れが乗り込んできた。米国のスマートテレビ業界で注目される企業の１つ「Flingo」のCEOとマネージングディレクターだった。なぜわかったのかというと、日本人は、わたしが編集長をつとめていた雑誌で何かとお世話になっていたW氏だったからだ。同社は、テレビメーカーに番組アプリや、映像認識やソーシャルテレビのための技術を提供している。 いまIT業界の話題は、「スマートフォン」から「スマートテレビ」に広がってきている。このコラムでも『「テレビ崩壊」はウソだと思う』と題して一度触れたことがある。次世代テレビに関する議論は1990年代から繰り返されてきたが、メーカー、放送局、行政、制作者・出演者、スポンサーなど、関係者が多くてなかなか進んでいない。しかし、音楽もそうだったし、米国では電子書籍が全書籍の売り上げの20％のを占めてきているのだ
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
Androidデバイスのディスプレイサイズ、DPI一覧 - Hacking My Way 〜 itogのhack日記
2011/10/1最新情報を公開しました http://d.hatena.ne.jp/itog/20111001/1317438659 AndroidDeviceInfoShareを公開してから早一ヶ月、あっという間にFINGERPRINTベースで100以上のデバイス情報がシェアされてます。 その中で、多くの人が一番気にしてるディスプレイサイズ、DPIに関する情報を表にしてみました。 最新の情報はアプリで見てください。インストールは以下から https://market.android.com/details?id=com.itog_lab.android.adis MODEL MANUFACTURER BRAND widthPixels heightPixels xdip ydpi density 001DL Dell Inc dell 800 480 160.42105 160 1 A
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
2012年は「インスタント社会」へのパラダイムシフトが起きる
MM総研による調査では、2011年度の国内携帯電話販売台数は4,160万台。そのうちスマートフォン出荷台数は前年比約2.7倍の2,330万台になると予測している。携帯電話販売台数の全体の56%がスマートフォンとなりスマートフォンがフィーチャーフォンの販売台数を初めて超える年度になる見通しだ。月日を追うごとにスマートフォンの割合は増加し、BCNの調査によると昨年12月には約8割がスマートフォンになったとのことだ。 スマートフォンの販売は、キャリアとしてもデータ通信定額サービスによるARPU（*ユーザー1人当たりの月間売上高）上昇に貢献するため積極的に販売する傾向にある。そのため2012年も引き続き堅調な販売が見込まれている。 タブレット端末も矢野経済研究所の推定によれば、2011年度の出荷台数は前年度比301.8％増の291万5,000台となっている。 スマートフォン、タブレットの販売が堅調
ASSIOMA(アショーマ) » 悲鳴をあげるドコモ。DDoSツールと化すスマートフォン
NTTドコモの回線が悲鳴をあげている。平成23年6月から立て続けに発生した、ドコモのトラブルに対して遂に総務省が行政指導を行った。対象となった事故は下記の五件。 1 平成23年6月6日に発生した事故（携帯電話の音声通話、パケット通信が利用しづらい状況となった事案） （1）影響時間：13時間9分 （2）影響サービス：音声通話、パケット通信（電子メール、インターネット接続等） （3）影響利用者数：約150万 2 平成23年8月16日に発生した事故（SPモードのパケット通信が利用しづらい状況となった事案） （1）影響時間：7時間 （2）影響サービス：SPモードに係るパケット通信（電子メール、インターネット接続等） （3）影響利用者数：約110万 3 平成23年12月20日に発生した事故（SPモードメールにおいて、一部利用者のメールアドレスが別の利用者のメールアドレスに置き換わる状況等が発生した事
Technology Partners | Springbox
The key to creating exceptional customer experiences and effective data-driven marketing? Implementing the right technology to support them. Out of thousands of available options, we pinpoint which technology platforms are the best fit for your business and marketing goals based on essential criteria: application efficacy, affordability and ease of implementation. To ensure maximum efficiency, sca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://happo-en.com/event/cuisine/
html5-memo.com
https://www.mobiletuxedo.com/category/ui-patterns/
ggsoku.com
TechCrunch
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ