The Modern Web
Multi-Device Web Development with HTML5, CSS3, and JavaScript
Publisher: No Starch Press
Final Release Date: April 2013
Pages: 264

A Guide to Modern Web Development

Today's web technologies are evolving at near-light speed, bringing the promise of a seamless Internet ever closer to reality. When users can browse the Web on a three-inch phone screen as easily as on a fifty-inch HDTV, what's a developer to do?

Peter Gasston's The Modern Web will guide you through the latest and most important tools of device-agnostic web development, including HTML5, CSS3, and JavaScript. His plain-English explanations and practical examples emphasize the techniques, principles, and practices that you'll need to easily transcend individual browser quirks and stay relevant as these technologies are updated.

Learn how to:

  • Plan your content so that it displays fluidly across multiple devices
  • Design websites to interact with devices using the most up-to-date APIs, including Geolocation, Orientation, and Web Storage
  • Incorporate cross-platform audio and video without using troublesome plug-ins
  • Make images and graphics scalable on high-resolution devices with SVG
  • Use powerful HTML5 elements to design better forms

Turn outdated websites into flexible, user-friendly ones that take full advantage of the unique capabilities of any device or browser. With the help of The Modern Web, you'll be ready to navigate the front lines of device-independent development.

Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyThe Modern Web
 
4.9

(based on 8 reviews)

Ratings Distribution

  • 5 Stars

     

    (7)

  • 4 Stars

     

    (1)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

100%

of respondents would recommend this to a friend.

Pros

  • Easy to understand (8)
  • Helpful examples (7)
  • Well-written (7)
  • Accurate (6)
  • Concise (4)

Cons

    Best Uses

    • Intermediate (8)
    • Student (3)
      • Reviewer Profile:
      • Developer (7), Designer (3)

    Reviewed by 8 customers

    Sort by

    Displaying reviews 1-8

    Back to top

    (2 of 2 customers found this review helpful)

     
    5.0

    The handbook on working with new tech!

    By Daniel Furze

    from Stafford, UK.

    About Me Designer, Developer

    Verified Reviewer

    Pros

    • Easy to understand
    • Good Resources
    • Helpful examples
    • Knowledgable
    • Well-written

    Cons

      Best Uses

      • Intermediate
      • Novice
      • Student

      Comments about oreilly The Modern Web:

      I'd wanted a copy of this book since very shortly after seeing Peter Gasston give a great talk on 'The CSS of Tomorrow' at Canvas Conf in 2012, but just not had chance to delve into it fully until the middle of this year. I'm glad I did!

      Peter writes so well, with just the right amount of humour injected into his thorough knowledge and is pretty exhaustive in taking you on a journey into the newer parts of the HTML & CSS specs. I found that the book was also broken into the right sized chunks, allowing the reader to pick it up at their leisure and complete each chapter with time to have a go at implementing the newly learned techniques in between reading - using the source files that come downloadable with the eBook.

      Throughout 'The Modern Web' the author advises you on how to create a website or web app from the ground up, considering everything you'd ever need to in order to get going on a modern, progressively enhanced project for your modern web users.

      I'd recommend this to both novice and experienced developers wanting to get a heads up on the latest and future technologies to be implemented into web standards.

      (4 of 4 customers found this review helpful)

       
      5.0

      Great Book for Web Programmers

      By The Professional Heretic

      from Kansas City, MO

      About Me Developer

      Verified Reviewer

      Pros

      • Accurate
      • Concise
      • Easy to understand
      • Helpful examples
      • Well-written

      Cons

        Best Uses

        • Expert
        • Intermediate

        Comments about oreilly The Modern Web:

        As usual, the disclaimer is that I received a copy of the book for free in return for the review. Having said that, after I started reading this book, I realized if I hadn't received it as a review copy, I would still want to go out and buy it. This was one of the best books I've read at introducing many of the new options available in web construction, from HTML5, through CSS3, all the way to Javascript and APIs and how to use the basics. The companion website, The Modern Web, is kept up to date by the author to cover any changes and updates to the base material, as this topic always seems to be changing.

        Mr. Gasston has a dry wit, which really is engaging and fun to read. He's also well versed on the subject and has a wonderful additional reading section at the end of each chapter which links you to not only his source materials, but to materials designed to push you further down the pathway to better programming. The book is aimed to the intermediate level developer who, like me, write good solid web pages, but knows there are a lot of things I can do to both help myself and improve my work as I go along. My favourite section had to be Chapter 3 with the device responsive CSS ideas. This really gave me a lot of ideas as to what to do with a portfolio site I work on. I also was very interested in the information about device APIs from Chapter 6.

        My only criticism was in the forms section, Chapter 8, where he speaks about form input types like tel and discusses that they can be pretty much anything. While that is true to the surface, I know, and I hope many other developers know, to use the pattern attribute to ensure the proper format for the country at hand. Combined with some Javascript, this makes a great filter for ensuring the phone number matches the expected format (especially if inserted into a database somewhere.). While he mentioned the pattern attribute much later, it felt like an aside more than anything else.

        That criticism aside, I heartily recommend this book and following up with it on the website he's created for it. It will make your web work stronger!

        (1 of 3 customers found this review helpful)

         
        4.0

        Revelations of an agency web developer

        By ChrisAllenNow

        from Netherlands, Europe

        About Me Designer, Developer, Educator

        Verified Reviewer

        Pros

        • Accurate
        • Concise
        • Easy to understand
        • Helpful examples
        • Well-written

        Cons

          Best Uses

          • Intermediate

          Comments about oreilly The Modern Web:

          I read The Modern Web, by Peter Gasston, from O'Reilly publishers in exchange for a public review.

          I was quite surprised to find the author describes the Modern Web from his perspective as a front-end web designer with only passing familiarity with server-side or any other aspects of the web. In other words, the view from the coal-face or interface between creative design agency and content deliverer.



          The book is a revelation of the jobbing skills of the agency web developer!

          Some really useful sections. A brilliant read for following avenues of links. A great single point of reference for current practice in html, css and javascript coding.

          (1 of 2 customers found this review helpful)

           
          5.0

          Good overview

          By Przemysław

          from Kraków

          About Me Developer

          Verified Reviewer

          Pros

          • Accurate
          • Easy to understand
          • Helpful examples

          Cons

            Best Uses

            • Intermediate
            • Student

            Comments about oreilly The Modern Web:

            Web is changing: new technologies, frameworks but also new devices for browsing Internet.

            The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript is interesting book — informative but often author barely scratches the surface. In Introduction author describe multi-device world — Internet of things. Consecutive chapters are devoted to technologies mentioned in subtitle: HTML5 (structure, semantic markup, microformats, microdata), CSS (media queries, RWD, viewport-relative units, new layouts: Flexbox, Grid Layout, Multi-columns), JavaScript (async, defer, selectors, device APIs). From my perspective last two chapters describing Web Apps & the future of web are especially interesting — e.g. Web Components bring some concepts from programming craft: decorators, templates, mixins.

            (3 of 3 customers found this review helpful)

             
            5.0

            Very good read and reference for UI devs

            By Michiel van Otegem

            from Amsterdam, The Netherlands

            About Me Software architect

            Verified Reviewer

            Pros

            • Accurate
            • Easy to understand
            • Helpful examples
            • Well-written

            Cons

              Best Uses

              • Intermediate

              Comments about oreilly The Modern Web:

              After reading this book I am glad I am not a user interface developer. Over the years HTML has evolved into an entirely different beast from 5-10 years ago. That said, the book is excellent at explaining all the options you have in HTML5, CSS, and Javascript to create good looking, responsive, and adaptive web applications. Peter Gasston managed to make the book easy to read through the writing style and simple examples that effectively demonstrate what a feature is about and how it works. Despite the simplicity, the samples are very detailed.

              Besides meticulous explanation of what a feature does and how it works, Peter Gasston also discusses the material at a higher level, giving you insight into why and when you would want to use certain features, and when there are multiple options which one to go for in your particular situation.

              One thing I particularly like is the appendix at the end of every chapter pointing you to more reading material related to the chapter's content. The book in itself is already very useful as a reference, but this makes it even more useful. Even though it works very well as a reference, I recommend reading it from cover-to-cover to get a good understanding of the possibilties. You can do that at high speed, and then later use parts as needed.

              (5 of 5 customers found this review helpful)

               
              5.0

              Excellant Mid-Level Overview

              By Steve

              from Boulder, CO

              About Me Developer

              Verified Reviewer

              Pros

              • Concise
              • Easy to understand
              • Well-written

              Cons

                Best Uses

                • Intermediate

                Comments about oreilly The Modern Web:

                As the pace of change in the Web domain keeps accelerating, working Web developers, all of us but especially freelancers, struggle with finding the time to: 1) work; and 2) not get too far behind the technology curve.
                This book was written to help with that struggle:

                "[T]his book is a snapshot of current, new, and near-future features in HTML, CSS, JavaScript, and related technologies, with a bias toward those that are best for building sites in the multi-device world."

                The book begins by describing stuff that's in a fairly advanced state of deployment, for example, elements introduced in HTML5 and WAI-ARIA properties, then moves through the spectrum to things not quite loose in the wild yet, like Web Components and CSS Variables. The author assumes some proficiency with Web technologies, sparing the busy reader long introductory explanations.

                You will get a lot out of this book — in fact, I think you will get the most out of it — by first reading it through without concerning yourself too much with the plentiful code samples and implementation details. You're unlikely to encounter a more articulate and engaging mid-level overview of the future of the Web platform anywhere, and the opportunity to gain a sense of how it all meshes by a quick read-through should be seized. You can re-read what is most timely for your current project, and then follow the links to further reading for more detailed and up-to-date information.

                There is a good bibliography and suggestions for further reading appended to each chapter, and the references are gathered together again near the end of the book.

                I found a lot in this book that I knew about, and more that I had never heard of, and came away with some confidence that I know where the technology is heading. I highly recommend this book for working Web developers.

                My book was provided through O'Reilly's blogger review program.

                (2 of 2 customers found this review helpful)

                 
                5.0

                Contains great advice (and apes)

                By Mike Ridyard

                from Carlisle, UK

                About Me Designer, Developer

                Pros

                • Accurate
                • Easy to understand
                • Helpful examples
                • Well-written

                Cons

                  Best Uses

                  • Intermediate
                  • Reference
                  • Student

                  Comments about oreilly The Modern Web:

                  When you're looking for information on the Internet about the Internet, how it's made and how everything fits together it can be quickly overwhelming. For a start, there's often conflicting information, stuff that relies on other stuff and lots of assumed prior knowledge.

                  In The Modern Web, Peter Gasston stands above the pack like a giant Silverback giving quality advice and guidance in easy to follow chunks. Yes, there's always at least two ways to do most things, but which is best? Peter explains, using apish examples, pros and cons of each method and gives lots of relevant further reading at the end of each section.

                  Less of a programmers' guide, more of a reference library covering HTML5, CSS, Javascript, mobile devices, adaptive and responsive design, multimedia, forms and web applications.

                  Disclaimer: I received this book through the O'Reilly Blogger Review Program.

                  (10 of 10 customers found this review helpful)

                   
                  5.0

                  The Wild, Wild Web

                  By Gregory Zentkovich

                  from Honolulu, HI.

                  About Me Developer

                  Verified Reviewer

                  Pros

                  • Accurate
                  • Concise
                  • Easy to understand
                  • Helpful examples
                  • Well-written

                  Cons

                    Best Uses

                    • Expert
                    • Intermediate

                    Comments about oreilly The Modern Web:

                    I must say I thoroughly enjoyed Peter Gasston's latest book "The Modern Web, Multi-Device Web Development with HTML5, CSS3, and Javascript". Without a doubt it has exceeded my expectations. After reading his other book "The Book of CSS3", I was counting on this one to be at least, in the same style and manner as his previous. My primary hope for this book on seeing it's title was that it would bring me current with the technologies that would enable me to effectively develop for the wide range of unstandardized devices we are seeing today. Now a days, I find it very tough, with my current work load, to keep track of all the best practices, important changes and emerging technologies as they happen. I just do not have to time to sift through all the blogs and reference materials, along with determining which is the "good stuff" and which is not. I consider Peter's writings to be thorough and an authority I can trust. I wanted information relevant to developing for our internet's current state -- something to bring me up to speed with all the important technologies I should be concerned with, quick detailed primers on how it applies, and most importantly, where to find more information on them if I am interested. That's what I needed right now and this book delivered.

                    Displaying reviews 1-8

                    Back to top

                     
                    Buy 2 Get 1 Free Free Shipping Guarantee
                    Buying Options
                    Immediate Access - Go Digital what's this?
                    Ebook: $27.95
                    Formats:  ePub, Mobi, PDF
                    Print & Ebook: $38.45
                    Print: $34.95