BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment. It’s time for some gaming action with a new HTML5 game demo: BrowserQuest, a massively multiplayer adventure game created by Little Workshop (@glecollinet & @whatthefranck) and Mozilla.
The feature of the day is link relations. In this article: What are link relations? Regular links (<a href>) simply point to another page. ...it's a stylesheet containing CSS rules that your browser should apply to this document...it's a feed that contains the same content as this page, but in a standard subscribable format...it's a translation of this page into another language...it's the same content as this page, but in PDF format...it's the next chapter of an online book that this page is also a part of And so on.
Two categories of links can be created using the link element. Of the examples I just gave, only the first (rel=stylesheet) is a link to an external resource. How can I use link relations? Changes to link relations since HTML 4 rel=alternate rel=archives. HTML5 (including next generation additions still in development) Web Applications 1.0. Coding A HTML 5 Layout From Scratch - Smashing Magazine. Advertisement HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun.
Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible. While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. So today we’re going to experiment a little with these new technologies. It’d be a good idea to have a read at some of these articles first: I’ll also assume you know the basics of HTML and CSS. Before we begin… There’s a couple of things you have to bear in mind before adventuring on the new markup boat.
A word on Progressive Enhancement and Graceful Degradation 1. 2. <!
Validation Tools. Recipes. A Non-Technical Field Guide to the HTML 5 Family - InsideRIA. Using HTML5 to Let the Data Tell the Story - InsideRIA. Learning to Love HTML5 - Smashing Magazine. Advertisement It seems that new resources and articles for teaching and promoting HTML5 are popping up almost daily.
We’ve been given HTML5 templates in the form of the HTML5 boilerplate1 and HTML5 Reset2 (although they both go beyond just HTML5 stuff). We’ve got a plethora of books3 to choose from that cover HTML5 and its related technologies. We’ve got shivs4, galleries5, and a physician6 to help heal your HTML5 maladies. And don’t forget the official spec7. From my own vantage point — aside from a few disputes8 about what the term “HTML5″ should and shouldn’t mean — the web design and development community has for the most part embraced all the new technologies and semantics with a positive attitude.
Flickr Photo by Jeremy Keith9 While it’s certainly true that HTML5 has the potential to change the web for the better, the reality is that these kinds of major changes can be difficult to grasp and embrace. The Good (and Easy) Parts An <article> Isn’t Just an Article Section or Article? Search Results - InsideRIA. jQuery 1.5 moves closer to release.
Today, the latest build is now a Release Candidate. The World Wide Web Consortium Group gives emerging new technologies a new brand. The new jQuery 1.5 is coming very soon. If you want to try out the code you can download is now using the new beta. This release is a big deal! We saw in an earlier recipe, additional attributes introduced in HTML5 forms like autofocus, placeholder and required, that enhance form usability without the developer resorting to custom code. One of the key features of any web application is the ability to gather input data from the user. In the previous blog post, we looked at tools like HTML5Test and CaniUse to determine browser capabilities. 2010 has been quite a year. If you have been following the series so far, one of the questions that should have cropped up is about how to determine if the browser that you are using supports a particular HTML5 feature.