Smiley face

Google
در فروشگاه اينترنتي داتيس   در كل اينترنت

تقويم و مناسبتها

رهگيري مرسولات پستي

كاربرگرامي شما مي توانيد پس از دريافت باركد پســتي از طريق دكمه رهگيري سفارشـات ، بوسيله دكمه رهگيري مرسوله پستي ، مرسـوله خود را از طريق وب سايت اداره پســت رديابي نماييد.

Datissoftware

Datissoftware

نماد ها

logo-samandehi

عناوين علمي و آموزشي

نرم افزارهاي مورد نياز

IDM دانلود Internet Download Manager
Chrome دانلود Google Chrome
Firefox دانلود Mozilla Firefox
Winrar دانلود Winrar
FlashPlayer دانلود Flash Player
Adobe Reader دانلود Adobe Reader
Mp4 Codec دانلود Mp4 Codec

آمار و اطلاعات

جهت عضــويت در خبرنامه فروشــگاه اينترنتي داتيــس ايميل صحيح خود را وارد نماييد.

عنوان : كتاب The Responsive Web

1394/07/20 - 15:53:45
نحوه ساخت و ايجاد سايتهاي پاسخگو


دانلود كتاب The Responsive Web

آموزش WordPress داتيس

آموزش Joomla داتيس

آموزش ASP.net داتيس

آموزش 2014 Dreamweaver CC داتيس

 


Book Description:

The Responsive Web builds on the best practices that have shaken out over a few years of production experience. This concise book skips pure theory and shows you exactly how to make responsive web design work for you in the real world. You'll learn innovative ways to use what you already know along with design techniques leveraging new HTML5 and CSS3 features. Along the way, you'll discover strategies to balance apps and websites, manage browser incompatibilities, and learn when multiple versions are the best option.


:Book Details

Publisher:    Manning
By:           Matthew Carver
ISBN:         978-1-61729-124-1
Year:         2014
Pages:        200
Language:     English
File size:    14.2 MB
File format:  PDF

: CONTENTS

PART 1 THE RESPONSIVE WAY .......................................1
1 Learning to work responsively 3
1.1 Meet the responsive web 5
What is the responsive web? 5 ■ Key features 7
1.2 Building your first responsive site 10
Creating prototypes 10
1.3 The basic responsive layout 16
Mobile-first markup 18 ■ Using percentages in CSS 21
Adding text and images 24 ■ The fickle and mighty em 26
Your first breakpoint 28
1.4 Summary 30
1.5
Discussion points 30

2 Design for mobile first 31
2.1 Why mobile-first design 32
Benefits of mobile-first design 33 ■ The challenges of designing
for mobile first 34
2.2 Designing headers for small screens 36
Creating the header 36
2.3 Designing for a touch interface 38
The simplified small-screen grid 39
2.4 Designing content for a small screen 41
Using web fonts in layouts 42
2.5 Summary 44
2.6 Discussion points 44
PART 2 DESIGNING FOR THE RESPONSIVE WEB .............45
3 Using style tiles to communicate design 47
3.1 Visualizing design with style guides 48
What is a style guide? 49 ■ Developing a style guide 50
Style tiles: creating a visual language 50
3.2 How to create a style tile 52
Get feedback 52 ■ Design the style tile 53 ■ Creating the
style tile 54 ■ Iterative design with a style tile 59
3.3 The death of the mockup 59
3.4 Summary 60
3.5 Discussion points 61
4 Responsive user experience design patterns 62
4.1 Single-level navigation 64
The toggle navigation pattern 65 ■ The select menu
pattern 69 ■ Toggle navigation versus select menu 70
4.2 Multilevel toggle navigation 71
4.3 Responsive user experience design pattern resources 75
4.4 Summary 75
4.5 Discussion points 76

5 Responsive layouts 77
5.1 Fluid layouts via percentages 78
How percentages work in CSS 78 ■ Box sizing 81
Fluid grid systems 83
5.2 Building a fluid layout 87
Interpreting the prototype 87 ■ Starting coding 87
Animating the off-canvas elements 89 ■ Making the element
responsive 91 ■ Expanding into the wider views 93
5.3 Summary 94
5.4 Discussion points 94
6 Adding content modules and typography 96
6.1 Adding a content module 98
Creating useful placeholder content 99
6.2 Typography in responsive design 102
Embedding typefaces 103 ■ Setting a typographic
base 104
6.3 Summary 106
6.4 Discussion points 106
PART 3 EXPANDING THE DESIGN WITH CODE .............107
7 Adding graphics in the browser with CSS 109
7.1 Using CSS to implement design 110
CSS basics 111 ■ Maintaining proportions in a fluid
structure 112
7.2 Using icon fonts in your design 114
User interface sprites 114 ■ Font-based user-interface
graphics 115
7.3 Using Scalable Vector Graphics 117
Adding an SVG image to a page 118 ■ Implementing SVG
with CSS 120 ■ Limitations of the SVG format 121
7.4 Summary 122
7.5 Discussion points 123

8 Progressive enhancement and obsolescence control with
Modernizr 124
8.1 Technical obsolescence 125
Progressive enhancement 125 ■ Graceful degradation 128
8.2 What is Modernizr? 130
Installing Modernizr 131 ■ Using Modernizr for cross-browser
CSS 133
8.3 JavaScript feature detection with Modernizr 135
Detecting touch support 135 ■ Using Modernizr.load and
yepnope 136 ■ Creating custom Modernizr tests 137
8.4 Adding Modernizr to our site 138
8.5 Summary 140
8.6 Discussion points 141
9 Testing and optimization for responsive websites 142
9.1 What is responsive testing? 143
Simulated testing environments 143
9.2 Browser tools for testing 146
9.3 Using web inspectors 147
Mastering web inspectors 148
9.4 Tips on reducing request times 152
Reducing HTTP requests 152 ■ Reducing image requests with
Base64 encoding 153 ■ Speed optimization check list 153
9.5 Summary 154
9.6 Discussion points 155
appendix A: Context-aware design 157
appendix B: Foundations


:Preface

In May 2010 I read an article on the A List Apart website. If you picked up this book,
it's likely that you know the article I'm talking about. You've probably read it and
heard it quoted, picked apart, debated, and discussed. Now, nearly four years later,
that article is the basis of one of the biggest movements on the web since the web standards
movement of the late 90s.
When Ethan Marcotte’s article, “Responsive Web Design,”1 was published, I was
still new to web development, having just started a job at my first web production
agency. It had been a few months since I had bought my first iPhone and I had just
started coding sites for mobile and including mobile stylesheets in my projects. I was
struggling to find a good solution to mobile web development, like many developers
at the time.
The iPhone changed everything and was quickly becoming my favorite way of
browsing the web, but websites looked like garbage on it. Ethan’s article came as a
revelation—and a relief. It provided a clear path to solving a huge and immediate
problem in my development workflow, and by June 2010 I started including media
queries in all of my work. Responsive web design gave me something new and exciting
to add to my projects and thoroughly solved the problem of mobile web design.
Beyond the technological challenges, responsive web design introduced me to a
new way of working. Responsive design needs a collaborative workflow that requires
equal input from both visual designer and developer. This is what excited me.

Havingbeen on both the design and development sides of the web, I’d always felt that harmony
between both sides is the key to creating incredible digital experiences. This
became the part of responsive design that stuck with me: the need for creativity in
code and for design to be translated into front-end development early on.
I have this habit: whenever I find something interesting, I want to tell everyone
about it. If you’ve ever spent more than a few minutes in my company you’ve probably
heard me rant about any number of nerdy topics. Just try to bring up comic books,
baseball, or whiskey and buckle up for some opinionated rambling. Responsive web
design was no different. I told everyone I could about it and eventually had the privilege
of talking about the subject at web conferences.
With this book I get to completely indulge my nerdy habit. The book represents an
unboxing of my passion for what I see as a huge step in the maturity of the web. I
believe the web to be one of the most important inventions in human history. The
sharing of information among people is important for both inventiveness and creativity,
and the web facilitates this sharing of ideas and information better than any
medium in human history.
Hopefully this book will help you gain a new understanding of responsive web
design. My goal was that the book would not only encourage you to start implementing
responsive design, but also give you tools and language to facilitate collaboration
between designers and developers. This book should facilitate the understanding you
need to be part of building a new, device-agnostic web.

 


 

1394/07/20 - 15:53:45
برچسب هاي مطلب :



شما اولين نفري باشيد كه نظر ارسال مي كند.

فرم ثبت نظر

نام و نام خانوادگی
ایمیل
وبلاگ
نظر و کامنت
كد امنيتي