Wiley.Smashing.HTML5.Feb.2011.Pdf

Total Page:16

File Type:pdf, Size:1020Kb

Wiley.Smashing.HTML5.Feb.2011.Pdf 01_977279-ffirs.indd i 10/28/10 9:54 PM SMASHING HTML5 01_977279-ffirs.indd i 10/28/10 9:54 PM PUBLISHER’S ACKNOWLEDGMENTS Some of the people who helped bring this book to market include the following: Editorial and Production VP Consumer and Technology Publishing Director: Michelle Leete Associate Director–Book Content Management: Martin Tribe Associate Publisher: Chris Webb Publishing Assistant: Ellie Scott Development Editor: Elizabeth Kuball Copy Editor: Elizabeth Kuball Technical Editor: Harvey Chute Editorial Manager: Jodi Jensen Senior Project Editor: Sara Shlaer Editorial Assistant: Leslie Saxman Marketing Senior Marketing Manager: Louise Breinholt Marketing Executive: Kate Parrett Composition Services Compositor: Wiley Composition Services Proofreader: Susan Hobbs Indexer: Potomac Indexing, LLC 01_977279-ffirs.indd ii 10/28/10 9:54 PM SMASHING HTML5 Bill Sanders wnload from Wow! eBook <www.wowebook.com> o D A John Wiley and Sons, Ltd, Publication 01_977279-ffirs.indd iii 10/28/10 9:54 PM Th is edition fi rst published 2011 © 2011 William B. Sanders. Registered offi ce John Wiley & Sons Ltd, Th e Atrium, Southern Gate, Chichester, West Sussex, PO19 8SQ, United Kingdom For details of our global editorial offi ces, for customer services and for information about how to apply for permission to reuse the copyright material in this book please see our website at www.wiley.com. Th e right of the author to be identifi ed as the author of this work has been asserted in accordance with the Copyright, Designs and Patents Act 1988. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, photocopy- ing, recording or otherwise, except as permitted by the UK Copyright, Designs and Patents Act 1988, without the prior permission of the publisher. Wiley also publishes its books in a variety of electronic formats. Some content that appears in print may not be available in electronic books. Designations used by companies to distinguish their products are oft en claimed as trademarks. All brand names and product names used in this book are trade names, service marks, trademarks or registered trademarks of their respective owners. Th e publisher is not associated with any product or vendor mentioned in this book. Th is publication is designed to provide accurate and authoritative information in regard to the subject matter covered. It is sold on the understanding that the publisher is not engaged in rendering professional services. If professional advice or other expert assistance is required, the services of a competent professional should be sought. Trademarks: Wiley and the Wiley Publishing logo are trademarks or registered trade- marks of John Wiley and Sons, Inc. and/ or its affi liates in the United States and/or other countries, and may not be used without written permission. iPhone, iPad and iPod are trademarks of Apple Computer, Inc. All other trademarks are the property of their respective owners. Wiley Publishing, Inc. is not associated with any product or vendor mentioned in the book. Th is book is not endorsed by Apple Computer, Inc. A catalogue record for this book is available from the British Library. 978-0-470-97727-9 Set in 10/12 Minion Pro by Wiley Composition Services Printed in the United States by Krehbiel 01_977279-ffirs.indd iv 10/28/10 9:54 PM Th is book is dedicated to Jacob Sanders. 01_977279-ffirs.indd v 10/28/10 9:54 PM Author’s Acknowledgments I became aware of the immediate importance of HTML5 thanks to Michael Wilson, Zach Dunn, and Nick Greenfi eld, who brought it to my attention. Th ey also introduced me to Smashing Magazine and a number of other emerging new trends. Chris Webb of Wiley guided the direction of the book and, in concert with Margot Hutchinson of Waterside Productions, was able to clear a path for the book to move ahead. Ellie Scott of Wiley helped take care of the many details necessary in forging the book’s inception. Elizabeth Kuball worked as an able editor to clarify and smoothen everything I wrote, and Harvey Chute, the technical editor, worked to make sure that all the code was done correctly and off ered suggestions for improve- ment. Finally, my colleagues at the University of Hartford’s Multimedia Web Design and Development program, John Gray and Brian Dorn, helped when asked, including one terrible moment when a missing semicolon wrecked havoc on a program. About the Author Bill Sanders is one of the founding faulty members of the University of Hartford’s Multimedia Web Design and Development program where he teaches courses covering HTML5, informa- tion and interface design, CSS3, Flash, ActionScript 3.0, ASP.NET, C#, PHP, and streaming video. He has written numerous books on Internet computing, on topics ranging from JavaScript to ActionScript 3.0 Design Patterns. He lives in rural Connecticut with his wife, Delia, and one and a half dogs. 01_977279-ffirs.indd vi 10/28/10 9:54 PM Contents Introduction 1 PART I: THE LANGUAGE OF THE WEB 5 Chapter 1: Introducing HTML5 1 Creating with Tags: An Overview 8 Incorporating the new HTML5 elements 9 Using continued tags from HTML4 11 Forgetting or replacing discontinued tags 15 Choosing a Browser to Interpret HTML5 17 Mozilla Firefox 18 Google Chrome 19 Opera 21 Apple Safari 22 Microsoft Internet Explorer 9 24 Previewing diff erent displays 24 Take the Wheel 25 Chapter 2: Understanding HTML5 Tags 27 Parsing Code 28 Understanding HTML5 and related fi les 28 Learning which fi les work with the Web 31 Knowing How Tags Work 31 Starting off with the basic HTML tag 32 Describing your page with tags 32 Identifying the parts of a tag 33 Understanding the role of the comment tag 35 Nesting Tags 38 Take the Wheel 40 Chapter 3: Text Tags and a Little CSS3 43 Th e Fundamentals 44 A little more organization 45 Th inking about structure 47 Adding More HTML5 Structure 49 Adding Style to Text with CSS3 52 Styling HTML5 elements with CSS3 properties 52 Creating CSS3 classes and IDs 59 Take the Wheel 63 02_977279-ftoc.indd vii 10/28/10 9:54 PM CONTENTS Chapter 4: Working with Color Values 65 Understanding RGB Color 66 Using names 66 RGB and HSL percentages 67 RGB decimal integer settings 70 Hexadecimal settings: Th inking like your computer 71 Adding Transparency to Color 74 Creating a Color Scheme 76 From a base color 76 From an image 76 Integrating Your Color Palette with Your Web Page 78 Take the Wheel 81 PART II: PAGES, SITES, AND DESIGNS 83 Chapter 5: Organizing a Page 85 Th e Top of the HTML5 Document 86 Setting your home base 86 Adding character to your site with metadata 87 Knowing when you need a script 89 A Design in Sections 91 Getting Your Stuff Organized 94 VIII Paragraphs, divisions, and lists 94 Grouping without fracturing 99 Figures and captions 100 Organizing Files 103 Image organization and reference 103 Absolute reference 104 Relative reference 104 Take the Wheel 106 Chapter 6: Displaying Data with Tables 109 CSS3 Table Properties for HTML5 110 Tables and Tabular Data 112 Table basics 113 Styling a Table 114 Adding borders with CSS3 114 Data clarifi cation with background colors 117 Complex Tables 120 Using the rowspan and colspan attributes 120 Practical spans in tables 122 Take the Wheel 125 Chapter 7: All About Links 127 Th e Link Element and Its Key Attributes 128 Alternate style sheets 128 Link icons 131 02_977279-ftoc.indd viii 10/28/10 9:54 PM CONTENTS Prefetching 133 Other link attributes 133 Page Links 134 More of the rel attribute 134 Page anchors and IDs 137 Targets 140 Using Iframes 143 Nesting Web pages 144 Take the Wheel 146 Chapter 8: Navigation Strategies 147 Web Navigation Concepts 148 Designer navigation and user navigation 148 Global navigation 149 Using JavaScript to Call a Linked Page 156 Creating Consistency 159 Vertical and horizontal navigation 160 Applying CSS3 pseudo-classes 160 Understanding the HTML5 mechanics of vertical navigation 162 Using graphic icons in navigation 165 Single-Page Web Sites with Iframes 166 Linking to a graphic 166 Making and using thumbnail icons 167 Using iframes on mobile devices 169 IX Take the Wheel 170 PART III: MEDIA IN HTML5 173 Chapter 9: Images 175 Th e Basics of HTML5 Image Files 176 Formats and pixels matter 176 Preserving layers in Web graphics 178 Working with Graphic File Sizes 179 Using graphic applications to modify image fi le size 182 Placing Images and Creating Flexible Web Pages 189 Image placement with the align attribute 189 Flexible image size with a little JavaScript 191 Application for Dynamic SVG fi les from Adobe Illustrator CS5 fi les 194 Take the Wheel 196 Chapter 10: Sound 199 Th e Basics of Audio in HTML5 200 Autoplay 200 Controls 200 Preload 202 Loop 203 Browser Support for Audio 203 02_977279-ftoc.indd ix 10/28/10 9:54 PM CONTENTS Saved by Source: Plan B 204 Type attribute 204 Source type codec parameter 205 Creating Audio Files 206 Windows 7 Sound Recorder 206 Macintosh OS X Sound Studio 208 Sound Eff ects: FX on Your Desktop 209 Transition sounds 209 Integrating sound eff ects into a Web page 211 Take the Wheel 214 Chapter 11: Video 215 Making an HTML5 Page with Video 216 Video and Browser Compatibility 218 Make mine WebM: Th e Miro Video Converter 219 Converting to 3GP: Adobe Media Encoder CS5 221 Making Videos for the Web 222 Webcams 223 Small camcorders 223 Standard camcorders 224 Screen video capture 225 Video and Source Attributes 225 Src 226 X Poster 226 Preload 227 Loop 227 Autoplay 228 Controls 228 Width and Height 229 Take the Wheel
Recommended publications
  • GS1 Digital Link Standard (DRAFT) Enabling Consistent Representation of GS1 Identification Keys Within Web Addresses to Link to Online Information and Services
    GS1 Digital Link Standard (DRAFT) enabling consistent representation of GS1 identification keys within web addresses to link to online information and services Release [ToBe]1.1, Draft, 10 June 2019 IMPORTANT Disclaimer applicable to this Community Review public draft This document is a DRAFT, a work in progress and NOT the final GS1 standard. This document is for review only and it is provided "as is". GS1 does not make any representation or warranty, express or implied, including, but not limited to, warranties of merchantability, fitness for a particular purpose or use, non-infringement, or title; that the contents of the document are suitable for specific purposes; nor that the implementation of such contents will not infringe any third party patents, copyrights, trademarks or other rights. Furthermore, GS1 assumes no liability whatsoever for any inadvertent errors or omissions that may appear in the document. In no event shall GS1 be liable for any direct, indirect, special or consequential damages arising out of any use of the document or the performance or implementation of the contents thereof. Although the standard development process is in progress and governed by the GS1 Intellectual Property Policy, intellectual property right issues could occur any time. The document itself cannot infringe patent rights, but the implementation thereof could. Therefore, if you implement the draft standard contained in the document, you do so entirely at your own risk. Implementers and distributors of software products are encouraged to provide feedback, but should consult with their own attorneys, and form their own conclusions concerning the implementability and possible infringement of third-party rights.
    [Show full text]
  • Scott Guthrie Keynote Speaker at NDC 2011 See Agenda at P.42-43
    For software developers and leaders NDC motivates Unit 4, Agresso see why at p.28 Scott Guthrie Keynote Speaker at NDC 2011 see Agenda at p.42-43 The Big Wall: Who needs How to Bring a Huge a service bus, Product Backlog anyway? Down to Size by Udi Dahan by Mitch Lacey ALSO FEATURING: IAN ROBINSON ANDERS NORÅS ROD PADDOCK GASPAR NAGY JONAS BANDI JEFF WILCOX GREG SHACKLES DOMINICK BAIER JON SKEET GILL CLEEREN GARY SHORT BILLY HOLLIS MARK SEEMANN SCOTT bellware NORWEGIAN DEVELOPERS CONFERENCE 2011 Oslo Spektrum, Oslo June 8 -10th Navn: Hege Lidenskap: Spreke løsningskonsepter Jobb: Senior Business Consultant Navn: Terje Lidenskap: SharePoint Jobb: Senior Software Engineer FOTO: BO MATHISEN Bli en del av vårt sterke fagmiljø innen samhandling og SharePoint Steria er blitt kåret til en av Norges beste arbeidsplasser fire år på rad. Det er ikke uten grunn. Mye skyldes de gode utviklingsmulighetene. Mye skyldes de utfordrende prosjektene. Mye skyldes det sterke og gode fagmiljøet. Velkommen til et av Europas største Vårt fagmiljø innen samhandling og informasjons- Spennende utfordringer it-konsulentselskaper håndtering er trolig et av Nord-Europas sterkeste. Vi er Steria er en kunnskapsbedrift. Vi lever av å gi gode Det har skjedd mye siden vi etablerte oss i 1969 i EMC Documentum partner og den eneste leverandøren råd om ledelse og it. Basert på våre sterke fagmiljøer Paris. Vi er nå et av Europas 10 største it-konsulent- som har godkjent Noark 5 kjerne for Documentum med bistår vi en rekke av Norges største virksomheter innen selskaper med 20 000 medarbeidere i 16 land og sakarkiv.
    [Show full text]
  • Html-Zh-Cn.Pdf
    HTML #html 1 1: HTML 2 2 2 Examples 2 2 2 2 3 3 2: Div 5 5 5 Examples 5 5 5 3: HTML 5 7 7 Examples 7 Html 5 7 4: HTML 8 Examples 8 HTML 8 8 5: SVG 9 9 9 Examples 9 HTMLSVG 9 9 object 9 SVG 9 CSSSVG 10 6: TABINDEX 11 11 11 Examples 11 Tab 11 Tab 11 Tab 11 7: HTMLCSS 12 12 12 Examples 12 12 12 13 13 8: 14 14 14 14 Examples 14 14 14 14 15 application-name 15 author 15 description 15 generator 15 keywords 15 16 16 16 Facebook / Open Graph 16 Facebook / 17 17 Google+ / Schema.org 17 17 18 9: 19 19 19 Examples 19 19 10: 21 21 21 21 Examples 21 21 21 21 21 22 11: 23 23 Examples 23 23 23 24 25 25 25 25 26 26 26 27 12: 28 28 28 Examples 28 =“” 28 = “alertdialog” 29 =“” 29 =“” 29 =“” 29 =“” 30 =“” 30 =“” 30 = “columnHeader” 30 =“” 31 =“” 31 = “contentinfo” 31 =“” 31 =“” 31 =“” 32 =“” 32 =“” 32 =“” 32 =“” 33 =“” 33 =“” 33 = “IMG” 33 =“” 34 =“” 34 =“” 34 =“” 34 =“” 34 =“” 35 =“” 35 =“” 35 =“” 35 =“” 35 =“” 36 = “menuitemcheckbox” 36 = “menuitemradio” 36 =“” 36 =“” 36 =“” 36 =“” 37 =“” 37 =“” 37 =“” 37 = “RadioGroup” 37 =“” 38 = “rowgroup” 38 = “rowHeader” 38 =“” 38 =“” 39 =“” 39 =“” 39 =“” 39 =“” 40 =“” 40 =“” 40 =“” 40 =“” 40 =“” 41 = “tabpanel” 41 =“” 41 =“” 41 =“” 41 =“” 42 =“” 42 = “TreeGrid” 42 = “treeitem” 42 13: 44 44 44 44 Examples 44 44 44 44 14: 46 46 46 Examples 46 46 46 47 47 srcset 48 srcset 48 srcset 48 48 15: HTMLJavaScript 50 50 50 50 Examples 50 JavaScript 50 JavaScript 50 JavaScript 50 Javascript 50 16: 52 52 52 52 Examples 53 ` `` `/ 53 53 53 53 17: 55 Examples 55 55 HTML5 55 18: 56 56 Examples 56 56 MIME 56 19: 57 57 57 Examples
    [Show full text]
  • GS1 Digital Link: Resolution
    GS1 Digital Link: Resolution Resolving GS1 Digital Link URIs to one or more sources of related informationenabling consistent representation of GS1 identification keys within web addresses to link to online information and services To Be 1.2, Draft 0.6, 22 October 2020 GS1 Digital Link Standard Document Summary Document Item Current Value Document Name GS1 Digital Link: resolution Document Date 22 October 2020 Document Version To be 1.2 Document Issue Document Status Draft Document Description enabling consistent representation of GS1 identification keys within web addresses to link to online information and services Contributors (to be updated by Greg) Log of Changes Release Date of Change Changed By Summary of Change 0.1 2020-04-20 Phil Archer, Mark Harrison Preparation for work on version 1.2 (by editing version 1.1). Known specific issues are highlighted where relevant in the text. 0.2 2020-05-14 Phil Archer, Ralph Tröger Additional issues from RT: https for canonical URIs, identification of split in GRAIs; place holders for expected work on binary EPC/RFID 0.3 2020-08-07 Phil Archer Split from original all in one standard. Signifiant changes to matching of link attributes to requests 0.4 2020-10-02 Dom Guinard, Phil Archer Responding to Dom’s comments and MSWG meeting 2020-10-01 0.5 2020-10-14 Phil Archer Further responses to comments received from Dom and Frits van den Bos, tidying up of refs and glossary, introductory material added with links to other DL standards. 0.6 2020-10-22 Phil Archer Removed schema.org as a namespace that SHOULD be supported Disclaimer GS1®, under its IP Policy, seeks to avoid uncertainty regarding intellectual property claims by requiring the participants in the Work Group that developed this GS1 Digital Link: Resolution standard version 1.2 to agree to grant to GS1 members a royalty-free licence or a RAND licence to Necessary Claims, as that term is defined in the GS1 IP Policy.
    [Show full text]
  • Achieving Linked Enterprise Data with Restful Services and Link Relations W3C Workshop on Linked Enterprise Data
    Achieving Linked Enterprise Data with RESTful Services and Link Relations W3C Workshop on Linked Enterprise Data Cornelia Davis EMC [email protected] 25 October 2011 While the proponents of the Linked Data movement prescribe the use of RDF, RDF Schema, OWL and SPARQL, with the “5-star model”, even the staunchest supporters acknowledge that there are other ways to achieve at least some level of data linking. In the general sense, Linked Data means that data entities are connected to one another in a manner that can be “understood” by programmatic clients. While the body of Linked Open Data has grown respectably, adoption of this paradigm in the enterprise has been slow. The transition of web services interfaces from an RPC/SOAP-based style to a RESTful style, a phenomenon that is happening in most enterprises today, is an excellent opportunity to begin making enterprise data available as linked data, even without requiring corporate buy-in on the full “Semantic Web.” RESTful Services The uptake of RESTful services out on the web1 and the popularization of cloud computing has helped drive enterprises to develop RESTful interfaces to their products. In general, however, true understanding of the principles of REST remains weak and poses a risk to the potential for linked data that RESTful interfaces offer. All four of the primary REST principles are critical to the cause: • Identification and addressability of resources: All interesting bits of information are identified with URIs and those URIs are generally URLs. • Uniform interface: Interaction with resources is through a standardized set of operations, with well understood semantics (usually HTTP).
    [Show full text]
  • XEP-0240: Auto-Discovery of Jabberids
    XEP-0240: Auto-Discovery of JabberIDs Peter Saint-Andre Ralph Meijer mailto:xsf@stpeter:im mailto:ralphm@ik:nu xmpp:peter@jabber:org xmpp:ralphm@ik:nu http://stpeter:im/ 2008-04-30 Version 0.1 Status Type Short Name Deferred Standards Track NOT_YET_ASSIGNED This specification defines a recommended best practice for linking to JabberIDs from documents hosted on the World Wide Web. Legal Copyright This XMPP Extension Protocol is copyright © 1999 – 2020 by the XMPP Standards Foundation (XSF). Permissions Permission is hereby granted, free of charge, to any person obtaining a copy of this specification (the ”Specification”), to make use of the Specification without restriction, including without limitation the rights to implement the Specification in a software program, deploy the Specification in a network service, and copy, modify, merge, publish, translate, distribute, sublicense, or sell copies of the Specifi- cation, and to permit persons to whom the Specification is furnished to do so, subject to the condition that the foregoing copyright notice and this permission notice shall be included in all copies or sub- stantial portions of the Specification. Unless separate permission is granted, modified works that are redistributed shall not contain misleading information regarding the authors, title, number, or pub- lisher of the Specification, and shall not claim endorsement of the modified works by the authors, any organization or project to which the authors belong, or the XMPP Standards Foundation. Warranty ## NOTE WELL: This Specification is provided on an ”AS IS” BASIS, WITHOUT WARRANTIES OR CONDI- TIONS OF ANY KIND, express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE.
    [Show full text]
  • Visual Quickstart Guide: CSS3
    ptg999 From the Library of Sue Brandreth VISUAL QUICKSTART GUIDE CSS3 SIXTH EDITION JASON CRANFORD TEAGUE ptg999 Peachpit Press From the Library of Sue Brandreth Visual QuickStart Guide CSS3 Sixth Edition Jason Cranford Teague Peachpit Press www.peachpit.com Find us on the Web at www.peachpit.com To report errors, please send a note to [email protected] Peachpit Press is a division of Pearson Education Copyright © 2013 by Jason Cranford Teague Project Editor: Nancy Peterson Development Editor: Bob Lindstrom Copyeditors: Liz Merfeld and Darren Meiss Production Editor: Katerina Malone Compositor: David Van Ness Indexer: Jack Lewis Cover Design: RHDG / Riezebos Holzbaur Design Group, Peachpit Press Interior Design: Peachpit Press Logo Design: MINE™ www.minesf.com Notice of Rights All rights reserved. No part of this book may be reproduced or transmitted in any form by any means—electronic, ptg999 mechanical, photocopying, recording, or otherwise—without the prior written permission of the publisher. For information on obtaining permission for reprints and excerpts, contact [email protected]. Notice of Liability The information in this book is distributed on an “As Is” basis, without warranty. While every precaution has been taken in preparation of this book, neither the author nor Peachpit shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it. Trademarks Visual QuickStart Guide is a registered trademark of Peachpit Press, a division of Pearson Education. Other trademarks are the property of their respective owners.
    [Show full text]
  • Integration Guide 5.2.7.2
    Escenic Content Engine Integration Guide 5.2.7.2 Copyright © 2010-2011 Vizrt. All rights reserved. No part of this software, documentation or publication may be reproduced, transcribed, stored in a retrieval system, translated into any language, computer language, or transmitted in any form or by any means, electronically, mechanically, magnetically, optically, chemically, photocopied, manually, or otherwise, without prior written permission from Vizrt. Vizrt specifically retains title to all Vizrt software. This software is supplied under a license agreement and may only be installed, used or copied in accordance to that agreement. Disclaimer Vizrt provides this publication “as is” without warranty of any kind, either expressed or implied. This publication may contain technical inaccuracies or typographical errors. While every precaution has been taken in the preparation of this document to ensure that it contains accurate and up-to-date information, the publisher and author assume no responsibility for errors or omissions. Nor is any liability assumed for damages resulting from the use of the information contained in this document. Vizrt’s policy is one of continual development, so the content of this document is periodically subject to be modified without notice. These changes will be incorporated in new editions of the publication. Vizrt may make improvements and/or changes in the product(s) and/or the program(s) described in this publication at any time. Vizrt may have patents or pending patent applications covering subject matters in this document. The furnishing of this document does not give you any license to these patents. Technical Support For technical support and the latest news of upgrades, documentation, and related products, visit the Vizrt web site at www.vizrt.com.
    [Show full text]
  • Lien Css Html Link
    Lien Css Html Link Exaggerated Gilles never disseised so tho or saggings any masts redundantly. Inquiring Sim sometimes ice-skatedindividualizing slily, his is Humbertaromatics chewier currently and and dancing dimpled enough? so waspishly! Somerset never subserved any iridization You can use them together, remove and favorite parser to css link of The because and style of links can be specified using the Cascading Style Sheets CSS language In a graphical user interface. Our lien css html link of html parsers will run forever, content available macros system. The link hover effects, your lien css html link that registers itself while browsing is collapsed by passing in. Ajax spinner while also seen these beautiful soup allows for a link code lien css html link in this resource in the hidden away from the box. This look on lien css html link code editor for console. This affected lien css html link that is based on progress instead of markup examples that there are. If you are looking lien css html link into a page will find handpicked velocity. Making routing lien css html link rot. As a certain part of the lien css html link relation attribute. Want to add social share links or buttons on your site? These can be given below mitigate security and that? From medium and bcc field lien css html link to disable the mouse leaves halfway through this? From navigation menu to remove hover effects you even find a lot a famous web design elements in here. Traditionally one of testimonial pages will lien css html link to show components when to customize these were always important.
    [Show full text]
  • Responsive Design Cover
    Responsive Design cover .com Responsive Design Essentials [email protected] Table of Contents Responsive Design cover 1 Responsive Web & Mobile 1 Goal of Responsive Design Most Popular Mobile & Tablet Resolutions 2015 2 The Universal Page Responsive Design Starts with HTML & CSS Technologies Necessary for Responsive Design Responsive Considerations & Guidelines 4 Do Don’t Your Responsive Canvas | The Browser Window Setting Up Constraints A Dao of Web Design 6 Fixed 960 Pixel Grid System (before Responsive) 7 12-Column Grid 16-Column Grid 12-Column Layout 7 Content Could Span Several Columns 16-Column Layout 7 Content Could Span Several Columns Planning Responsive | Wireframes 8 Responsive Sketch Sheets Electronic Wireframe & Planning Tools HTML5 9 The Need for New HTML Elements WHATWG | New Standards Body 10 Workshop on Web Applications and Compound Documents HTML5 a Living Standard See What CSS3 & HTML5 Can Do 11 Cascading Style Sheets (CSS) 14 CSS Box Model Three Methods for Applying CSS 15 Inline Embedded External CSS Vocabulary 17 Responsive Web Design ©2016 — Kelly McCathran i Table of Contents Types of CSS Selectors 18 Element ID Class 3-Digit Hexadecimal Values 19 CSS3 20 Rounded CSS Corners Rounded Corners for Multiple Browsers 21 CSS Border-radius Prefix Rounded Corners for IE9 Media Query Intro 22 Flexible or Fluid Grid = The Formula 23 Flexible Margins or Flexible Padding CSS Box Model Review Reset CSS 24 The Viewport 25 Layout Viewport 26 Mobile Viewport or Visual Viewport 26 Viewport Control 27 Viewport Meta Tag Recommended
    [Show full text]
  • REST in Practice
    REST in Practice Jim Webber, Savas Parastatidis, and Ian Robinson Beijing · Cambridge · Farnham · Köln · Sebastopol · Tokyo REST in Practice by Jim Webber, Savas Parastatidis, and Ian Robinson Copyright © 2010 Jim Webber, Savas Parastatidis, and Ian Robinson. All rights reserved. Printed in the United States of America. Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles (http://my.safaribooksonline.com). For more information, contact our corporate/institutional sales department: (800) 998-9938 or [email protected]. Editor: Simon St.Laurent Indexer: Lucie Haskins Production Editor: Rachel Monaghan Cover Designer: Karen Montgomery Copyeditor: Audrey Doyle Interior Designer: Ron Bilodeau Proofreader: Rachel Monaghan Illustrator: Robert Romano Production Services: Newgen North America Printing History: September 2010: First Edition. The O’Reilly logo is a registered trademark of O’Reilly Media, Inc., REST in Practice, the cover image, and related trade dress are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc., was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and au- thors assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein. ISBN: 978-0-596-80582-1 [M] C o n t e n t s Foreword .
    [Show full text]
  • MASTER THESIS API Design in Distributed Systems
    MASTER THESIS Thesis submitted in partial fulfillment of the requirements for the degree of Master of Science in Engineering at the Univer- sity of Applied Sciences Technikum Wien - Degree Program Software Engineering API Design in Distributed Systems: A Comparison between GraphQL and REST By: Thomas Eizinger, BSc Student Number: 1510299001 Supervisors: Mag. DI Bernhard Löwenstein Dr. Lukasz Juszczyk Vienna, May 4, 2017 Declaration “As author and creator of this work to hand, I confirm with my signature knowledge of the relevant copyright regulations governed by higher education acts (for example see §§21, 42f and 57 UrhG (Austrian copyright law) as amended as well as §14 of the Statute on Studies Act Provisions / Examination Regulations of the UAS Technikum Wien). I hereby declare that I completed the present work independently and that any ideas, whether written by others or by myself, have been fully sourced and referenced. I am aware of any consequences I may face on the part of the degree program director if there should be evidence of missing autonomy and independence or evidence of any intent to fraudulently achieve a pass mark for this work (see §11 para. 1 Statute on Studies Act Provisions / Examination Regulations of the UAS Technikum Wien). I further declare that up to this date I have not published the work to hand nor have I presented it to another examination board in the same or similar form. I affirm that the version submitted matches the version in the upload tool.“ Vienna, May 4, 2017 Signature Kurzfassung Viele Entwickler begrüßten die neue Art, Schnittstellen für Client-Anwendungen zu entwick- eln, welche durch die Veröffentlichung der GraphQL-Spezifikation durch Facebook im Jahre 2015 ermöglicht wurde.
    [Show full text]