HTML5 For Web Designers

I’ve just finished speaking at An Event Apart in Washington DC (well, technically it’s in Alexandria, Virginia but let’s not quibble over details).

I was talking about design principles, referencing a lot of the stuff that I’ve gathered together at principles.adactio.com. I lingered over the HTML design principles and illustrated them with examples from HTML5.

It’s been a year and a half now since HTML5 For Web Designers was released and I figured it was about time that it should be published in its natural format: HTML.

Ladies and gentlemen, I give you: HTML5forWebDesigners.com.

Needless to say, it’s all written in HTML5 making good use of some of the new semantic elements like section, nav and figure. It’s also using some offline storage in the shape of appcache. So if you visit the site with a browser that supports appcache, you’ll be able to browse it any time after that even if you don’t have an internet connection (and if you’re trying it on an iOS device, feel free to add it to your home screen so it’s always within easy reach).

You can read it on a desktop browser. You can read it in a mobile browser. You can read it in Lynx if you want. You can print it out. You can read it on the Kindle browser. You can read it on a tablet.

And if you like what you read and you decide you want to have a physical souvenir, you can buy the book and read it on paper.

HTML5 For Web Designers

Have you published a response to this? :

Responses

Aaron Gustafson

As you probably know, back in 2011 Easy Readers published my first solo book: Adaptive Web Design. It was an immediate hit and the response to continues to be tremendous even though it will turn four this coming May (which has to be like 80 in technology book years… many are outdated before they are even released).

Time and again, I return to @AaronGustafson’s “Adaptive Web Design”. Like a North Star for user-focused web design.

http://t.co/K1tbm6qAON— Mark Llobrera (@dirtystylus) November 7, 2014

I think one of the main reasons the book has remained relevant for so long is because at its core, Adaptive Web Design is a philosophy book. Sure, there are some code examples here and there, but they only serve to demonstrate how you can apply progressive enhancement in your work. The philosophy of progressive enhancement works and only continues to demonstrate its brilliance with each new Web-enabled screen that debuts in the ever-expanding global marketplace. In fact, I’ll go out on a limb and declare that progressive enhancement is probably even more relevant today than it was when I wrote Adaptive Web Design in 2010.

As such, I’ve been thinking a lot about an update. So much has happened since mid-2010 when I was writing the book. Heck, I didn’t even address Responsive Web Design and only touched a little on mobile. Then there are things like single-page apps & isomorphic JavaScript I’d love to discuss. Open Graph & Schema.org… new tweaks to the ARIA spec… picture, srcset & sizes… the shadow DOM… web components… the list goes on and on. Progressive enhancement can help you better understand the pros and cons of all of these new advances and help you employ them while simultaneously keeping your projects on time and on budget.

My hope is that the second edition of Adaptive Web Design will be out an in your hands by the end of 2015. But in the meantime, taking a page from Jeremy, I felt it was time to give away the first edition. You can now read Adaptive Web Design, in it’s entirety, from the comfort of your own browser… for free.

The HTML version of Adaptive Web Design is a nearly direct port of the XHTML I wrote for the hand-coded ePub. I made a few tweaks to make it a little more readable in the browser, but it’s all there including the videos. And yes, it makes use of progressive enhancement.

I hope you enjoy reading it as much as I enjoyed writing it and I look forward to getting you the revised and expanded second edition in the not to distant future.

PS – Easy Readers closed up shop at the end of 2014 and delivered the remaining paperback copies—of which there are only 50 or so—to me. If you missed out on getting a copy and would like to purchase one, drop me a line and I can sell you one. I’ll even sign it for you!

Aaron Gustafson

As you probably know, back in 2011 Easy Readers published my first solo book: Adaptive Web Design. It was an immediate hit and the response to continues to be tremendous even though it will turn four this coming May (which has to be like 80 in technology book years… many are outdated before they are even released).

Time and again, I return to @AaronGustafson’s “Adaptive Web Design”. Like a North Star for user-focused web design.

http://t.co/K1tbm6qAON— Mark Llobrera (@dirtystylus) November 7, 2014

I think one of the main reasons the book has remained relevant for so long is because at its core, Adaptive Web Design is a philosophy book. Sure, there are some code examples here and there, but they only serve to demonstrate how you can apply progressive enhancement in your work. The philosophy of progressive enhancement works and only continues to demonstrate its brilliance with each new Web-enabled screen that debuts in the ever-expanding global marketplace. In fact, I’ll go out on a limb and declare that progressive enhancement is probably even more relevant today than it was when I wrote Adaptive Web Design in 2010.

As such, I’ve been thinking a lot about an update. So much has happened since mid-2010 when I was writing the book. Heck, I didn’t even address Responsive Web Design and only touched a little on mobile. Then there are things like single-page apps & isomorphic JavaScript I’d love to discuss. Open Graph & Schema.org… new tweaks to the ARIA spec… picture, srcset & sizes… the shadow DOM… web components… the list goes on and on. Progressive enhancement can help you better understand the pros and cons of all of these new advances and help you employ them while simultaneously keeping your projects on time and on budget.

My hope is that the second edition of Adaptive Web Design will be out an in your hands by the end of 2015. But in the meantime, taking a page from Jeremy, I felt it was time to give away the first edition. You can now read Adaptive Web Design, in it’s entirety, from the comfort of your own browser… for free.

The HTML version of Adaptive Web Design is a nearly direct port of the XHTML I wrote for the hand-coded ePub. I made a few tweaks to make it a little more readable in the browser, but it’s all there including the videos. And yes, it makes use of progressive enhancement.

I hope you enjoy reading it as much as I enjoyed writing it and I look forward to getting you the revised and expanded second edition in the not to distant future.

PS – Easy Readers closed up shop at the end of 2014 and delivered the remaining paperback copies—of which there are only 50 or so—to me. If you missed out on getting a copy and would like to purchase one, drop me a line and I can sell you one. I’ll even sign it for you!

Aaron Gustafson

As you probably know, back in 2011 Easy Readers published my first solo book: Adaptive Web Design. It was an immediate hit and the response to continues to be tremendous even though it will turn four this coming May (which has to be like 80 in technology book years… many are outdated before they are even released).

Time and again, I return to @AaronGustafson’s “Adaptive Web Design”. Like a North Star for user-focused web design. http://t.co/K1tbm6qAON

— Mark Llobrera (@dirtystylus) November 7, 2014

I think one of the main reasons the book has remained relevant for so long is because at its core, Adaptive Web Design is a philosophy book. Sure, there are some code examples here and there, but they only serve to demonstrate how you can apply progressive enhancement in your work. The philosophy of progressive enhancement works and only continues to demonstrate its brilliance with each new Web-enabled screen that debuts in the ever-expanding global marketplace. In fact, I’ll go out on a limb and declare that progressive enhancement is probably even more relevant today than it was when I wrote Adaptive Web Design in 2010.

As such, I’ve been thinking a lot about an update. So much has happened since mid-2010 when I was writing the book. Heck, I didn’t even address Responsive Web Design and only touched a little on mobile. Then there are things like single-page apps & isomorphic JavaScript I’d love to discuss. Open Graph & Schema.org… new tweaks to the ARIA spec… picture, srcset & sizes… the shadow DOM… web components… the list goes on and on. Progressive enhancement can help you better understand the pros and cons of all of these new advances and help you employ them while simultaneously keeping your projects on time and on budget.

My hope is that the second edition of Adaptive Web Design will be out an in your hands by the end of 2015. But in the meantime, taking a page from Jeremy, I felt it was time to give away the first edition. You can now read Adaptive Web Design, in it’s entirety, from the comfort of your own browser… for free.

The HTML version of Adaptive Web Design is a nearly direct port of the XHTML I wrote for the hand-coded ePub. I made a few tweaks to make it a little more readable in the browser, but it’s all there including the videos. And yes, it makes use of progressive enhancement.

I hope you enjoy reading it as much as I enjoyed writing it and I look forward to getting you the revised and expanded second edition in the not to distant future.

PS - Easy Readers closed up shop at the end of 2014 and delivered the remaining paperback copies—of which there are only 50 or so—to me. If you missed out on getting a copy and would like to purchase one, drop me a line and I can sell you one. I’ll even sign it for you!

Related posts

New edition

The second edition of HTML5 of Web Designers

Previously on this day

14 years ago I wrote Super-Toys Last All Summer Long

Some observations on the iPad.

16 years ago I wrote Mad Libz, Yo!

A cross-cultural miscommunication.

22 years ago I wrote West Pier Pictures

Here are some truly excellent pictures of the West Pier here in Brighton.

22 years ago I wrote Transmit 2

I’ve just upgraded to Transmit version 2. Very nice it is, too.

23 years ago I wrote Grand Drive

Wednesday is band practice day. It went well today although it was a little short - two hours instead of the usual three.