background preloader

Mozilla Developer Network

Mozilla Developer Network
Related:  Créer et coder des pages web

Yes, You Can Use HTML 5 Today! The blogosphere was jerked into excitement when Google gave a sneak preview of its new service, Google Wave. Only the select few have an account, but there’s an 80-minute video about it on YouTube for the rest of us. The service is an HTML 5 app, and so HTML 5 has gone from being too far away to care about to today’s hot topic. There have been many changes to the HTML 5 landscape since my colleague, Lachlan Hunt’s 2007 article on A List Apart, A Preview of HTML 5. What Is It? To some, it’s an outrageous attempt by browser manufacturers to foist what they want onto developers. The reason that opinion is so divided is that HTML 5 is more than just a markup syntax for documents, like HTML 4 is. Markup We’ll start by thinking about marking up a typical blog today. Currently, there are no ways in HTML 4 to mark up these elements in a semantic fashion – that is, HTML 4 offers no footer or header elements of its own. By default, CSS assumes that an element is inline. <! header and footer nav aside

Element Index <header> <h4><a href="#comment-2" rel="bookmark">Comment #2</a> by <a href=" Osborne</a></h4> <time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time> </header> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Demo Studio | Mozilla Developer Network Mozilla supports a wide variety of exciting open web technologies, and we encourage their use. This page offers links to interesting demonstrations of these technologies. If you know of a good demonstration or application of open web technology, please add a link to the appropriate section here. 2D Graphics Canvas Video 3D Graphics WebGL Virtual Reality Transformations Impress.js (source code) Games Web APIs Notifications API HTML5 Notifications (source code) Web Audio API File API Slide My Text - presentation from plain text files Web Workers Document Tags and Contributors Contributors to this page:mfluehr, equinusocio, Kissaki, SoftwareRVG, MdAshrafMalik, palerdot, chrisdavidmills, Dmytro.Omelyan, elfoxero, ondras, eng-mnabil, openjck, Vilius.L, carlosrafaelgn, jswisher, teoli, Sheppy, Paul, Sonnyp, MarkFinkle, Roc

23 Essential HTML 5 Resources Editor’s Note: Bruce Lawson will be doing a 1-hour tutorial called “How to build a HTML5 Web site” at the FOWD Tour. Everyone is excited about the possibilities of HTML 5, but there’s a lot to learn and absorb as well. With that in mind, we’ve compiled a list of articles to get you started! Yes, You Can Use HTML 5 Today! – A great beginning overview of HTML 5Wikipedia: HTML 5 – A basic overview from WikipediaHTML 5 Cheat Sheet – A great quick guide to HTML 5 as a printable PDFHTML 5 Demos – A great set of demos. People to follow These are the folks that are at the center of HTML 5 … Ian Hickson (@hixie) – Editor of HTML 5 Spec.

Advanced HTML A more in-depth look at HTML and your WordPress.com site, continuing on from Beginning HTML. If you have some basic familiarity and understanding of HTML, you can use your Text editor to add some HTML that overrides the Visual editor’s default formatting. Here are some suggestions. Note: This resource is for using HTML to make simple changes to the formatting of individual posts and pages. Preformatted text For some types of blog posts (in particular poetry), you might want more control over your line breaks and indentation than the Visual editor typically offers. To force the editor to preserve your indents and spacing, try using the we use the <pre> tag. For example, take the following poem: AH, broken is the golden bowl! To achieve this formatting effect, you’d use the following code: You can also apply the <pre> tag by using the dropdown style menu in the Visual editor, and choosing “Pre.” ↑ Table of Contents ↑ Extra line breaks &nbsp; &nbsp; &nbsp; &nbsp; Columns Tables Other resources

Jobs — Open Positions HTML5 and The Future of the Web - Smashing Coding Advertisement Some have embraced it1, some have discarded it2 as too far in the future, and some have abandoned a misused friend3 in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news. Things like jQuery plugins, formatting techniques, and design trends change very quickly throughout the Web community. When looking for some stability, we can usually turn to the code itself as it tends to stay unchanged for a long time (relatively speaking). In this article, I’m hoping to give you some tips and insight into HTML5 to help ease the inevitable pain that comes with transitioning to a slightly different syntax. Welcome to HTML5. What are the basics? The DOCTYPE When I first started researching HTML5 a few months ago, one of the main things I struggled to find was the doctype. Conclusion

Beginning HTML A basic understanding of HTML can help you get more out of your WordPress.com site. This article explains how. WordPress.com provides you with a Text editor, so that you can see the HTML markup of each of your posts and pages. What is HTML? HTML, or Hyptertext Markup Language, is the main language used to create web pages. Note: There are many types of HTML tags, but not all tags are supported here at WordPress.com. ↑ Table of Contents ↑ How can I view my HTML? To get started, go to your blog’s dashboard and edit any post or page — try this first with a post you already wrote, so you can see what the HTML looks like. In the Text editor, everything is text — a link is text, a quote is text, even an image is text. It’s easy to tell the two apart: HTML code always starts and ends with angled brackets, < and >. For example, to italicize a word, we use the <em> tag, which is short for emphasis. Let’s try writing some simple HTML! Be careful! Here is an example of an anchor tag: Formatting text

Firefox crashes - Troubleshoot, prevent and get help fixing crashes A crash is what happens when Firefox closes or quits unexpectedly. After a crash, you should see the Mozilla Crash Reporter appear. This article will help you fix crashes and show you how to get more help if you're having difficulties. First, if you have one of these specific crash issues, follow the link to get help. If none of these describe your issue, follow the steps below in order. The crash you're experiencing may have already been fixed in a new version! Update Firefox Every Firefox release includes a number of fixes for crashes that people have reported. To check for Firefox updates, go to the top of the Firefox window and click the Firefox button. Update your plugins Check that you have the latest versions of all your plugins. Go to our Plugin Check page and follow the links to update any plugins that are out of date. Update Windows Make sure you have all of the latest security and stability fixes. Go to the menu, select and then . Update OS X Go to the menu and select Update Linux

HTML5 Beginners Crash Course by Robin Nixon HTML5 for Beginners is the fastest way to learn HTML5. This highly informative and popular course, already taken by over 2200 people, is taught by Robin Nixon, author of Learning PHP, MySQL and JavaScript (the most popular book on web development worldwide for over five years). The course covers everything you need to know to learn HTML5 and leverage its power to create highly dynamic websites. Because it starts from the first principles of HTML, you need no prior knowledge of the subject, since the course begins with a thorough introduction to HTML (which skilled users can skip), before moving onto what's new in HTML5. HTML5 is the latest version of the Web's bedrock markup language, HTML. But it has come to stand for much more than the average, slow-moving technical standard. Something in the last couple of years kicked the HTML5 adoption machine into overdrive. But where do you come in? So what are you waiting for?

Related: