#semantics (46 links)
- Truly Semantic blog.damato.design
The purpose of this article is to be clear about which tokens are best used directly in the experience from other tokens that can be used for organizational purposes.
- The Truth About Multiple H1 Tags in the HTML5 Era - Tuts+ Web Design Article webdesign.tutsplus.com
- Using the HTML5 section element - The Paciello Group Blog blog.paciellogroup.com
The heading is important. If you can’t think of a suitable heading for the content within a section element, there’s a good chance you shouldn’t be using the section element at all. Time to consider a div instead.
- Semantic CSS With Intelligent Selectors | Smashing Coding coding.smashingmagazine.com
Some interesting ideas in here.
- About HTML semantics and front-end architecture – Nicolas Gallagher nicolasgallagher.com
Via monospaced.
- Document Outlines | HTML5 Doctor html5doctor.com
Old ground, worth covering again.
- Extending HTML5 — Microdata | HTML5 Doctor html5doctor.com
- Linked Data at the Guardian | Open Platform | guardian.co.uk guardian.co.uk
"In the MusicBrainz/Wikipedia case, there is a deeper semantic option. DBTune.org provide awesome music datasets, among which is a MusicBrainz SPARQL service that contains relations identifying DBpedia entities, and consequently Wikipedia data, with MusicBrainz entities. A little bit of painful SPARQL, and your application is suitably enriched. And you are a happy developer because you have confidence in the join." Hawt. Hard.
- 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.
Interesting rant about microformats.
Via jerakeen.
Interesting way of using twitter to conduct polls, plus a debate that goes on and on (2p: main title, not logo! Otherwise you have the same h1 across all pages on a site).
- haudio - Microformats microformats.org
"A simple, open, distributed format, suitable for embedding information about audio recordings in (X)HTML, Atom, RSS, and arbitrary XML". Can't believe I missed this microformat. To integrate.
- Compound Microformats premasagar.com
This demo shows how compound microformats can be used to progressively enhance HTML with semantic meaning.
What does all this mean? It means we can expect the web to get itself organized, in a hurry. At stake is a significant amount of traffic from Yahoo search, and anyone else that may choose to build applications on top of this data.
- Sir Tim Berners-Lee: Semantic Web is open for business | The Semantic Web | ZDNet.com blogs.zdnet.com · Archived on
[A] wide-ranging dig into the past, present and future of the Semantic Web
Some good points, some contentious.
- Adactio: Journal - Natural language hCard adactio.com
Places where microformats can be insterspersed in the flow of natural English sentences.
- Accessites.org » Dealing with Acronyms & Abbreviations accessites.org
For quite some time the methodologies of how best to deal with acronyms and abbreviations on the web have been discussed by developers the world over. We seek the best practices and hope to serve all of our visitors with something of use.
- A List Apart: Articles: How to Grok Web Standards alistapart.com
For the visual designer, really understanding web standards means you’ll have to change the way you think about design.
- 24 ways: Marking Up a Tag Cloud 24ways.org
The problem is, everyone’s doing it wrong.
- Abbreviations, Acronyms, Initialisms | mono larsholst.info
Ignoring <abbr> in favor of <acronym> is wrong for two reasons.
A very early iteration of a microformats cheat sheet. It lists the properties by format and also lists each format and the hierarchy. This includes elemental microformats, compound microformats and some of the standard design patterns used.
In their eagerness to be good Web citizens, people sometimes use semantic markup when they shouldn’t. Most commonly, this happens with bold and italics.
A quick look at what microformats are and aren’t, then we’ll look at some very significant organizations already using them. Then we’ll take a look at just how easy it is to use them.
- Tantek's Thoughts — 2006 July tantek.com
Here is a summary of 8 steps any web developer can take to improve their page code
Many designers don’t think about the code behind the sites they design [...] The good news is designers don’t need to learn code; they just need to change the way they think.
- Semantics and design | And all that Malarkey stuffandnonsense.co.uk
There is a danger of adversly effecting semantics through incorrect use of CSS.
The prime rule is: Consider what the page looks like or sounds like when images are not shown. Then, write for each image an alt text that best works as a replacement.
BCS interviews Sir Tim: "Another important area of professionalism is accessibility awareness. Everyone should be accommodated, especially when around 20 per cent of the population have special requirements."
- The Elements of Meaningful XHTML tantek.com
The seven easy tips below will drastically improve a site's usability for screen reader users, as well as all other visitors.
- Charl van Niekerk's Blog: The 'lang' Attribute charlvn.blogspot.com
- Juicy Studio: Div Mania juicystudio.com
More and more web documents are appearing that consist of nothing more than a collection of div elements. In most cases, better use of CSS selectors could be used to avoid overusing the div element.
On semantic markup, conveying its usage to those who generally don’t need to care, and a reusable markup guide for your enjoyment.
- Pocket PC Dictionary - Winner of Best Dictionary 2003 revolution.cx
Lextionary is a dictionary and thesaurus of the English language [which] organizes words by their semantic meaning.
- W3C Semantic data extractor w3.org
This tool, geared by an XSLT stylesheet, tries to extract some information from a HTML semantic rich document.
- Forgotten Element Types @ The Autistic Cuckoo autisticcuckoo.net