#semantics (41 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.
- You're using em wrong blog.logrocket.com
- 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
<blockquote>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.</blockquote>
- 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
- Document Outlines | HTML5 Doctor html5doctor.com
Old ground, worth covering again.
- Extending HTML5 — Microdata | HTML5 Doctor html5doctor.com
- Ending the Great H1 Debate | Web Design Blog: Web Design & Innovation in web standards : Viget Labs viget.com
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.
- The H1 debate h1debate.com
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.
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.
- Vitamin Features » Add microformats magic to your site thinkvitamin.com
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
- Vitamin Features » Designers, Engage Your Brain thinkvitamin.com
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.
- Guidelines on ALT texts in IMG elements cs.tut.fi
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.
- mezzoblue ‽‽‽ Who Cares about Semantics Anyway? mezzoblue.com
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