What's 'hardboiled' web design? It's a challenge. It's about never compromising on creating the best work we can for the web. As Andy says himself:
It's about never being afraid to push boundaries, break rules, or invent new ones. Hardboiled is stripping our markup to the bone to make it more adaptable.
Hardboiled is not hesitating to make the most of new technologies.
It's taking it further than using CSS3 properties as a visual reward for people who use modern browsers. It's not good enough to start at the bottom, with the lowest common denominator design for less capable browsers, as there is only so far we can reach. The 'Hardboiled' approach is turning the progressive enhancement approach as applied to visual design on its head. It's working from the top down, designing for the best browsers first. Hardboiled web design also redefines graceful degradation for the challenges we face today. It pushes graceful degradation further and demands that we use our creative talents to design experiences that are responsive and tailored to a browsers's capabilities.
Aimed to forward thinking web designers
This explains the essence and mission of the book, and the techniques you'll learn. The book is definitely not aimed to pencil pushers, but to the brave creatives who want to expand their creative options, and who aren't afraid to evolve instead of making compromises. It's about focussing on what we can do, and not on what we can't do (yet).
So if you agree with the misconception that websites should look the same in every browser, and that it's not safe to adopt new technologies until every browser supports them, than this book will definitely not be for you. As the man says himself "Living in the past is not an option".
Andy starts by explaining the way standards develop, and how CSS3 is broken into modules which enables the browser makers to implement CSS3 features gradually using vendor-specific prefixes. He digs further into the matter explaining the why's, how's, and the differences.
The hardboiled approach
Next, Andy talks about why a webpage doesn't have to look and be experienced the same in every browser, and also that browsers don't limit our creativity. He shows options on how to cope with older browsers. He demonstrates this in a very practical way with a real client conversation.
A cool tool called Modernizr
For all of us who cares about making every HTML element and attribute count, and want to take it one step further semantically, there is the usage of Microformats. Andy shows us in a very practical manner how we can use Microformats in our designs.
I personally find this matter very hard to remember (I just can't). Andy has a very refreshing way of explaining and making it look effortless to take the extra leap to implement these into our markup. He turns them into our advantage and uses them to bind CSS styles to.
The book takes it one step further into the topic of accessibility and explains the usage of another specification called WAI-ARIA (Accessible Rich Internet Applications Suite), which is aimed to make dynamic web content processed by technologies such as Ajax easier for people who use assistive technologies.
Presenting designs in a browser
Andy also talks about the limitations of designing websites the static way, using Photoshop or Fireworks. One of the things is the interaction that is missing, the poor typographic rendering of text etc. He states "Presenting designs as static images sets false expectations and reinforces old-fashioned ideas such as websites should look the same in every browser." The way we present designs needs to adapt to meet the wide-ranging browser capabilities and emerging technologies. Andy definitely has a point here, but I can't see myself actually starting my design in a browser. I just need the design applications that I know best, and feel most comfortable and creative in. For me they are Photoshop and Illustrator. Once the design is all set, I can start thinking about how to code. I can't really put my mind around design ideas while coding, unless it's something creative towards the markup itself. Like solving a problem in a creative way. To me it seems that most of the designs I create are too complex to code them before I present them to the client. It would take too much time and it could possibly be all for nothing as it happens sometimes that the first design isn't the right design. Unless there is an application that solves this problem, and is able to combine both worlds, I'm sticking to designing in Photoshop.
HTML5 and all
You'll get more than just an introduction to HTML5. Andy goes over almost the entire list of new HTML elements. Especially the form elements are very well explained. He explains when and how to use these elements. Furthermore he show us how you can style them and how we can fix things for older browsers. Throughout the book Andy gives use more than handful of useful links and tips as follow up on the side of each article or practical example.
CSS3 boiling it hard and harder
The next 2 big chapters, which is the biggest part of the book, is where the real fun begins. It covers all the goodness there is to know about CSS3. Just reading and looking at the examples given is a true inspiration. It makes your head spin into a 'can't wait to get started' mode. Andy gives us a ton of ideas on how we can apply CSS3 in different ways all very well explained and documented.
Mark June 14th in your agenda!
A little bird told me that next Tuesday, 14th June, Five Simple Steps will be offering something special — all the digital editions of Hardboiled Web Design, including PDF and the new ePub and mobi formats — for only £14.00! That's less than the normal price of the PDF! The “Hardboiled Web Design Digital Special” is perfect for customers around the world for whom paperback shipping can be expensive. It's also perfect for PDF owners who want the two new digital formats. This offer will be for one week only.It will be on sale at Five Simple Steps
It's definitely one of the best looking books for this subject matter. The beautiful cover illustration is done by Kevin Cornell, the part opening illustrations by Elliot Jay Stocks, and the cool cartoony illustrations used on the demo example files are done by Geri Coady. The design and art direction is very well executed. The book is rather thick and heavy, and contains 390 pages.
It's one of these books that is always laying either on my desk or at arm reach as I constantly use it to look things up. Especially about CSS properties like gradients. Some things are still new or are hard and complex to remember from the top of your head. This book explains things so well as it is aimed to designers like me. So it's the perfect book to keep close to you while working. Highly recommend.