しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 レスポンシブWebデザインのツールもリリースされているので、ぜひ！ FROONT -Responsive Web Design Tool レスポンシブとアダプティブ Webデザイン フロー 相対的なユニット ブレイクポイント 最大限と最小限の値 オブジェクトのネスト モバイルファースト or デスクトップファースト Webフォントとシステムフォント ビットマップ画像とベクター レスポンシブとアダプ
レスポンシブイメージをサポートした「Google Chrome 34」安定版リリース
By Blubr Blog ウェブブラウザ「Google Chrome 34」の安定バージョン(Win/Mac/Linux 34.0.1847.116)がリリースされました。Google Chrome 34のベータ版に導入されていた、スクリーンサイズに適した画像を表示させるレスポンシブイメージ機能などが実装され、さらにプレフィックスなしでWeb Audio APIが利用できるようになり、Flash Playerのアップデートや、Windows 8の全画面モード時のデザイン変更、監視対象ユーザーのインポートなども可能になっています。 Chrome Releases: Stable Channel Update http://googlechromereleases.blogspot.jp/2014/04/stable-channel-update.html 新しく搭載したレスポンシブイメージ
失敗するレスポンシブWebデザインにありがちな2つのミス - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
こんにちは、ECプロデュース部の岡本です。 官公庁のWEBサイトも次々とレスポンシブWebデザインを採用し、今まで以上にマルチデバイス対応の重要性が上がっているのだなとひしひしと感じております。 しかしこちらのスライドのように、「レスポンシブWebデザインにすれば何でも上手く行く」という考え方はとても危険です。 そこで今回はレスポンシブWebデザイン化する際に、「失敗しやすい2つのポイント」を紹介します。 １，画像内に文字を入れる 楽天のショップなどを見ていると「文字が入った画像」を非常に多く見かけます。 ちょっとした専用ソフトがあれば誰でも簡単にデザイン性の高い文字を追加できるので、この「文字入り画像」は非常に便利です。 しかしレスポンシブWebデザインにする場合、この「文字」が「思わぬ問題」を生み出します。 それは「スマートフォンで文字が潰れてしまう」という問題です。 画像サイズにあわ
レスポンシブWebデザインで成功するUI／UXのポイント5つ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI／UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI／UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
