うどん

電気炊飯器

ラーメン

ポテトチップス

もち

福袋

フェイスマスク

のり

ログイン/登録

日本語

English 简体中文繁體中文 한국어 日本語

{{sellerTotalView > 1 ? __("sellers", {number: sellerTotalView}) : __("seller", {number: sellerTotalView}) }}, {{numTotalView > 1 ? __("items", {number: numTotalView}) : __("item", {number: numTotalView}) }}

カートを見る＆決済

Nickname

お名前を教えてください

名前を更新します

xxxxxxx@yamibuy.com

アカウント注文お気に入り

ポイント 0

クーポン 0

ギフトカードの残高 $0.00

ログアウト

配送エリアを切り替えます

在庫情報と配送スピードは地域によって異なる場合があります。

郵便番号の履歴

商品が再入荷され次第、すぐにメールでお知らせします。

商品が再入荷されたら、メールでお知らせします {{remindEmail}}

キャンセル

Jingdong book

学习响应式设计

カートを見る＆決済

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

本コンピュータとインターネットプログラミング言語とプログラミング

Jingdong book

学习响应式设计

Name: 学习响应式设计
Brand: Jingdong book
SKU: 3118217271
Price: 45.37 USD
Availability: OutOfStock

{{__(":people-members", {'people': item.limit_people_count})}} {{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}

終了まで

{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}

{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{itemDiscount}}

セール終了まで

タイムセール開始まであとタイムセール終了まであと

{{ __( "Pay with Gift Card to get sale price: :itemCurrency:price", { 'itemCurrency' : itemCurrency, 'price' : (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00') } ) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) 詳細

消費期限

現在は販売していません

この商品がいつ再入荷するか、分かりません。

当該地域へ配送できません

売り切れ

製品説明

商品の詳細を全て表示

Editer Recommend

全面覆盖从项目立项到网站上线的工作流程详细讲解响应式设计策略和技巧，为各式设备打造极优的用户体验充分利用渐进增强优化用户体验不仅面向Web开发人员，适合从事网站相关工作的各类人群阅读参考

Content Description

《学习响应式设计》分为四部分，全面介绍响应式Web设计策略与技术，引领大家掌握从项目立项到网站上线的响应式设计工作流程。首先介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、需要掌握HTML和CSS知识、图像处理，以及响应式设计的核心：媒体查询。第三部分带大家全面了解响应式设计的工作流程，从用户体验的角度探讨响应式设计，确保网站在各种设备上的适应性和功能完备性。

Author Description

Clarissa Peterson，用户体验设计师、Web开发人员，响应式网站设计咨询公司Peterson/Kandy（位于蒙特利尔）联合创始人。她经常在开发者会议及研讨会上发表关于响应式设计、移动策略和用户体验方面的演讲。

Comments

★本书内容非常全面而又不失深度，对响应式Web设计的各种概念和理论给出了极棒的阐释！”——Tom Barker，美国康卡斯特公司软件工程与研发部总监

★“这本书的内容对初学者的知识体系是一个很好的补充，他们将通过本书学会创建更简洁、更具访问性和功能性的网站。Clarissa的讲解深入浅出，且不失时机地用大量示例阐明设计策略与技巧，其中的设计建议和极好实践对于专业开发人员具有很好的参考价值。”——读者评论

★“它不仅可以帮助Web设计师更新旧有思维方式和知识储备，说服客户更新甚或摒弃旧有网站重新设计，而且可以帮助不甚了解编码的项目经理理顺其在程序员、设计师与客户间的沟通……”——读者评论

Catalogue

第一部分响应式设计基础

第1章什么是响应式设计

1.1一点儿基础

1.2简史

1.3为什么是响应式设计

1.4总结

第2章响应式内容

2.1内容策略

2.2内容整理

2.3内容编写

2.4内容平等

2.5内容管理

2.6自适应内容

2.7总结

第二部分创建响应式网站

第3章响应式网站之HTML

3.1使用HTML

3.2页面基本结构

3.3视口

3.4结构性元素

3.5创建一个页面

3.6清晰和语义化的HTML

3.7总结

第4章响应式网站之CSS

4.1CSS 的工作方式

4.2CSS 版本

4.3置CSS 于何处

4.4层叠

4.5使用层叠

4.6注释

4.7组织你的样式表

4.8盒模型

4.9显示

4.10定位

4.11浮动和清除

4.12基本样式

4.13总结

第5章媒体查询

5.1何为媒体查询

5.2媒体查询结构

5.3在样式表链接中使用媒体查询

5.4使用媒体查询的其他方式

5.5我们可以查询什么

5.6浏览器支持

5.7断点

5.8设计范围

5.9响应式设计

5.10使用媒体查询

5.11两列布局

5.12设置最大宽度

5.13如何选择断点

5.14总结

第6章图像

6.1显示图像的方式

6.2替代文本

6.3图像文件格式

6.4优化图像

6.5内容图像

6.6背景图像

6.7响应式图像

6.8总结

第三部分玩转响应式设计

第7章响应式设计工作流程

7.1策略与规划

7.2内容先于布局

7.3考虑布局

7.4原型

7.5视觉设计

7.6响应式设计工具

7.7推销响应式设计

7.8与客户合作

7.9总结

第8章岂止手机

8.1用户体验

8.2设备无关的设计

8.3专注于移动优先

8.4尽你所能

8.5设备类型

8.6触摸

8.7屏幕尺寸

8.8可访问性（通用化设计）

8.9决定支持哪些设备

8.10为何要用真实设备进行测试

8.11测试

8.12总结

第四部分设计响应式网站

第9章文字排版

9.1始于HTML

9.2字型

9.3使用字体

9.4调整文字大小

9.5行长

9.6留白

9.7内边距和外边距

9.8为屏幕尺寸改变字型

9.9总结

第10章导航及页眉布局

10.1响应式导航

10.2网站品牌

10.3导航链接

10.4导航模式

10.5页眉

10.6总结

第11章性能

11.1性能的重要性

11.2性能作为设计元素

11.3网页加载与渲染方式

11.4性能测量

11.5清理代码

11.6将HTTP 请求减至最少

11.7服务器设置

11.8JavaScript

11.9CSS

11.10托管

11.11有条件地加载内容

11.12重绘与回流

11.13RESS

11.14总结

Book Abstract

2007 年，iPhone 的发布对于网站设计来说是一个转折点，网站设计师们突然失去了对画布（我们在上面设计网站）的控制。此前，网站只是在显示器屏幕上供人浏览，尽管屏幕尺寸有所不同，但差别并不是那么大。而现在，我们怎样才能使网站在iPhone 这么小的屏幕上供人浏览呢？

在开始的一段时间里，我们制作了专门针对iPhone 屏幕尺寸进行了优化的移动网站，其独立于我们的“常规”网站。同时维护两个站点还不是那么糟，但大量不同屏幕尺寸的手机很快涌现出来，然后是平板电脑以及更小号的平板电脑，我们终于意识到不可能为每种可能的屏幕尺寸都制作一个网站。

我们需要一种适用于所有屏幕尺寸的解决方案，需要一种设计网站的方法，使网站能够自动适配各种显示屏幕。

一时间各种创意层出不穷，不久之后响应式网站设计脱颖而出。它是一种灵活的不依赖于固定屏幕尺寸的网站设计方法，能够检测屏幕的大小并调整设计，从而针对具体设备提供最佳的视觉体验。2010 年，Ethan Marcotte 在A List Apart 上首次发表了关于响应式网站设计的文章（https://alistapart.com/article/responsive-web-design）。

如其他新技术一样，响应式网站设计一开始并不被人接受，许多人不断辩称——甚至于现在某些人还在这么做——我们需要为手机单独创建网站。但随着今天市场上设备的激增，很明显，我们不能依赖于一种手机模型并将其作为设计标杆。我们的设计要能够适应所有设备，而这些设备的屏幕尺寸各不相同。

而与此同时，响应式设计也在不断发展。它不再仅仅是适应屏幕尺寸，也能适应不同的设备性能，如触摸屏、视网膜显示屏，以及慢速连接。

在2014 年，58% 的美国成年人拥有一部功能丰富并允许用户完全访问网络的智能手机，这些手机搭载了iOS、Android、Windows Phone 等操作系统，1 且35% 的美国成年人拥有一部平板电脑。2 我们有令人惊叹的硬件设备，而响应式设计能帮助我们充分利用网络。

然而，尽管大多数美国成年人都有智能手机，但仍有32% 受访者的手机不是智能手机。这之中的很多人用手机访问网络时只能使用功能受限的浏览器，这种浏览器无法如他们希望的那样显示所有网站。响应式网站设计也是这种情况下的一种解决方案。

响应式网站设计一开始只是设计简单的、注重内容的站点（不依赖CSS 或JavaScript），使其能显示在几乎所有的联网设备上。在此基础之上，这种设计通过渐进式增强——响应式网站设计正是基于此——针对具体的显示屏尺寸以及设备功能进行优化。因而，功能手机（也即功能有限的旧式手机）只能获得那些它们能使用的内容，而相对来说较新的智能设备所访问的网站则具有丰富的设计、完美适配其屏幕的界面，设备功能被充分利用。

响应式网站设计使我们有能力为所有用户呈现最好的网站，而不管他们具体使用什么设备。网络对每个人应该都是可用的，而响应式设计将指导我们做到这一点。

创建响应式网站并不仅仅是学习几段新代码那么简单。它还包括重新审视网站构想方式，关注用户体验，并确保内容和功能不是在设计完成之后才加上去的。

我们还必须改变网站制作方式，过渡到一个涉及设计师、开发者和其他团队成员的更具协作性的过程中去。

我们需要学习一些新的代码，但响应式设计并不是一种新的编程语言，创建一个响应式网站只需要HTML、CSS，有时再加点JavaScript。如果你已经知道如何制作网站，那么本书中讲到的大部分内容对你来说都会很熟悉。你需要记住，在创建一个响应式网站时，90%的工作与创建非响应式网站时是一样的。但除了增加少许新技术，你需要掌握正确的基础知识，使用结构恰当、合乎规范的标记（HTML 和CSS）。如果没有坚实的基础，你难以确信自己的网站能正确工作并在各种设备上恰当地显示。

如果你从事与建设网站相关的工作，不管是一名Web 设计师、开发人员、内容策划、用户体验设计师、网站负责人、IT 主管，还是从事其他任何涉及创建和维护网站的工作，你都将从本书中知晓：响应式设计的工作原理、怎样调整自己的工作流程以适应响应式设计，以及如何创建对任何设备都能提供最佳设计与用户体验的响应式网站。

……

仕様

ブランド

Jingdong book

ブランドテリトリー

China

免責声明

商品の価格、パッケージ、仕様などの情報は、事前に通知することなく変更される場合があります。私たちは商品情報を迅速に更新するよう努力していますが、実際に受け取った商品を基準にしてください。商品を利用する前に、常に商品に付属するラベル、警告、および説明を読んでください。

利用規約の全文を見ます

お気に入りに追加

{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

詳細

数量

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

JD@CHINAによって販売します

配送先

69以上のご注文は送料無料

正規保証

利用規約の全文を見ます

地域

カートに入れました

ショッピングを続ける

おすすめアイテム

クーポン

受け取る受取済み受け取る終わりました

間もなく期限切れ： {{ formatTime(coupon.use_end_time) }}

このアイテムを友達と共有します

キャンセル

Yamiギフトカード特別価格

ギフトカードで支払えば、ギフトカード特別価格が得られます

規則説明

ギフトカード特別価格は、一部商品の特別割引オファーです；

ギフトカード特別価格の商品を購入する場合、決済時に電子ギフトカードで相殺し、ギフトカードの残高が註文したギフトカード特別価格商品の合計価格を支払うのに十分であれば、ギフトカード特別価格を適用することができます；

ギフトカードを利用しない場合、あるいはギフトカードの残高が前項に述べた要件を満たさない場合、ギフトカード特別価格を適用することができません。通常の販売価格で計算されることになり、これらの商品を購入することができます。

ギフトカード特別価格の商品を購入した場合、残高が足りない場合は、カートページまたは決済ページの「チャージ」ボタンをクリックしてギフトカードへの購入とチャージを行うことができます。

もし商品はギフトカード特別価格を持つならば、「特別」の特殊価格表記を表示します;

その他の質問や懸念がある場合は、いつでもカスタマーサービスにお問い合わせください；

Yamibuyは最終解釈権を有します。

Yamiによって販売します

サービス保証

$49以上で送料無料

返品・交換保証

アメリカから発送

配送情報

アメリカ

スタンダード配送料 $5.99 (アラスカ、ハワイを除く)、最終価格が $49 以上で送料無料

地方発送 $5.99 (カリフォルニア、ニューヨーク、ニュージャージー、マサチューセッツ、ペンシルベニア、上記州の一部地域); 最終価格が $49 以上で送料無料

2 日以内の配送 (アラスカとハワイを含む) は送料 $19.99 からです

返品・交換ポリシー

Yamiはお客様が安心して購入できるように努めています。Yamibuy.comから出荷されたほとんどの商品は、受領後30日以内に返品可能です（食品、ドリンク、スナック、乾物、健康補助食品、新鮮な食料品および生鮮食品は、損傷または品質の問題がある場合、受領後7日以内に返品可能です。すべてのお客様に安全で高品質の商品を提供するために、美容製品については、品質の問題ではない限り、開封または利用後の返金や返品は対応できません。一部の商品には異なるポリシーまたは要件がありますので、特別な商品については以下をご覧いただくか、Yamiカスタマーサービスにお問い合わせください）。
ご理解とご支持に感謝します。

利用規約の全文を見ます

Yamiによって販売します

Yamibuy 電子ギフトカードの利用規約

購入時に自動チャージを選択した場合、注文完了後にギフトカードが自動的にアカウントにチャージされます；

購入時にメール送信を選択した場合、注文完了後にシステムが自動的にカード番号とパスワードを入力したメールアドレスに送信します；

メールを送信する際、どのユーザーもメールに送られてきたカード番号とパスワードを使用してギフトカードをチャージできますので、メール情報をしっかり保管してください。

メール受信に問題がある場合は、カスタマーサービスに連絡して処理してもらってください；

メールを送信する際、ギフトカードが交換されていない場合は、メールを再発行することができます。他のユーザーにすでに交換されている場合は、補償することはできません；

Yamibuyの電子ギフトカードは、自営または第三者商品の購入に使用できます；

Yamibuyの電子ギフトカードには有効期限がなく、長期にわたって有効です；

Yamiの電子ギフトカードの金額は、複数回に分けて使用することができます；

Yamiの電子ギフトカードの業務規則の最終的な解釈権は、Yamiウェブサイトに帰属します。

返品・交換ポリシー

既に利用された電子ギフトカードは返金不可です。

販売元: JD@CHINA

Yami配送品

サービス保証

$49以上で送料無料

最高のアフターサービス

米国本土から発送

配送情報

アメリカ

スタンダード配送料 $5.99 (アラスカ、ハワイを除く)、最終価格が $49 以上で送料無料

地方発送 $5.99 (カリフォルニア、ニューヨーク、ニュージャージー、マサチューセッツ、ペンシルベニア、上記州の一部地域); 最終価格が $49 以上で送料無料

2 日以内の配送 (アラスカとハワイを含む) は送料 $19.99 からです

返品・交換ポリシー

商品到着後30日以内であれば返品が可能です。返品される商品は、購入時の請求書の原本を含む、元の梱包のまま新品である必要があります。お客様の費用負担で製品を返品してください。

JD@CHINAによって販売します

Yami-China FC

サービス保証

$以上の店舗間注文: 送料無料

30日間返品・交換保証

Yami-中国集荷倉庫

Yamiが中国から厳選し、各優秀店舗の商品をYami中国統合センターに集めて、パッケージをまとめて一度に国際郵送でお客様の住所までお届けします。店舗間で$69以上になれば、送料無料になります。複数の販売者が提供する幅広い商品から選び、店舗間送料無料か低い送料を手軽に楽しめます。

返品・交換ポリシー

30日以内の返品・交換保証を提供します。商品は未使用の元のパッケージに入れられ、購入証明書が添付される必要があります。商品の品質上の問題、間違った配送、または配送漏れなど、販売者によって引き起こされたミスについては、返金処理されます。その他の理由による返品・交換の送料はお客様ご負担となります。すべての商品は長距離を輸送するため、内部品質に影響しない簡易包装のプレスや摩耗等が発生する場合、返品・交換は致しかねます。

配送情報

Yami 中国集荷 Consolidated Shippingの送料は＄ 9.99 (＄69以上のご注文は送料無料)

中国の販売業者は、ご注文後 2 営業日以内に商品を配達します、すべての荷物は Yami 中国集荷センターに到着し (特別な状況および中国の特定法定休日を除く)、そこで荷物は混載され、 UPSで米国に配送されます。中国から米国への UPS の平均配達時間は約 10 営業日で、直送の追跡番号に基づいていつでも追跡できます。感染拡大の影響で、現在の物流は約5日遅れる可能性があります。パッケージには顧客の署名が必要です。署名されない場合、パッケージが紛失するリスクはお客様が負うことになります。

JD@CHINAによって販売します

サービス保証

69以上のご注文は送料無料

正規保証

配送情報

Yami Consolidated Shipping送料$9.99（$69以上のご注文は送料無料になる）

Seller will ship the orders within 1-2 business days. The logistics time limit is expected to be 7-15 working days. In case of customs clearance, the delivery time will be extended by 3-7 days. The final receipt date is subject to the information of the postal company.

Yamiポイント情報

すべての商品は、 Yamibuy.com のプロモーションまたはポイントイベントの対象外となります。

返品・交換ポリシー

Yamiアプリをダウンロードします

フィードバック

トップに戻ります

レビュー{{'('+ commentList.posts_count + ')'}}

商品レビューを書いて、他のユーザーを助ける最初の人になりましょう。

レビューを書く

{{i}}星

{{i}} 星

{{ parseInt(commentRatingList[i]) }}%

{{ showTranslate(comment) }}非表示にします

{{ strLimit(comment,800) }}すべて見る

Show Original

すべてを表示します

{{ formatTime(comment.in_dtm) }} 購入済み {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

{{ showTranslate(comment) }}非表示にします

{{ strLimit(comment,800) }}すべて見る

Show Original

すべてを表示します

{{ formatTime(comment.in_dtm) }} 購入済み {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

関連するコメントはありません~

もっと多くレビューを載せます

レビュー詳細

{{ showTranslate(commentDetails) }}非表示にします

{{ strLimit(commentDetails,800) }}すべて見る

Show Original

すべてを表示します

{{ formatTime(commentDetails.in_dtm) }} 購入済み {{groupData}}

最低でも単語一つを入力してください

コメント{{'(' + replyList.length + ')'}}

{{ reply.reply_user_name }}コメント{{ reply.parent_user_name }}

{{ showTranslate(reply) }}非表示にします

{{ strLimit(reply,800) }}すべて見る

Show Original

最低でも単語一つを入力してください

キャンセル

これまでのコメントは以上です！

レビューを書きます

商品評価

コメントをお願いします

素敵なユーザーネームは、あなたのコメントをより人気のあるものにします!
ここでニックネームを変更すると、アカウントのニックネームも同じに変更されます。

商品レビューをありがとうございます。

あなたの素晴らしいレビューは私たちのコミュニティがより良いアジア商品を見つけるのに役立ちます。