没有合适的资源?快使用搜索试试~ 我知道了~
首页Beginning Responsive Web Design with HTML5 and CSS3 无水印原版pdf
Beginning Responsive Web Design with HTML5 and CSS3 无水印原版pdf
需积分: 9 60 浏览量
更新于2023-05-29
评论
收藏 12.82MB PDF 举报
Beginning Responsive Web Design with HTML5 and CSS3 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
资源详情
资源评论
资源推荐

Fielding
Shelve in
Web Development /General
User level:
Beginning–Advanced
www.apress.com
SOURCE CODE ONLINE
RELATED
BOOKS FOR PROFESSIONALS BY PROFESSIONALS
®
Beginning Responsive Web
Design with HTML5 and CSS3
Beginning Responsive Web Design with HTML5 and CSS3 is your step-by-step guide
to learning how to embrace responsive design for all devices. You will learn how to
develop your existing HTML, CSS, and JavaScript skills to make your sites work for
the modern world. Web sites and apps are now accessed on a wide range of devices
with varied sizes and dimensions, so ensuring your users have the best experience
now means thinking responsive.
This book teaches you all aspects of responsive development. You’ll start
with media queries, and fluid CSS3 layouts. You’ll see how to use responsive
frameworks such as Twitter Bootstrap, and how to use tools such as Grunt, Bower,
Sass, and LESS to help save you time. You’ll also learn how to use JavaScript to
manage responsive states, manage your user’s journey across screen sizes, and
optimize your responsive site. By the end of the book you will be able to build new sites
responsively, and update existing sites to be responsive. Every aspect of a responsive
build will be covered.
Beginning Responsive Web Design with HTML5 and CSS3 is perfect for developers
who are looking to move into the future of responsive sites. Whether you have already
dipped your toes into responsive development or are just getting started, this book will
teach you the very best techniques to optimize your site and your user’s experience.
9781430 266945
54999
ISBN 978-1-4302-6694-5

v
Contents at a Glance
About the Author ���������������������������������������������������������������������������������������������������������������� xv
About the Technical Reviewer ������������������������������������������������������������������������������������������ xvii
Acknowledgments ������������������������������������������������������������������������������������������������������������� xix
Introduction ����������������������������������������������������������������������������������������������������������������������� xxi
Chapter 1: Introduction to Responsive Design ■ �����������������������������������������������������������������1
Chapter 2: Testing a Responsive Site ■ ������������������������������������������������������������������������������35
Chapter 3: The Power of Media Queries ■ ��������������������������������������������������������������������������59
Chapter 4: Using Fluid Layouts ■ ����������������������������������������������������������������������������������������77
Chapter 5: Frameworks in Responsive Design ■ ��������������������������������������������������������������111
Chapter 6: Adapt an Existing Site ■ ����������������������������������������������������������������������������������135
Chapter 7: Tools and Workflow ■ ��������������������������������������������������������������������������������������171
Chapter 8: Making the User Journey Responsive ■ ����������������������������������������������������������211
Chapter 9: JavaScript Across Responsive States ■ ����������������������������������������������������������235
Chapter 10: Optimizing Your Responsive Site ■ ���������������������������������������������������������������263
Index ���������������������������������������������������������������������������������������������������������������������������������299

xxi
Introduction
Responsive web design (RWD) is the technique used when designing and building a web site to optimize a web site to
work well across a wide variety of dierent devices. rough this optimization, developers are able to provide a much
better experience for the users of their web sites.
e aim of this book is to take you from knowing how to build a web site with HTML to CSS right through to
building great responsive experiences that work across a variety of devices. In particular I will focus on these areas:
An introduction to responsive design•
Testing responsive sites•
e power of media queries•
Using uid layouts•
Frameworks in responsive design•
Adapt an existing site•
Tools and workow•
Making the user’s journey responsive•
JavaScript across responsive states•
Optimizing your responsive site•
ere are many ways you can build a responsive site, and in each of these chapters I will explain dierent
techniques that can be used to help you build your web site more eciently.

1
Chapter 1
Introduction to Responsive Design
The way in which web sites are built has evolved over the past 20 years. The 1990s were dominated by web sites
being built in tables, and although the cascading style sheet (CSS) specification was released in 1996, CSS didn’t
really take center stage until mid-2003. This brought the launch of CSS Zen Garden, which demonstrated the power
of CSS and how it could be used to completely restyle a site without even touching the HTML. With the subsequent
rise in popularity of CSS, the development community standardized on targeting screens with a resolution of 1024
by 800, with larger screens being left with white space around the edges and smaller screens requiring scrolling. This
was rolled out so that sites could be designed and built in a way that worked for the largest possible audience, as the
majority of users were accessing them from the 1024 by 800 resolution.
With the launch of the iPhone in 2007, the full experience of the Internet was available anywhere. Gone were
the simplistic, difficult to use mobile browsers of before, and suddenly we had a full, desktop-grade browser in our
pockets. The first reaction from companies was to make a separate, mobile-optimized site, following the theory that
offering a targeted user experience would increase sales. More often than not, these sites were scaled-back versions
of the full web site and would often fail to offer the visitor the content they were after, meaning ultimately they would
either leave the site or switch to the full web site anyway.
In 2010, CSS3 (cascading style sheets 3) media queries were implemented in mobile browsers, starting with
Android 2.1 and followed by iOS 3.2. The arrival of media queries brought with it the ability to target specific styles at
different screen resolutions.
Aside from the size of the screens changing, there has also been a huge drive to improve the quality of the screens
that are in use, with high pixel density screens becoming more commonplace. The term retina display was conceived
by Apple in June 2010 to describe their own high dpi (dots per CSS inch) screens found on their phones, and they
are credited with bringing the high-dpi screens to the mainstream. As they are not the only company deploying the
technology, it is becoming increasingly important to consider high-dpi displays during your build to ensure your web
site looks fantastic on these devices. The optimum way of ensuring and achieving this is through use of responsive
design methodologies.
Responsive design has rapidly become the current trend in web development, and this book aims to take you
through the different approaches you can take to achieve responsive design.
This chapter will introduce you to responsive design. The sections contained in this chapter are:
1. What is responsive design?
2. Why is mobile so important?
3. Responsive design vs. device-specific experiences
4. Responsive web design is not limited just to mobile
5. When would you not use responsive web design?
6. Examples of responsive web design
7. Looking at HTML5 technologies
8. What’s new in CSS3
剩余315页未读,继续阅读


















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0