The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript

By Peter Gasston

A consultant to trendy internet Development

Today's internet applied sciences are evolving at near-light velocity, bringing the promise of a unbroken web ever towards truth. while clients can browse the net on a three-inch telephone monitor as simply as on a fifty-inch HDTV, what is a developer to do?

Peter Gasston's The glossy Web will advisor you thru the most recent and most vital instruments of device-agnostic net improvement, together with HTML5, CSS3, and JavaScript. His plain-English causes and functional examples emphasize the suggestions, rules, and practices that you will have to simply go beyond person browser quirks and remain suitable as those applied sciences are updated.

Learn how to:

  • Plan your content material in order that it monitors fluidly throughout a number of devices
  • Design web content to engage with units utilizing the main updated APIs, together with Geolocation, Orientation, and internet Storage
  • Incorporate cross-platform audio and video with out utilizing problematical plug-ins
  • Make photos and pictures scalable on high-resolution units with SVG
  • Use strong HTML5 components to layout larger forms

Turn superseded web content into versatile, straightforward ones that take complete good thing about the original features of any equipment or browser. With the aid of The glossy Web, you will be able to navigate front traces of device-independent development.

Show description

Quick preview of The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript PDF

Similar Design books

The Visual Miscellaneum: A Colorful Guide to the World's Most Consequential Trivia

The visible Miscellaneum is a distinct, groundbreaking examine the trendy info age, assisting readers make experience of the numerous data and random evidence that always bombard us. utilizing innovative graphs, charts, and illustrations, David McCandless creatively visualizes the world’s unbelievable relationships and compelling info, overlaying every little thing from the main pleasant responsible pleasures to how lengthy it takes diverse condiments to smash to global maps of net seek phrases.

Architectural Models: Construction Techniques

Make your subsequent presentation a winner--it's effortless with this 4 step consultant! Your shows develop into extra persuasive in the event you depend upon this uniquely thorough consultant to construction hugely expert versions. Knoll's Architectural versions covers each step of this make-or-break procedure. FIRST you are going to achieve perception into the numerous kinds of types, together with construction, website, panorama, backyard, and distinct versions.

Problem Solving and Program Design in C (7th Edition)

Challenge fixing and application layout in C is among the best-selling introductory programming textbooks utilizing the c language. It embraces a balanced method of software development and an creation to ANSI C. The booklet presents a gentle advent to guidelines and covers programming with capabilities early in the text.

The Design Way: Intentional Change in an Unpredictable World (2nd Edition)

People didn't become aware of fire--they designed it. layout isn't outlined via software program courses, blueprints, or font selection. once we create new things--technologies, enterprises, approaches, platforms, environments, methods of thinking--we have interaction in layout. With this expansive view of layout as their premise, within the layout manner Harold Nelson and Erik Stolterman make the case for layout as its personal tradition of inquiry and motion.

Extra resources for The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript

Show sample text content

W3. org/TR/xhtml-rdfa-primer/. the simplest source for studying approximately microdata comes from the HTML5 medical professional back: http://html5doctor. com/microdata/. If you’re feeling masochistic and like to learn the spec intimately, you’ll locate it at http://www. w3. org/TR/microdata/. you will get additional information on Schema. org at—wait for it! —http://schema. org/, and Google’s documentation of wealthy snippets is at http://support. google. com/webmasters/bin/answer. py? hl=en&answer=99170. You’ll locate the checking out instrument at http://www. google. com/webmasters/tools/richsnippets/. John Resig wrote a concise advent to information attributes on his weblog, http://ejohn. org/blog/html-5-data-attributes/, and the data() strategy is totally documented at the jQuery site at http://api. jquery. com/data/. bankruptcy three: Device-Responsive CSS First port of demand studying extra approximately media queries might be Zoe Mickley Gillenwater’s put up “Essential concerns for Crafting caliber Media Queries”: http://zomigi. com/blog/essential-considerations-for-crafting-quality-media-queries/. The authority on cellular units is PPK, and that allows you to discover extra approximately actual and digital pixels, I recommend you begin along with his article “A Pixel isn't a Pixel isn't really a Pixel”: http://www. quirksmode. org/blog/archives/2010/04/a_pixel_is_not. html. Wikipedia has a listing of universal gadget resolutions and pixel density: http://en. wikipedia. org/wiki/List_of_displays_by_pixel_density. Patrick Lauke wrote an editorial approximately user-controlled DPR, “devicePixelRatio in Opera Mobile”: http://my. opera. com/ODIN/blog/2012/07/05/devicepixelratio-in-opera-mobile. Matt Wilcox’s article “The Responsive layout method” has a superb thesaurus of key words in addition to lots of functional recommendation at the layout aspect: http://mattwilcox. net/archive/entry/id/1078/. learn extra in regards to the means that diversified browsers around decimal areas in John Albin Wilkins’s submit “Responsive Design’s soiled Little Secret”: http://www. palantir. net/blog/responsive-design-s-dirty-little-secret/. Paul Irish’s weblog submit “box-sizing: border-box FTW” units out his purposes for making use of this estate globally: http://paulirish. com/2012/box-sizing-border-box-ftw/. Luke Wroblewski’s publication cellular First is released by way of A e-book aside: http://www. abookapart. com/products/mobile-first/. to benefit extra approximately content material breakpoints, learn a couple of articles from Australian website design studio Jordesign (http://www. jordesign. com/blog/responsive-breakpoints-from-the-content-out/) and developer Thierry Koblentz (http://coding. smashingmagazine. com/2012/03/22/device-agnostic-approach-to-responsive-web-design/). The background of the present favourite responsive photographs suggestion, and most up-to-date information at the country of its adoption, are available at the site of the Responsive photographs neighborhood staff: http://www. w3. org/community/respimg/. locate Matt Wilcox’s Adaptive photographs instrument at http://adaptive-images. com/. bankruptcy four: New techniques to CSS Layouts The ever-dependable MozDev has a very transparent creation to a number of columns, “Using CSS multi-column layouts,” at https://developer.

Download PDF sample

Rated 4.43 of 5 – based on 6 votes