Responsive Web Design with HTML5 and CSS3
List Price: $ 39.99
Price: $ 35.00
[wprebay kw=”web+design+tutorial” num=”12″ ebcat=”-1″] [wprebay kw=”web+design+tutorial” num=”13″ ebcat=”-1″]
List Price: $ 39.99
Price: $ 35.00
[wprebay kw=”web+design+tutorial” num=”12″ ebcat=”-1″] [wprebay kw=”web+design+tutorial” num=”13″ ebcat=”-1″]
by
Tags:
Many people, I suspect, are unclear on what exactly Responsive web design is, what does it mean. Indeed, I thought ‘ ooh not another book on fluid layouts ‘. Far from it, I can assure you. The author moves through a well worked out movie website project to show that Responsive web design is not a huge single monolithic thing but instead a series of existing technologies ( HTML5, CSS3 ) and design techniques ( flexible grid layout, flexible images and media and media queries ). The majority of the book naturally focuses on HTML5 and CSS3 and the powerful enhancements these technologies bring forth. In addition to their application in Responsive web design the author explores new HTML5 elements ( the semantically meaningful nav element and many more for example ) and shows the vast improvements in CSS3 aesthetics. I particularly loved the simplicity of Text Shadows but we also have Transitions, Transformations and Animations. All very, very useful stuff.
HTML5 and CSS3 are maturing technologies, best to keep this in mind. Hence, to make available the majority of their features in older browsers such as Internet Explorer 6,7 and to a lesser extent 8, not to mention running your site across multiple browsers, a JavaScript tool called Modernizr is required. The last chapter explores this tool.
Readers should have familiarity with previous versions of HTML markup and CSS selectors to gain maximum benefit. The book is really a joy to read and perhaps a launching pad for interesting developments yet to come. Wonderful stuff.
0
The differences between a responsive website and a mobile website are clearly explained. The author emphasizes that responsive web design is not the solution for all problems related to showing websites on different (mobile) devices. In some situations however, when building a pure mobile website is too expansive, a responsive design can be an excellent option. It offers an alternative that is normally better than a standard website with fixed-width design.
The author also shows some cases in which responsive web design is less suitable, like a client who wants the site to look exactly the same on IE 8 and below. A rule-of-the-thumb is that when more than 70% of all users are using IE 8 or below, don’t use a responsive web design. Is has too many disadvantages.
Media queries and using percentages in CSS is covered very well. These are more or less the basics for a responsive web design.
With all the examples given, the book is a manual for making a responsive website, especially in combination with HTML5 and CSS3.
As said before, the book contains a lot of examples. Normally however, a very limited part of the HTML or CSS code is given. Also the browser prefixes are omitted. Personally I would have preferred less information about the possibilities of HTML5 and CSS3 and a more step-by-step approach to the new responsive website. Now the results of the code changes are shown, but the code itself is omitted. This prevents the reader building the same site together with the author.
0
I then found Ben Frain’s book and decided to pick it up. It is jam packed with quality information about responsive web design, but what i liked the most is that it also teaches a lot of HTML5 and CSS3. So you not only get the responsive goodness, but also you learn a lot about HTML5 and CSS3.
The author walks you through creation of one fictious website, so all things you learn are seen in action instantly.
Read it, it won’t leave you dissapointed.
0
Leave a Reply
You must be logged in to post a comment.