#html (265 links)
- Avoiding common HTML5 mistakes | HTML5 Doctor html5doctor.com
- Document Outlines | HTML5 Doctor html5doctor.com
- On using h1 for all heading levels in HTML5 | 456 Berea Street 456bereastreet.com
"You can keep using h1-h6 in HTML5, but you can also choose to use only h1 elements for all headings and rely on the HTML5 outline algorithm to sort out the heading hierarchy. If you do this, however, you should be aware that currently there is very little support for the HTML5 outline in web browsers, screen readers and developer tools." Possibly not ready for production quite yet, then.
- HTML Email Boilerplate htmlemailboilerplate.com
For those inevitable moments.
Via alastc.
- HTML5 Rocks - "Mobifying" Your HTML5 Site html5rocks.com
- Fixed Footers without JavaScript « Boagworld boagworld.com
- HTML5 accessibility html5accessibility.com
This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web.
- Adactio: Journal—Three questions adactio.com
The WHATWG spec is the place to look for what’s new and evolving. The W3C spec, once it goes into Last Call, is the place to look for the official milestone that is HTML5. In practice, the two specs will be pretty much identical for quite a while yet. But the truth is that authors shouldn’t be looking at specs to decide what to use—look at what browsers support in order to decide if you should use a particular feature—look at the spec to understand how to use features of HTML5.
- Stubbornella » Blog Archive » The hacktastic zoom fix stubbornella.org
Via twoplusfour.
- Designing a blog with html5 | HTML5 Doctor html5doctor.com
- Pandoc johnmacfarlane.net
A program for converting between various markup formats. Input formats include markdown, reStructuredText, HTML, and LaTeX; output formats include HTML, LaTeX, ConTeXt, S5, DocBook, groff man, reStructuredText, markdown, and RTF.
Via paul.irish.
- Hidden Features of HTML - Stack Overflow stackoverflow.com
"Using a protocol-independent absolute path: <img src="//domain.com/img/logo.png"/>" Mmm, handy.
"<meta http-equiv=”X-UA-Compatible” content=”ie=edge,chrome=1″>
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
- yepnope.js | A Conditional Loader For Your Polyfills! yepnopejs.com
A small wrapper around LABjs to help use feature detection to load exactly the scripts that your user needs, not just all the scripts that you think they might need.
So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly.
- HTML5: The Facts And The Myths - Smashing Magazine smashingmagazine.com
Very handy.
Usually, objections to this plan [requiring JavaScript] do not equate to predictions that we’re going to screw that up or that it won’t be sufficient; rather, they represent an opinion that requiring Javascript for a web application is an automatic accessibility violation. This might be partly a historical feeling, as some older accessibility standards contained language that said (or could be taken to imply) that in order to be accessible, a site had to work with Javascript turned off. I don’t know what motivated the inclusion of those clauses at the time, but would note that most modern accessibility standards merely say that one’s site must be accessible (regardless of whether or not it uses or requires client-side scripting).
Via paul.irish.
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome. html5boilerplate.com
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
Via monospaced.
"HTML is a language with roots in library science. It doesn’t know or care what content looks like. (Even HTML5 doesn’t care what content looks like.) Neither a tool like Photoshop, which is all about pixels, nor a tool like Illustrator, which is all about vectors, can generate semantic HTML, because the visual and the semantic are two different things." Big fat yes to this.
Via momorgan.
- Molecular Voices » The best front-end development RSS feeds molecularvoices.molecular.com · Archived on
Via paul.irish.
The media object is an image to the left, with descriptive content to the right
- HTML5 differences from HTML4 w3.org
Describes the differences between HTML4 and HTML5 and provides some of the rationale for the changes.
You didn't write that awful page. You're just trying to get some data out of it. Right now, you don't really care what HTML is supposed to look like. Neither does this parser.
Our recent testing combined with the research others are doing indicates that the Outlook 2010 renderer is actually exactly the same as the one in Outlook 2007. This means you won't need to make any significant changes to your current email templates or learn any new tricks of the trade.
- HTML5 enabling script remysharp.com
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements.
- Twig - The flexible, fast, and secure template language for PHP twig-project.org
Via markrocky.
- HTML 5 syntax | 456 Berea Street 456bereastreet.com
Once HTML 5 becomes a viable option, how can we avoid having teams of web developers spending their time discussing which syntax to use instead of working on the project their clients pay for?
- HTML Email Starter Template: Free Download - ravelrumba ravelrumba.com
It’s not intended to be a fully designed template, but rather a foundation for a design.
- What Beautiful HTML Code Looks Like | CSS-Tricks css-tricks.com
Not entirely sure I agree with everything in this but worth a gander.
Via alastc.
- HTML 5: The Markup Language dev.w3.org
Just the meat. "This specification describes the fifth major version of the HTML language and provides details necessary for producers of HTML content to create documents that conform to the language. By design, it does not define related APIs nor attempt to specify how consumers of HTML content are meant to process documents."
...seeks to elaborate on a hand-picked Selection of features from the HTML 5 specification and other fine Standards. I shall publish Drafts periodically, as time permits.
"This, then, is my current thinking about embedded web fonts: FUCK THE FOUNDRIES." Mark Pilgrim rants.
Why Dave Shea is switching from XHTML to HTML.
- Ending the Great H1 Debate | Web Design Blog: Web Design & Innovation in web standards : Viget Labs viget.com · Archived on
According to Cutts, more than one h1 is fine as long as you don't go crazy. Pretty much as expected.