background preloader

Welcome to the microformats wiki!

Welcome to the microformats wiki!
Related:  Documentation

Script Junkie | Meaningful Markup: POSH and Beyond Back in 1998, I was working as a Marketing Coordinator for an accounting firm. I was responsible for designing and writing content for our client newsletters, amongst a myriad of other print-focused activities. One day, my boss asked me to take a look at our corporate web site and rework the content. As I went through the editing and re-writing process, I became increasingly interested in what was behind the scenes on the site. A few searches on the internet and I learned of something called HTML. I saved the text file with an .html extension, opened it in Internet Explorer, and was amazed. Twelve years later, markup continues to hold this magical fascination for me. What saddens me is that not everyone has this commitment to good markup. Sure, I get that there are constraints. Yet most of the people I’ve met who work in the web industry are true professionals. The problem must be a lack of understanding and knowledge. What Is Semantic Markup? How do you know if your markup is valid?

Semantic Web Standards Grazr a blog about microformats and “data at the edges” : Semantics in HTML part I - Traditional HTML Semantics This is the first in a series of articles which aims to survey the issue of semantics in current web design and development (for the HTML based web, not the “Semantic Web”). The goals are to further understand the way in which semantics are currently added to today’s web, either “formally” (through the use of “semantic” HTML, or microformats) or less formally, though the use of commonly used design patterns. In this article, I focus a little on precisely what the term “semantics” means, and then turn my attention to the nature of the “built in” semantics in HTML. The increasing focus on semantics in web design and development over the last 4 or 5 years, while encouraging, is essentially trivial in the context of the rich, centuries long tradition, in the fields of philosophy and linguistics, of the study of how meaning is constructed through the use of language and other codes. Just what is semantics anyway? Semantics in Traditional web semantics structural content rhetorical

Home Court says that bloggers are journalists It appears that one of the perennial blogosphere vs. journalism questions — can bloggers be considered journalists, and therefore subject to the same protections? — has been answered in the affirmative by the California court of appeals, in the case of Apple vs. a bunch of rumour sites that spilled the beans on various new products before Steve-o wanted them to. As the court put it: “In no relevant respect do they appear to differ from a reporter or editor for a traditional business-oriented periodical who solicits or otherwise comes into possession of confidential internal information about a company.” “We decline the implicit invitation to embroil ourselves in questions of what constitutes ‘legitimate journalis[m].’ This is huge (assuming Apple doesn’t appeal, which I think they shouldn’t — but you never know with Steve). In reality, journalism is something that just about anyone with a functioning brain-stem and a command of language can engage in, and that includes bloggers.

Oomph: A Microformats Toolkit - Lab - MIX Online Go Microformats! The crew here at Mix Online believe in Microformats. But don't just believe us: look at the adoption of Microformats in the wild. There are over a billion web pages with content formatted to the hCard specification and nearly 100 million formatted to the hCalendar specification. Top web properties including Yahoo, LinkedIn, Eventful, Twitter and YouTube are using Microformats. Oomph: A Microformat Toolkit With the momentum of Microformats burgeoning, we decided to build Oomph: A Microformat Toolkit. Consume Perhaps the most ambitious aspect of Oomph is the Internet Explorer Add-in and the accompanying cross-browser HTML overlay. Style Because Microformats are based on a standard set of HTML class attributes, styling Microformats with CSS makes a lot of sense. Create Before you can style or consume Microformats, you need to create them. The History of Oomph The first version of Oomph was released in October 2008. Shout Outs

MDN Web Docs 10 Tips on Writing the Living Web Some parts of the web are finished, unchanging creations – as polished and as fixed as books or posters. But many parts change all the time: news sites bring up-to-the-minute developments, ranging from breaking news and sports scores to reports on specific industries, markets, and technical fieldsweblogs, journals, and other personal sites provide a window on the interests and opinions of their creatorscorporate weblogs, wikis, knowledge banks, community sites, and workgroup journals provide share news and knowledge among co-workers and supply-chain stakeholders Some of these sites change every week; many change every day; a few change every few minutes. Every revision requires new writing, new words that become the essence of the site. Writing for the Living Web is a tremendous challenge. 1. Write for a reason, and know why you write. To an artist, the smallest grace note and the tiniest flourish may be matters of great importance. If you don’t really care, don’t write. Write honestly.

Get Started Get started by adding support for microformats to your website, services, and products. introduction Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content. One of the key principles of microformats, is to privilege human readable content. The best way to understand microformats is to start using them straight away. Many common kinds of content can be marked up in microformats. yourself your website If you have your own website, read hcard-authoring for tips and guidelines on how to best markup existing content with hCard and take a look at the hcard-examples, then add hCard to your contact info page along with an "Add to address book" link add hCard+XFN to your friends list or blog roll add your website and contact page to the hcard-examples-in-wild page. using the hCard creator if you wish. your blog If you have a blog: add hAtom to your blog pages add your blog to the hatom-examples-in-wild page. your organization website events

RDFa Categories via d2B - delicious2Blogger Categories - organising your previous posts under subject headings, usually in your sidebar - is one of the features missing from Blogger that its users most often wish for. Blogger Categories with Delicious, aka d2B, the brainchild of my Magical Sheep pardner Kirk, is one of the best, neatest, most elegant and powerful ways to have categories in your Blogger blog - and he has recently updated and improved this already fab system. (An excellent list of all sorts of different ways to get categories for Blogger has been produced by John.) Kirk's d2B categories system works by making use of the little-known Link Field in Blogger, in combination with tagging your post on the free social bookmarks manager Delicious - so you do need a account, but it's free to sign up. Just check out Kirk's blog for an example of his system in action. Once you've set up d2B, you'll get an extra Link Field box in your Create Post tab. Just take a look at his:

Introduction to RDFa RDFa (“Resource Description Framework in attributes”) is having its five minutes of fame: Google is beginning to process RDFa and Microformats as it indexes websites, using the parsed data to enhance the display of search results with “rich snippets.” Yahoo!, meanwhile, has been processing RDFa for about a year. With these two giants of search on the same trajectory, a new kind of web is closer than ever before. The web is designed to be consumed by humans, and much of the rich, useful information our websites contain, is inaccessible to machines. People can cope with all sorts of variations in layout, spelling, capitalization, color, position, and so on, and still absorb the intended meaning from the page. A new kind of web—a semantic web—would be made up of information marked up in such a way that software can also easily understand it. Improved search#section1 Adding machine-friendly data to a web page improves our ability to search. Improved user interfaces#section2 Yahoo!

JSON-LD - JSON for Linking Data