Introducing HTML 5 (£13) By Bruce Lawson and Remy Sharp Published by NewRiders (2011) http://www.peachpit.com/store/product.aspx?isbn=0321784421 A short book that summarises the new features of HTML5 well. HTML5 continues to evolve, browsers are implementating at break-neck speed and HTML5 web sites spring up like flowers after rain. More than ever, you need to get acquainted with the powerful new possibilities in web and application design. That’s why we’ve crafted a second edition of this book to help you stay on top of current developments. This book shows you how to start adapting the language now to realize its benefits on today’s browsers. It concentrates on the practical—the problems HTML5 can solve for you right away. ISBN-10: 0-321-78442-1, ISBN-13: 978-0-321-78442-1 Handcrafted CSS - More Bulletproof web design (£17) By Dan Cederholm and Ethan Marcotte Published by NewRiders (2009) http://www.peachpit.com/store/product.aspx?isbn=0321643380 An excellent guide to using CSS3 in the correct way to ensure that web pages are as fluid, flexible and reliable as possible Whether you’re a Web designer, project manager, or a graphic designer wanting to learn more about the fluidity that’s required when designing for the Web, you’ll discover the tools to create the most flexible, reliable, and bulletproof Web designs. And you’ll finally be able to persuade your clients to adopt innovative and effective techniques that make everyone’s life easier while improving the end user’s experience. This book’s seven chapters deconstruct various aspects of a case-study Web site for the Tugboat Coffee Company, focusing on aspects that make it bulletproof and demonstrate progressive enrichment techniques over more traditional labor-intensive methods. ISBN-10: 0-321-64338-0, ISBN-13: 978-0-321-64338-4 Book - Dreamweaver CS5 Brilliant Adobe Dreamweaver CS5 (£9) By Steve Johnson Published by Pearson-Books (2010) http://www.pearsoned.co.uk/bookshop/detail.asp?item=100000000392978 Excellent value for money this guide to using Dreamweaver CS5 is very well illustrated in full colour. Dreamweaver is a sophisticated and powerful tool for professional website design and production. It is used for designing everything from home pages to full-scale commercial websites and is considered in the industry as the best, most popular web authoring tool for professional web developers and designers. The CS5 release fully updates Dreamweaver and improves and increases its utility and usability. ISBN-10: 0273740628, ISBN-13: 9780273740629 Add HTML5 Video to your site By Vadim Makeev Published by .NET Magazine, April 2011 http://www.netmagazine.com/tutorials/add-html5-video-your-site Embed native HTML5 video into your pages without plug-ins, and provide Flash-based fallback content for legacy browsers. Opera’s Vadim Makeev shows the way Want to add video to your site? HTML5 enables us to do this as easily as placing images with an element – and in this tutorial, we’ll show you how the magic is done Building Prototypes in HTML & CSS By Anna Debenham Published by .NET Magazine (2011) http://www.netmagazine.com/tutorials/building-prototypes-html-and-css If you're building a prototype for the web, it makes sense to build it in its natural environment as it provides as real an experience as you can hope to achieve. Understanding how to build your designs can also give you a greater affinity with developers; they'll be more open to your ideas and able to communicate theirs better too. It also has the benefit that you can take full advantage of all the web has to offer. Your prototype can adapt to the width of the browser window but a graphic wireframe can't. This is useful when demonstrating how your site adapts at different screen widths Code Smarter CSS with Sass By Christopher Eppstein Published by .NET Magazine September 2011 http://www.netmagazine.com/tutorials/code-smarter-css-sass This article first appeared in issue 211 of .net magazine - the world's best-selling magazine for web designers and developers. Sass is a style sheet language that makes your style sheet as beautiful to read as your web page. Core contributor to Sass Christopher Eppstein explains how to use it and maintain style sheets with Sass If you’ve ever been tasked with the job of writing and maintaining the style sheets of a medium-to-large website, you know that it is no small feat. CSS has a very simple syntax. Too simple. The simplicity of the syntax and lack of indirection were intended to make CSS more accessible to non-programmers. It was a nice idea in theory, but in practice it is a failure of monumental proportions. Cross-browser Fonts and CSS Styling Rules By Steve Jenkins Published by Web Designer Magazine September 2011 http://www.webdesignermag.co.uk/tutorials/cross-browser-fonts-and-css-styling-rules/ Add beautiful, rich and cross-browser compatible typography for your page designs using @font-face and CSS Ever since the web started, designers have desired to bring the beauty of their favourite fonts into their designs. Unfortunately, we’ve been limited and just been able to use a handful of ‘web-safe’ fonts (fonts that most computers will have installed) for the dynamic text in our designs, leaving using images or flash movies of non web-safe fonts as our only resource for bringing them alive on the web Create Basic HTML5 Page with new Layout Tags By Mark Billen Published by Web Designer Magazine July 2011 http://www.webdesignermag.co.uk/tutorials/cross-browser-fonts-and-css-styling-rules/ In this tutorial, we’re going to build a one-page template using some of the next-generation techniques from HTML5. Everyone’s talking about HTML5, it’s perhaps the most-hyped technology since people started putting rounded corners on everything. Introduction to HTML5 By GoogleDevelopers http://www.youtube.com/watch?v=siOHh0uzcuY Published by YouTube September 2009 Are you interested in HTML 5 and what's coming down the pipeline but haven't had time to read any articles yet? Brad Neuberg has put together an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard, including: Web vector graphics with the Canvas tag and Scalable Vector Graphics (SVG) The Geolocation API HTML 5 Video The HTML 5 Database and Application Cache Web workers In the video we also crack open the HTML 5 YouTube Video prototype to show you some of the new HTML 5 tags, such as nav, article, etc. It's chock full of demos and sample source code. Lesson 2: Common Page Layout Patterns in Web Design By Sitepoint Published by YouTube July 2010 http://www.youtube.com/watch?v=fZzHQ6-3AjM&hd=1 This video is the first of three showing you how you can best use HTML5 to structure a typical web page using the new HTML5 tags. Lesson 2: Exercise Part 1 By Sitepoint Published by YouTube July 2010 http://www.youtube.com/watch?v=eHGeOAGECgo This video is the second of three showing you how you can best use HTML5 to structure a typical web page using the new HTML5 tags. Lesson 2: Exercise Part 2 By Sitepoint Published by YouTube July 2010 http://www.youtube.com/watch?v=TJDcpVUiLYM&feature=related This video is the third of three showing you how you can best use HTML5 to structure a typical web page using the new HTML5 tags.