▄▄▄ ▄▄▄
█████▄ ▄▄▄ ▄█████
▄▄▄▄ ▀█████ ▄▄█▓█████▄▄ █████ ▄▄▄ ▄▄▄▄
▄██████████▄████▓ █████████████ ████ ▄█████ ██████
███▓▀▀▀▀█████▓████ █████▀ ▀████▓ ▓███ ▄██▄ █████▓ ▓██████
░▓███▄ ▄████ ████ █████▓ ▓█████▓███ ████ ██████▄ ▄██████▓
████████████▀ ████ █████ █████████ ████▄██▄███████▄███▀████▓
▀███▄ ▄▄▄ ▄████▀ ▓████ █████████ ████████▓███ ▀██▓▀ ████
▀███▄████▄█████ ██████ ████▓█████▄▓████ ▀▀ ████ ▀ ████
▄████▄ ▀▀████████▓ ███████ ▓▓██▀███▀ ▀██████▄██▄ ███ ████
█████████ ▀█▓▀ █████▄▄ ░▓███████▄▄▄████▄██▓ ▀████████████ ████
██████████▄ ▄▄ ▀▀█████▄▄▓████▀███████▀▄███ ▄▄ ████████████ ▓▄▄▄▄ ████▓░
▓█████████████▓▓█▄▄ ▀▀▓▓█████▓░ ▀▀▀ ▄ ▀████▄ ▀██ ████████████ ████▀ ▄███▓
▀███▓▓▓█████████████▄▄▄ ▀▀███▀ ▄███████▄ ▀▀███▄ ▓ ███▓███▓████ ▓█▀ ▄███▀▀
▀▀▀ ▀▀▀▓▓███▄▄▄▄▄███████▀▀▀▀▓ ▀▀ ███▓ ▀▀ ████ ▀ ▀▓▓█▄▄
▀▀▀▀▀▀ ▀▀ ▀██▀ ▀▀▀▀▀
RELEASE NAME....: PacktPub.com.Responsive.Web.Design.From.Concept.to.Complete.Site-ELOHiM
RELEASE DATE....: 2013-12-27
RELEASE SIZE....: 26x15Mb
FORMAT..........: Bookware
LANGUAGE........: English
URL.............: http://www.packtpub.com
* New! Packt Video courses: practical screencast-based tutorials that show
you how to get the job done. Bite sized chunks, hands on instructions, and
powerful results.
* Learn how to create fluid styles that flow to fill a browser of any size
* Discover the best design and coding practices in HTML5 and CSS3 for
flexible layouts
* Contains everything you need to know to create simple to complex
responsive sites starting from a design mockup to implementing it as a
finished product
What you will learn from this video course
* Build a responsive site from start to finish, from mockup to HTML and CSS
implementation
* Understand the advantages and disadvantages of RWD compared to other web
design techniques
* Learn to build a fluid layout starting from a digital mockup
* Create breakpoints in a layout and write the code to modify the layout of
your site at each breakpoint
* Understand techniques to test and maintain your responsive code on
different devices
* Format headers, footers, and column layouts in a way that will adapt to
different browser sizes
* Target specific viewports to present an optimized view of your website
for a given device
Who this video course is for
Have you been writing two websites . one for mobile and one for larger
displays? If so, this course will show you how to make your website
responsive, in order to be fluid enough to adapt to any and all the
different devices available. Basic knowledge of HTML and CSS will prove
helpful for jumping into this video series.
In Detail
ThereÆs never been a greater range of screen sizes of tablets, smartphones,
and even televisions and associated web view user experiences to consider.
Web pages being built to be responsive provide the best possible version of
their content to match the viewing devices of not just todayÆs devices but
tomorrowÆs too. This course walks you through crafting responsive websites
that provide an optimal viewing experience on any device using HTML5 and
CSS3.
By following this structured video course, you will learn how to convert
fix-width layouts to responsive layouts, contain a fluid layout with
maximum or minimum properties, write syntax for a media query, select
breakpoints, write HTML to embed all the saved elements into a page, and
add CSS to your site ensuring that you have the skills to create your very
own responsive website quickly and efficiently.
Responsive Web Design û From Concept to Complete Site starts with an
overview of the technology, the best practices to follow, and then moves on
to a complete implementation of a responsive site using HTML5 and CSS3
media queries. After learning the essentials of responsive web design in
the introductory section, you will walk through splitting a mockup into
images and content areas, defining a fluid grid using those divisions,
creating a percentage-based layout for the fluid grid with CSS, and then
begin creating a full-functional responsive page. The latter section
contains hands-on exercises that will walk you through all the HTML5 and
CSS3 code required to build your sample page.
This course ends with an overview on the future of web design, the features
you can use today, and tips on how to remain current in the field.
Language : English
Release Date : Thursday, September 26, 2013
Course Length : 2 hours and 04 minutes
ISBN : 1782165703
ISBN 13 : 9781782165705
Author(s) : Joshua Miller
Topics and Technologies : Video, Web Development, Open Source