Difference between revisions of "posh"

From Microformats Wiki
Jump to navigation Jump to search
m
(added a bunch of resources and growth paths.)
Line 7: Line 7:
 
== Origins ==
 
== Origins ==
  
The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, of which microformats are built from and a proper subset.  For more see History.
+
The acronym '''POSH''' was coined [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 on 6 April 2007] on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for [[plain-old-semantic-html]]. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the [[events/2007-04-18-web-2-expo-dinner|Microformats Dinner 2007 April 18 following Web 2.0 Expo]] reraised the idea of POSH and the importance of promoting the broader goal of POSH, of which microformats are built from and a proper subset thereof.  For more see [[posh#History|History]].
  
 
== Why ==
 
== Why ==
Line 17: Line 17:
 
What can you do to be POSH and to make your websites POSH?
 
What can you do to be POSH and to make your websites POSH?
  
# Publish POSH content.  Make sure your website publishes valid semantic (X)HTML, and uses [[semantic-class-names]].
+
# Publish POSH content.  Read POSH [[posh#Resources|resources]] and make sure your website publishes valid [[semantic-html|semantic (X)HTML]], and uses [[semantic-class-names]] accordingly.
 
# Spread POSH.  Encourage others to be POSH and POSHify their websites by linking to this page.
 
# Spread POSH.  Encourage others to be POSH and POSHify their websites by linking to this page.
 
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.
 
# Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.
Line 24: Line 24:
  
 
=== POSH Presentations ===
 
=== POSH Presentations ===
 +
Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to [[posh-presentations]].
 +
* [http://tantek.com/presentations/2003SXSW/stylesheets.html CSS: Between the Style Sheets by Tantek Çelik (2003)], specifically, see slides 3-4,6 starting with "Leaving the [http://tantek.com/log/2002/10.html#L20021022t1432 &lt;B&gt;ed & &lt;BR&gt;eakfast]", and slide 9 "CSS & the Semantic Spectrum".
 
* ...
 
* ...
 
=== POSH Tutorials ===
 
=== POSH Tutorials ===
 +
Step by step tutorials to create POSH content or upgrade existing content to POSH.
 
* ...
 
* ...
 
=== POSH Magazines ===
 
=== POSH Magazines ===
 +
Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to [[posh-magazines]].
 
* [http://alistapart.com/ A List Apart: For People Making Websites]
 
* [http://alistapart.com/ A List Apart: For People Making Websites]
 
* [http://www.digital-web.com/ Digital Web Magazine]
 
* [http://www.digital-web.com/ Digital Web Magazine]
  
 
=== POSH Blogs ===
 
=== POSH Blogs ===
Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH.
+
Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to [[posh-blogs]].
 
* [http://dbaron.org/log/current David Baron's weblog]
 
* [http://dbaron.org/log/current David Baron's weblog]
 
* [http://zeldman.com/ Jeffrey Zeldman Presents]
 
* [http://zeldman.com/ Jeffrey Zeldman Presents]
Line 40: Line 44:
  
 
=== POSH Blog posts ===
 
=== POSH Blog posts ===
 +
Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML.  If/when this section gets too big, we can move it to [[posh-blog-posts]].
 +
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.
 +
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
 +
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction to proper use of the HTML 'class' attribute.
 +
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
 +
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - how to markup a list of comments, including example use of the rare "hreflang" attribute.
 +
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing by Eric Meyer] (2004-07-18)
 +
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
 
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
 
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML by Jesse Skinner] (2006-02-22)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH by Tantek Çelik]
+
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] (2007-04-20)
 
* ...
 
* ...
  
 
See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].
 
See [http://technorati.com/search/%22semantic%20HTML%22 more blogs talking about "semantic HTML"] and [http://technorati.com/search/posh+semantic+HTML POSH].
 +
 +
== Spread POSH ==
 +
Now that you've poshified your website(s), what next?  Well, help spread POSH to other websites!
 +
 +
* Promote POSH.  Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc.  Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.)
 +
* Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others.  Blog about your experience with poshification and what steps you went through to poshify your websites.
 +
* Come up with more ideas to help spread POSH.  Here are a few.
 +
** Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
 +
** ...
 +
 +
== Improve POSH ==
 +
As you read the [[posh#Resources|POSH resources]] documented here, what other POSH resources did you find?  Add them to this page.
 +
 +
With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of [[posh-issues|issues]] did you run into?  What questions were commonly asked?  What do you feel like you need to more easily and quickly help more people poshify their content?
  
 
== History ==
 
== History ==
 
+
A brief history of references to "POSH" in this context and "plain old semantic HTML".
 
=== plain old semantic HTML ===
 
=== plain old semantic HTML ===
 
The earliest references to <strong>"plain old semantic HTML"</strong> that have been found so far are:
 
The earliest references to <strong>"plain old semantic HTML"</strong> that have been found so far are:

Revision as of 22:19, 20 April 2007

Plain Old Semantic HTML (POSH)

Welcome to the POSH home page.

Origins

The acronym POSH was coined on 6 April 2007 on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for posh. A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the Microformats Dinner 2007 April 18 following Web 2.0 Expo reraised the idea of POSH and the importance of promoting the broader goal of POSH, of which microformats are built from and a proper subset thereof. For more see History.

Why

The term Semantic HTML is a mouthful, and belies both how simple it is, how well established it is among modern web designers, and the fact that it has benefits far beyond the obvious doing the right thing for the Web by using semantic markup. We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up).

Be POSH

What can you do to be POSH and to make your websites POSH?

  1. Publish POSH content. Read POSH resources and make sure your website publishes valid semantic (X)HTML, and uses semantic class names accordingly.
  2. Spread POSH. Encourage others to be POSH and POSHify their websites by linking to this page.
  3. Improve POSH. Help us gather resources to enable more people to easily POSHify their websites.

Resources

POSH Presentations

Presentations which explain and advocate concepts and techniques for utilizing semantic HTML. If/when this section gets too big, we can move it to posh-presentations.

POSH Tutorials

Step by step tutorials to create POSH content or upgrade existing content to POSH.

  • ...

POSH Magazines

Online (and off) magazines which frequently publish articles about semantic HTML. If/when this section gets too big, we can move it to posh-magazines.

POSH Blogs

Blogs that with some regularity post high quality discussions, insights, and in general have advanced the state of the art of POSH. If/when this section gets too big, we can move it to posh-blogs.

POSH Blog posts

Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. If/when this section gets too big, we can move it to posh-blog-posts.

See more blogs talking about "semantic HTML" and POSH.

Spread POSH

Now that you've poshified your website(s), what next? Well, help spread POSH to other websites!

  • Promote POSH. Make a POSH button (perhaps using semantic HTML and CSS ;) linking to this page and put it on your site, in your blogroll, in your footer, etc. Maybe even come up with a nice POSH button graphic and share it with the microformats community with a liberal license (public domain, CC-by-3.0, MIT, etc.)
  • Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites.
  • Come up with more ideas to help spread POSH. Here are a few.
    • Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
    • ...

Improve POSH

As you read the POSH resources documented here, what other POSH resources did you find? Add them to this page.

With your experience with both poshifying your sites and helping others do so, what have you learned? What kind of issues did you run into? What questions were commonly asked? What do you feel like you need to more easily and quickly help more people poshify their content?

History

A brief history of references to "POSH" in this context and "plain old semantic HTML".

plain old semantic HTML

The earliest references to "plain old semantic HTML" that have been found so far are:

If you can find earlier references, please add them and include a brief quotation of the context of the reference to "plain old semantic HTML".