| |
|
|
|
|
|
|
|
|
1. |
Record Nr. |
UNINA9910826950203321 |
|
|
Autore |
Frain Ben |
|
|
Titolo |
Responsive web design with HTML5 and CSS3 : learn responsive design using HTML5 and CSS3 to adapt websites to any browser or screen size / / Ben Frain |
|
|
|
|
|
|
|
Pubbl/distr/stampa |
|
|
Birmingham ; ; Mumbai, : Packt Pub., 2012 |
|
|
|
|
|
|
|
ISBN |
|
1-280-15709-7 |
9786613541765 |
1-84969-319-6 |
|
|
|
|
|
|
|
|
Edizione |
[1st ed.] |
|
|
|
|
|
Descrizione fisica |
|
1 online resource (325 p.) |
|
|
|
|
|
|
Collana |
|
Community experience distilled |
|
|
|
|
|
|
Disciplina |
|
|
|
|
|
|
|
|
Soggetti |
|
HTML (Document markup language) |
|
|
|
|
|
|
Lingua di pubblicazione |
|
|
|
|
|
|
Formato |
Materiale a stampa |
|
|
|
|
|
Livello bibliografico |
Monografia |
|
|
|
|
|
Note generali |
|
|
|
|
|
|
Nota di contenuto |
|
Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with HTML5, CSS3, and Responsive Web Design; Why smart phones are important (and old IE isn't); Are there times when a responsive design isn't the right choice?; Defining responsive web design; Why stop at responsive design?; Examples of responsive web design; Get your viewport testing tools here!; Online sources of inspiration; HTML5-why it's so good; Saving time and code with HTML5; New, semantically meaningful HTML5 tag elements |
CSS3 enables responsive designs and moreThe bottom line-CSS3 won't break anything!; How can CSS3 solve everyday design problems?; Look Ma'-no images!; What else has CSS3 got to offer?; Can HTML5 and CSS3 work for us today?; Responsive web designs are not magic bullets; Educating our clients that websites shouldn't look the same in all browsers; Summary; Chapter 2: Media Queries: Supporting Differing Viewports; You can use media queries today; Why responsive designs need media queries?; Media query syntax; What can media queries test for?; Using media queries to alter our design |
The best way to load media queries for responsive designsOur first responsive design; Don't panic but our design is fixed-width; |
|
|
|
|
|
|
|
|
|
|
|
Responsive designs-making images as economical as possible; Content clipping in smaller viewports; Stopping modern mobile browsers from auto-resizing the page; Fixing the design for different viewport widths; With responsive designs, content should always come first; Media queries-only part of the solution; We need a fluid layout; Summary; Chapter 3: Embracing Fluid Layouts; Fixed layouts aren't future proof |
Why proportional layouts are essential for responsive designsAmending a design from fixed to proportional layout; A formula to remember; Setting a context for proportional elements; It's always important to remember the context; Using ems rather than pixels for typography; Fluid images; Making images scale with the viewport; Specific rules for specific images; Putting the brakes on fluid images; The incredibly versatile max-width property; Serving different images for different screen sizes; Setting up Adaptive Images; Put background images somewhere else |
Where fluid grids and media queries come togetherCSS Grid systems; Rapidly building our site with a Grid system; Summary; Chapter 4: HTML5 for Responsive Designs; What parts of HTML5 can we use today?; Most sites can be written in HTML5; Polyfills, shims, and Modernizr; How to write HTML5 pages; Economies of using HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; Obsolete HTML features; New semantic elements in HTML5; The element; The element; The element; The element; The element; The HTML5 outline algorithm |
The element |
|
|
|
|
|
|
Sommario/riassunto |
|
This book will lead you, step by step and with illustrative screenshots, through a real example. Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've heard of Responsive Design but are unsure how to bring HTML5, CSS3, or responsive design all together. If so, this book provides everything you need to take your web pages to the next level - before all your competitors do! |
|
|
|
|
|
|
|
| |