Responsive Web Design with HTML5 and CSS3 2nd Edition Ben Frain - Quickly access the ebook and start reading today
Responsive Web Design with HTML5 and CSS3 2nd Edition Ben Frain - Quickly access the ebook and start reading today
https://ebookultra.com/download/web-development-and-design-
foundations-with-html5-6th-edition-terry-felke-morris/
Pro Android Web Apps Develop for Android Using HTML5 CSS3
JavaScript 1st Edition Damon Oehlman
https://ebookultra.com/download/pro-android-web-apps-develop-for-
android-using-html5-css3-javascript-1st-edition-damon-oehlman/
HTML5 CSS3 For The Real World 1st Edition Estelle Weyl
https://ebookultra.com/download/html5-css3-for-the-real-world-1st-
edition-estelle-weyl/
https://ebookultra.com/download/learning-responsive-web-design-a-
beginner-s-guide-1st-edition-clarissa-peterson/
Developing Responsive Web Applications with AJAX and
jQuery 1st Edition Sandeep Kumar Patel
https://ebookultra.com/download/developing-responsive-web-
applications-with-ajax-and-jquery-1st-edition-sandeep-kumar-patel/
https://ebookultra.com/download/dom-scripting-web-design-with-
javascript-and-the-document-object-model-2nd-edition-jeremy-keith/
https://ebookultra.com/download/html5-iphone-web-application-
development-1st-edition-alvin-crespo/
https://ebookultra.com/download/effective-web-design-2nd-ed-edition-
ann-navarro/
Responsive Web Design with HTML5 and CSS3 2nd
Edition Ben Frain Digital Instant Download
Author(s): Ben Frain
ISBN(s): 9781784398934, 1784398934
Edition: 2
File Details: PDF, 7.61 MB
Year: 2015
Language: english
Responsive Web Design
with HTML5 and CSS3
Second Edition
Ben Frain
BIRMINGHAM - MUMBAI
Responsive Web Design with HTML5 and CSS3
Second Edition
All rights reserved. No part of this book may be reproduced, stored in a retrieval
system, or transmitted in any form or by any means, without the prior written
permission of the publisher, except in the case of brief quotations embedded in
critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy
of the information presented. However, the information contained in this book is
sold without warranty, either express or implied. Neither the author, nor Packt
Publishing, and its dealers and distributors will be held liable for any damages
caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the
companies and products mentioned in this book by the appropriate use of capitals.
However, Packt Publishing cannot guarantee the accuracy of this information.
ISBN 978-1-78439-893-4
www.packtpub.com
Credits
Commissioning Editor
Edward Gordon Indexer
Mariammal Chettiyar
Acquisition Editors
Edward Gordon Production Coordinator
Nilesh R. Mohite
Subho Gupta
Cover Work
Content Development Editor
Nilesh R. Mohite
Pooja Nair
Technical Editor
Ankita Thakur
About the Author
Ben Frain has been a web designer/developer since 1996. He is currently employed
as a Senior Front-end Developer at Bet365.
Before the web, he worked as an underrated (and modest) TV actor and technology
journalist, having graduated from Salford University with a degree in Media and
Performance.
He has written four equally underrated (his opinion) screenplays and still harbors
the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures.
Playing indoor football while his body and wife still allow it, and wrestling with his
two sons.
His other book, Sass and Compass for Designers is available now. Visit Ben online at
www.benfrain.com and follow him on Twitter at twitter.com/benfrain.
I'd like to thank the technical reviewers of this book for giving up
their free time to provide valuable input. Thanks to them, this is a
better product.
I'd also like to thank the web community at large for their continued
sharing of information. Without them, I wouldn't be able to enjoy my
working days as a web developer.
Most importantly, a note of appreciation for my family. Many
episodes of sub-standard TV (wife), cups of tea (parents), and
piratical sword-fights (sons) were sacrificed for the writing of
this book.
About the Reviewers
Esteban S. Abait is a senior software architect and former PhD student. He has
experience devising the architecture of complex software products, and planning their
development. He has worked both onsite and offshore for clients such as Cisco, Intuit,
and Southwest. Throughout his career, he has worked with different technologies such
as Java, PHP, Ruby, and Node.js among others. In recent years, his main interests have
revolved around web, mobile and REST APIs. He has developed large, maintainable
web applications using JavaScript. In addition, he has worked to assess clients on REST
best practices. On the other hand, he has worked on high traffic websites, where topics
such as replication, sharding, or distributed caches are key to scalability.
Esteban is currently working at Globant as a technical director. In this role, he
works to ensure projects' delivery meet their deadlines with the best quality. He also
designs software program training, and interviews software developers. In addition,
he usually travels to clients to provide consultancy on web technologies.
Globant (http://www.globant.com/) is a new breed of technology service provider,
focused on delivering innovative software solutions by leveraging emerging
technologies and trends. Globant combines the engineering and technical rigor of IT
service providers with the creative and cultural approach of digital agencies. Globant
is the place where engineering, design, and innovation meet scale.
He was also a technical reviewer for HTML5 Multimedia Development Cookbook, Packt
Publishing. Chris is an avid reader and lover of books. When he's not pushing pixels
and writing code, he enjoys spending time with his wife and daughter exploring the
parks and trails of the beautiful Austin, Texas.
Mauvis Ledford is a full-stack founder and CTO specializing in the realm of the
web, mobile web, and scaling applications on the cloud.
Mauvis has contributed to products at Disney Mobile, Skype, Netflix, and many
start-ups in the San Francisco and New York City areas. He is currently CTO at
Pathbrite, an EdTech start-up specializing in free, responsive, multimedia e-portfolios
and digital resumes for everyone. Create your own at http://www.pathbrite.com.
Mauvis was also a technical reviewer for the first edition of Responsive Web Design
with HTML5 and CSS3, Packt Publishing and Building Hybrid Android Apps with Java
and JavaScript, O'Reilly Media.
Sophie Williams is a bit of a perfectionist and has a thing for typography. She has
a degree in graphic design and is currently a web/UI designer at www.bet365.com.
While she loves designing for the Web, she will always have a special place in her heart
for letterpress and print. Outside of work, she makes mean cupcakes, experiments with
arts and crafts, and loves to point out (to anyone who will listen) when anything in the
real world is misaligned.
Did you know that Packt offers eBook versions of every book published, with PDF
and ePub files available? You can upgrade to the eBook version at www.PacktPub.
com and as a print book customer, you are entitled to a discount on the eBook copy.
Get in touch with us at service@packtpub.com for more details.
At www.PacktPub.com, you can also read a collection of free technical articles, sign
up for a range of free newsletters, and receive exclusive discounts and offers on
Packt books and eBooks.
TM
https://www2.packtpub.com/books/subscription/packtlib
Do you need instant solutions to your IT questions? PacktLib is Packt's online digital
book library. Here, you can search, access, and read Packt's entire library of books.
Why subscribe?
• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On demand and accessible via a web browser
[i]
Table of Contents
[ ii ]
Table of Contents
[ iii ]
Table of Contents
[v]
Table of Contents
[ vi ]
Table of Contents
[ vii ]
Table of Contents
[ viii ]
Preface
A responsive web design provides a single solution that looks great on a phone,
desktop, and everything in-between. It will effortlessly respond to the size of the user's
screen, providing the best experience possible for both today's and tomorrow's devices.
This book covers every essential aspect of responsive web design. In addition,
it extends the responsive design methodology by applying the latest and most
useful techniques provided by HTML5 and CSS3, making designs leaner and more
maintainable than ever before. It also explains common best practice methods of
writing and delivering code, images, and files.
If you can understand HTML and CSS, you can build a responsive web design.
Chapter 2, Media Queries – Supporting Differing Viewports, covers everything you need
to know about CSS media queries: their capabilities, their syntaxes, and the various
ways you can wield them.
Chapter 3, Fluid Layouts and Responsive Images, shows you how to code proportional
layouts and responsive images, and provides a thorough exploration of
Flexbox layouts.
Chapter 4, HTML5 for Responsive Web Designs, covers all the semantic elements of
HTML5, text-level semantics, and considerations of accessibility. We also cover how
to insert video and audio into our pages with HTML5.
[ ix ]
Preface
Chapter 5, CSS3 – Selectors, Typography, Color Modes, and New Features, gets to grips
with the endless possibilities of CSS: selectors, HSLA and RGBA colors, web
typography, viewport relative units, and a whole lot more.
Chapter 6, Stunning Aesthetics with CSS3, covers CSS filters, box shadows, linear and
radial gradients, multiple backgrounds, and how to target background images to
high-resolution devices.
Chapter 7, Using SVGs for Resolution Independence, explains everything we need to use
SVGs inside documents and as background images, as well as how to interact with
them using JavaScript.
Chapter 9, Conquer Forms with HTML5 and CSS3, web forms have always been
tough but the latest HTML5 and CSS3 features make them easier to deal with than
ever before.
Chapter 10, Approaching a Responsive Web Design, explores the essential considerations
before embarking on a responsive web design and also provides a few last minute
nuggets of wisdom to aid you in your responsive quest.
You'll need some HTML and CSS knowledge to follow along, but everything you
need to know about responsive design and making great websites is included in
the book!
[x]
Preface
Conventions
In this book, you will find a number of text styles that distinguish between different
kinds of information. Here are some examples of these styles and an explanation of
their meaning.
Code words in text, database table names, folder names, filenames, file extensions,
pathnames, dummy URLs, user input, and Twitter handles are shown as follows:
"We can fix that prior problem easily by adding this snippet in the <head>."
New terms and important words are shown in bold. Words that you see on the
screen, for example, in menus or dialog boxes, appear in the text like this: "At its
simplest, you pick a URL and click on START TEST."
Reader feedback
Feedback from our readers is always welcome. Let us know what you think about
this book—what you liked or disliked. Reader feedback is important for us as it helps
us develop titles that you will really get the most out of.
If there is a topic that you have expertise in and you are interested in either writing
or contributing to a book, see our author guide at www.packtpub.com/authors.
[ xi ]
Other documents randomly have
different content
— Siinä tapauksessa varon kyllä viemästä teitä Buenos-Ayrekseen,
sanoi laivakippari, sillä minua odottaisi siellä varma hirttonuora ja
teitä samoin: tietäkää, että kaunis Kunigunda on hänen
ylhäisyytensä käskynhaltijan lempi-rakastajatar.
— Mitä tahdotte, kysyi hän tältä, jos viette minut sekä palvelijani,
tavarani ja molemmat lampaani suorinta tietä Veneziaan.
Hän palasi vielä kerran Candiden luo ja sanoi, ettei hän sittenkään
voinut viedä häntä Veneziaan vähemmästä kuin
kolmestakymmenestä tuhannesta piasterista.
Vihdoin sai hän kuulla, että eräs ranskalainen laiva oli lähdössä
Bordeaux'hon ja koska hänellä ei enää ollut mitään timanteilla
kuormitettuja lampaita kuljetettavanaan, vuokrasi hän siitä
kohtuhinnasta itselleen hytin ja antoi samalla kuuluttaa kaupungilla,
että jos löytyisi joku sellainen kunniallinen ihminen, joka tahtoisi
tehdä hänelle matkaseuraa, antaisi hän hänelle vapaan matkan,
ruuan ja kaksi tuhatta piasteria, kuitenkin sillä ehdolla, että tämän
miehen tuli olla onnettomin ihminen koko maassa.
Tämä oppinut mies, joka muuten oli erinomaisen hyvä ihminen, oli
kokenut monenlaista kovaa. Hänellä oli ollut vaimo, joka oli
varastanut hänet putipuhtaaksi, poika, joka oli antanut selkään
hänelle, tytär, joka oli hyljännyt hänet ja karannut erään
portugalilaisen kanssa. Häneltä oli juuri riistetty eräs pieni virka, jolla
hän eli, ja Surinamin papit vainosivat häntä, sentähden, että he
pitivät häntä socinianina. [Socinianit, eräs 1500 luvulla syntynyt
lahko, joka kielsi kolminaisuusopin ja Kristuksen jumaluuden.]
Tuo vanha oppinut, jonka nimi oli Martin, lähti siis Candiden
mukana Bordeaux'hon. Kumpikin olivat he paljon nähneet ja paljon
kärsineet; ja vaikka heidän laivansa olisi pitänyt purjehtia
Surinamista Hyväntoivon niemen ympäri Japaniin, niin olisi heille
kuitenkin riittänyt koko matkaksi keskustelemista tämän maailman
henkisestä ja aineellisesta kurjuudesta.
— Minä olen, sanoi Martin. Minä en voi sille mitään, en voi ajatella
toisin.
— Tuossa nyt on, sanoi Martin, yksi esimerkki siitä, miten ihmiset
kohtelevat toisiaan.
— Oh, sanoi Candide, onpa siinä eroa sentään, sillä ihmisen vapaa
tahto…
Candide viipyi Bordeaux'ssa vain sen aikaa, että hän ehti myydä
muutamia Eldoradon kiviä ja hankkia itselleen hyvät kahdenistuttavat
matkavaunut; sillä hän ei voinut enää hetkeäkään olla ilman rakasta
Martin-filosofiaan. Mikä häntä muuten kovasti murhetutti, oli se, että
hänen täytyi erota lampaastaan, jonka hän luovutti Bordeaux'n
Tiedeakatemialle, joka julisti, että sen vuoden palkinnon saajan oli
vastattava kysymykseen, minkätähden tämä lammas oli punainen.
Palkinto myönnettiin eräälle pohjoismaiselle oppineelle, joka todisti
"A plus B, minus C, jaettuna Z:llä" kaavan avulla, että lampaan täytyi
olla juuri punainen ja että sen välttämättä täytyi kuolla
lammaskapiin.
— Me matkustamme Parisiin.
Martin tuumi:
— Kuka oli tuo porsas, kysyi Candide, joka puhui minulle niin
paljon pahaa tuosta kappaleesta, joka minua niin suuresti itketti, ja
noista näyttelijöistä, jotka minua niin suuresti miellyttivät?
— Vai niin, sanoi hän, te olette siis todella yhä edelleenkin yhtä
silmittömästi rakastunut nti Kunigunda von Thunder-ten-Tronckhiin?
— Voi Pangloss, Pangloss! Voi Martin, Martin! Voi sinä minun rakas
Kunigundani! Mitä onkaan tämä maailma! puhkesi Candide
puhumaan hollantilaisella laivalla.
Our website is not just a platform for buying books, but a bridge
connecting readers to the timeless values of culture and wisdom. With
an elegant, user-friendly interface and an intelligent search system,
we are committed to providing a quick and convenient shopping
experience. Additionally, our special promotions and home delivery
services ensure that you save time and fully enjoy the joy of reading.
ebookultra.com