Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, Edition 2

New Riders
1
Free sample

Building an elegant, functional website requires more than just knowing how to code. In Adaptive Web Design, Second Edition, you’ll learn how to use progressive enhancement to build websites that work anywhere, won’t break, are accessible by anyone—on any device—and are designed to work well into the future.


This new edition of Adaptive Web Design frames even more of the web design process in the lens of progressive enhancement. You will learn how content strategy, UX, HTML, CSS, responsive web design, JavaScript, server-side programming, and performance optimization all come together in the service of users on whatever device they happen to use to access the web.


Understanding progressive enhancement will make you a better web professional, whether you’re a content strategist, information architect, UX designer, visual designer, front-end developer, back-end developer, or project manager. It will enable you to visualize experience as a continuum and craft interfaces that are capable of reaching more users while simultaneously costing less money to develop. When you’ve mastered the tenets and concepts of this book, you will see the web in a whole new way and gain web design superpowers that will make you invaluable to your employer, clients, and the web as a whole. Visit http://adaptivewebdesign.info to learn more.


Read more
Collapse

About the author

Aaron Gustafson has been working on the web for nearly 15 years and, in that time, has cultivated a love of web standards and an in-depth knowledge of website strategy and architecture, interface design, and numerous languages (including XHTML, CSS, JavaScript, and PHP). He is group manager of the Web Standards Project (WaSP) and serves as an Invited Expert to the World Wide Web Consortium's Open Web Education Alliance (OWEA). Gustafson lives and works in Chattanooga, TN.
Read more
Collapse
4.0
1 total
Loading...

Additional Information

Publisher
New Riders
Read more
Collapse
Published on
Nov 21, 2015
Read more
Collapse
Pages
99998
Read more
Collapse
ISBN
9780134216201
Read more
Collapse
Read more
Collapse
Read more
Collapse
Language
English
Read more
Collapse
Genres
Computers / Web / Design
Read more
Collapse
Content Protection
This content is DRM protected.
Read more
Collapse
Eligible for Family Library

Reading information

Smartphones and Tablets

Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.

Laptops and Computers

You can read books purchased on Google Play using your computer's web browser.

eReaders and other devices

To read on e-ink devices like the Sony eReader or Barnes & Noble Nook, you'll need to download a file and transfer it to your device. Please follow the detailed Help center instructions to transfer the files to supported eReaders.
With the limitations that the <img> tag brings along, images have long been a major obstacle when wanting to create truly responsible, fast, responsive websites. Luckily, the upcoming <picture> element and srcset/sizes are about to finally change this. However, even in the meantime, while browser vendors are still busy implementing the new specification, you can already start to incorporate truly responsive images into your website. There are a number of smart solutions to close up the existing gaps: polyfills, fallbacks for legacy browsers, and clever approaches that were created on the fly due to missing alternatives. To help you review and understand different methods, we’ve compiled a selection of the different techniques in this eBook. It features practical advice on every implementation, as well as tips on tackling the art direction and resolution-switching use cases that a growing device landscape has brought along. As you will notice, there is no reason to wait anymore; you can already cater for responsive images today!


TABLE OF CONTENTS:

- Picturefill 2.0: Responsive Images And The Perfect Polyfill

- Responsive Images Done Right: A Guide To <picture> And srcset

- Automate Your Responsive Images With Mobify.js

- One Solution To Responsive Images

- Addressing The Responsive Images Performance Problem: A Case Study

- Clown Car Technique: Solving Adaptive Images In Responsive Web Design

- Simple Responsive Images With CSS Background Images

- Responsive Images With WordPress’ Featured Images

- Responsive Image Container: A Way Forward For Responsive Images?

- Rethinking Responsive SVG

Whether you’re new to web writing, or you’re a professional writer looking to deepen your skills, this book is for you. You’ll learn how to write web copy that addresses your readers’ needs and supports your business goals.

Learn from real-world examples and interviews with people who put these ideas into action every day: Kristina Halvorson of Brain Traffic, Tiffani Jones Brown of Pinterest, Randy J. Hunt of Etsy, Gabrielle Blair of Design Mom, Mandy Brown of Editorially, Sarah Richards of GOV.UK, and more.
Topics include:

• Write marketing copy, interface flows, blog posts, legal policies, and emails
• Develop behind-the-scenes documents like mission statements, survey questions, and project briefs
• Find your voice and adapt your tone for the situation
• Build trust and foster relationships with readers
• Make a simple style guide

“Writing is a skill that will hugely benefit anyone’s career, and luckily, it’s a skill that anyone can learn. Nicely Said is a wonderful guide to writing clearly and concisely for the audience you’re trying to reach. Whether you’re a professional or just getting started, you’ll find a ton to steal from here.”
(—Austin Kleon, author of Steal Like An Artist and Show Your Work!

"Between them, Kate and Nicole have written for many of the web's most valuable and respected companies. Their commitment to clarity and kindness is the result of their experience, and it makes them extraordinary teachers."
- Erin Kissane, author of The Elements of Content Strategy
Progressive enhancement is an approach to web development that aims to deliver the best possible experience to the widest possible audience, and simplifies coding and testing as well. Whether users are viewing your sites on an iPhone, the latest and greatest high-end system, or even hearing them on a screen-reader, their experience should be easy to understand and use, and as fully-featured and functional as possible.

Designing with Progressive Enhancement will show you how. It’s both a practical guide to understanding the principles and benefits of progressive enhancement, and a detailed exploration of examples that will teach you—whether you’re a designer or a developer—how, where, and when to implement the specific coding and scripting approaches that embody progressive enhancement.

In this book, you’ll learn:
Why common coding approaches leave users behind, and how progressive enhancement is a more inclusive and accessible alternative How to analyze complex interface designs, see the underlying semantic HTML experience that will work everywhere, and layer on advanced enhancements safely A unique browser capabilities testing suite that helps deliver enhancements only to devices that can handle them Real-world best practices for coding HTML, CSS, and JavaScript to work with progressive enhancement, and cases where forward-looking HTML5 and CSS3 techniques can be applied effectively today How to factor in accessibility features like WAI-ARIA and keyboard support to ensure universal access Detailed techniques to transform semantic HTML into interactive components like sliders, tabs, tree controls, and charts, along with downloadable jQuery-based widgets to apply directly in your projects
Most programming languages contain good and bad parts, but JavaScript has more than its share of the bad, having been developed and released in a hurry before it could be refined. This authoritative book scrapes away these bad features to reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole—a subset you can use to create truly extensible and efficient code.

Considered the JavaScript expert by many people in the development community, author Douglas Crockford identifies the abundance of good ideas that make JavaScript an outstanding object-oriented programming language-ideas such as functions, loose typing, dynamic objects, and an expressive object literal notation. Unfortunately, these good ideas are mixed in with bad and downright awful ideas, like a programming model based on global variables.

When Java applets failed, JavaScript became the language of the Web by default, making its popularity almost completely independent of its qualities as a programming language. In JavaScript: The Good Parts, Crockford finally digs through the steaming pile of good intentions and blunders to give you a detailed look at all the genuinely elegant parts of JavaScript, including:

SyntaxObjectsFunctionsInheritanceArraysRegular expressionsMethodsStyleBeautiful features

The real beauty? As you move ahead with the subset of JavaScript that this book presents, you'll also sidestep the need to unlearn all the bad parts. Of course, if you want to find out more about the bad parts and how to use them badly, simply consult any other JavaScript book.

With JavaScript: The Good Parts, you'll discover a beautiful, elegant, lightweight and highly expressive language that lets you create effective code, whether you're managing object libraries or just trying to get Ajax to run fast. If you develop sites or applications for the Web, this book is an absolute must.

©2019 GoogleSite Terms of ServicePrivacyDevelopersArtistsAbout Google|Location: United StatesLanguage: English (United States)
By purchasing this item, you are transacting with Google Payments and agreeing to the Google Payments Terms of Service and Privacy Notice.