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.