value-excerption-value-title-test: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(see value-class-pattern instead)
No edit summary
Line 1: Line 1:
<entry-title>Value Excerption Pattern: Parsing 'value' from an empty element</entry-title>
HOW THING OUT
 
HOW ANYTHING OUT
<div class="usermessage">
HOW EVERYTHING OUT
'''This page was part of the development of the [[value-class-pattern]] and is here for historical purposes.'''
HOW UNIVERSE OUT
 
HOW MAKE THING OUT
'''Please see the [[value-class-pattern]] page instead.'''
HOW MAKE ANYTHING OUT
</div>
HOW MAKE EVERYTHING OUT
 
HOW MAKE UNIVERSE OUT
'''This page is targetted at those already experienced with microformats.'''
HOW THING BE OUT
 
HOW ANYTHING BE OUT
''Please carefully note, this page is about a pre-draft, experimental and unfinished microformats proposal. You '''cannot''' use this pattern on your live pages, it is '''not supported''' by any stable parser and you should not assume that this pattern will be finalized as-is! We're just asking for help in testing this thoroughly. '''Thank you'''.''
HOW EVERYTHING BE OUT
__TOC__
HOW UNIVERSE BE OUT
This is a special page to introduce and gather results to widespread testing of a '''proposed''' extension to the value-excerption pattern. See [[value-excerption-pattern-brainstorming#.E2.80.98value-title.E2.80.99|value excerption pattern brainstorming: value-title]] for the specific proposal.
HOW MAKE THING BE OUT
 
HOW MAKE ANYTHING BE OUT
This pattern can be used to resolve some long standing issues with including [[machine-data|machine-data in microformats]]; it's imperative we test thoroughly before adding it to any pattern specification. Following are a number of example tests. ''Please try them out''.
HOW MAKE EVERYTHING BE OUT
 
HOW MAKE UNIVERSE BE OUT
The pattern we're testing looks a little something like this. Those experienced with microformats should immediately see what we're trying to do:
HOW THING OUT
 
HOW ANYTHING OUT
<source lang=html4strict>
HOW EVERYTHING OUT
<p class='tel'>
HOW UNIVERSE OUT
    <span class='type'>
HOW MAKE THING OUT
        <span class='value-title' title='cell'></span>
HOW MAKE ANYTHING OUT
        mobile
HOW MAKE EVERYTHING OUT
    </span>
HOW MAKE UNIVERSE OUT
    <span class='value'>+44 7773 000 000</span>
HOW THING BE OUT
</p>
HOW ANYTHING BE OUT
</source>
HOW EVERYTHING BE OUT
 
HOW UNIVERSE BE OUT
<source lang=html4strict>
HOW MAKE THING BE OUT
<p class='dtstart'>
HOW MAKE ANYTHING BE OUT
    <span class='value-title' title='2009-01-06T22:54:00-0800'></span>
HOW MAKE EVERYTHING BE OUT
    January 6th, in the evening
HOW MAKE UNIVERSE BE OUT
</p>
HOW THING OUT
</source>
HOW ANYTHING OUT
 
HOW EVERYTHING OUT
It allows you to include machine-form data alongside the human form, without polluting visible formatted content with undesired machine form data.
HOW UNIVERSE OUT
 
HOW MAKE THING OUT
This covers cases where a microformat uses a fixed format of data that is either inappropriate for visible inclusion in a page (such as a full date-time and timezone string), or where an American-English keyword is needed — such as <code>cell</code> instead of ‘mobile’ in a British English page, or any number of non-English translations.
HOW MAKE ANYTHING OUT
 
HOW MAKE EVERYTHING OUT
This pattern is based on rendering behavior in browsers whereby an empty element — that is one containing no  text-nodes or other child elements — remains in the DOM tree (for parsing) but is not rendered visibly to a page. This allows an element to be included in the document with a <code>title</code> attribute (as in the example), but ''without'' a tooltip being exposed to users, and without the data being read out by screen readers.
HOW MAKE UNIVERSE OUT
 
HOW THING BE OUT
You can use <code>value-title</code> on non-empty elements as well; whatever makes most sense to your publishing scenario. This page is dedicated to the empty-element version though, since that offers up the consumption unknowns.
HOW ANYTHING BE OUT
 
HOW EVERYTHING BE OUT
Based on everything we know up to this point, we believe this pattern will work. But, it's wide ranging and the web is broad, and we want to be sure. Please, help us out testing this pattern proposal. Examples tests are below, please push them or your own variants into publishing systems, content management systems, editor applications and tools. Check that it comes out the other side with the data intact, and exposed (or hidden) as expected: Render it in desktop browsers, mobile browers, screen readers, in braille… ''anything you can test, we want to know about''! We need to see any quirks, oddities and so on.
HOW UNIVERSE BE OUT
 
HOW MAKE THING BE OUT
Also, by all means provide thoughts on the publishing flow for this. An empty element is an uncommon structure outside of forms and scripts, but the reasoning is as follows: ''‘Machine formatted data’ is not metadata, it is content. Therefore, it's structurally appropriate to have it as a sibling to the human-formatted content.''
HOW MAKE ANYTHING BE OUT
 
HOW MAKE EVERYTHING BE OUT
'''Note that valid HTML is a cornerstone of microformats'''. ''Inventing new attributes, depending on unstable drafts of HTML5, using non-standard DOCTYPEs or XML extensions is not an applicable option''. We're trying to achieve something as gracefully as we can within the limitations of HTML4, and without harming user experience.
HOW MAKE UNIVERSE BE OUT
 
HOW THING OUT
==The proposed parsing rules==
HOW ANYTHING OUT
 
HOW EVERYTHING OUT
The current, likely incomplete, parsing rules and restrictions for this pattern are as follows:
HOW UNIVERSE OUT
 
HOW MAKE THING OUT
* Only one <code>value-title</code> element may be included as a child of a property. No splitting or concatenation, no combining with other value-excerption elements.
HOW MAKE ANYTHING OUT
* An empty <code>value-title</code> element '''must''' be the ''first''-child of the property (not including any preceding whitespace). To alleviate the [[value-excerption-pattern-brainstorming#issues_2|negative impact of non-visible data]], the value should be as near as possible to declaring the property.
HOW MAKE EVERYTHING OUT
* The machine-data value ''must'' represent the same data as the visible text; the parent property ''must not'' contain arbitrary data. Validator tools will be encouraged to verify this where possible (for example, some programming languages have access to powerful date parsing algorithms that can compare human dates to the ISO form).
HOW MAKE UNIVERSE OUT
* The empty element can be ''any element'', but a generic <code>span</code> is most appropriate. You could use <code>b</code> if you want to save bytes, or an <code>input type=hidden</code> if it makes sense to you. That choice will not matter to parsers. You are in complete control of that publishing decision. As per usual µf documentation, <code>span</code> will be used for generic examples.
HOW THING BE OUT
* The <code>value-title</code> property does not have to be empty. If you ''do'' want a tool-tip to expose a useful data-form, you can. e.g. <code>&lt;span class='value-title' title='2008'>last year&lt;/span></code> is valid too.
HOW ANYTHING BE OUT
 
HOW EVERYTHING BE OUT
==Example Tests==
HOW UNIVERSE BE OUT
 
HOW MAKE THING BE OUT
The following snippets are example tests for the new pattern. You can use them as is, or use them as a base for your own tests with your own content. If you write your own tests, please document them under ‘additional test cases’ so that any failing tests can be checked for validity.
HOW MAKE ANYTHING BE OUT
 
HOW MAKE EVERYTHING BE OUT
===hAtom#1: An hAtom <code>published</code>/<code>updated</code> Property===
HOW MAKE UNIVERSE BE OUT
 
HOW THING OUT
<source lang=html4strict>
HOW ANYTHING OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW EVERYTHING OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW UNIVERSE OUT
<html lang="en">
HOW MAKE THING OUT
    <head>
HOW MAKE ANYTHING OUT
        <title>Value Excerption Pattern Test hAtom#1</title>
HOW MAKE EVERYTHING OUT
    </head>
HOW MAKE UNIVERSE OUT
    <body>
HOW THING BE OUT
        <div class="hentry">
HOW ANYTHING BE OUT
            <h1 class="entry-title">An introduction to Microformats</h1>
HOW EVERYTHING BE OUT
            <p>
HOW UNIVERSE BE OUT
                Published on <span class="published updated">
HOW MAKE THING BE OUT
                <span class="value-title" title="2009-01-09T11:33:00-0800"></span>
HOW MAKE ANYTHING BE OUT
                January 9th, around lunchtime</span>
HOW MAKE EVERYTHING BE OUT
                by <span class="author vcard">
HOW MAKE UNIVERSE BE OUT
                  <a class="url fn" href="http://example.com">
HOW THING OUT
                      Joe Blogger</a></span>.
HOW ANYTHING OUT
            </p>
HOW EVERYTHING OUT
            <p class="entry-content">Wow, microformats are really useful! You can
HOW UNIVERSE OUT
                learn loads about them on the
HOW MAKE THING OUT
                <a href="http://microformats.org/wiki">microformats wiki</a>.
HOW MAKE ANYTHING OUT
            </p>
HOW MAKE EVERYTHING OUT
        </div>
HOW MAKE UNIVERSE OUT
    </body>
HOW THING BE OUT
</html>
HOW ANYTHING BE OUT
</source>
HOW EVERYTHING BE OUT
 
HOW UNIVERSE BE OUT
===hCal#1: An hCalendar <code>dtstart</code>===
HOW MAKE THING BE OUT
 
HOW MAKE ANYTHING BE OUT
<source lang=html4strict>
HOW MAKE EVERYTHING BE OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW MAKE UNIVERSE BE OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW THING OUT
<html lang="en">
HOW ANYTHING OUT
    <head>
HOW EVERYTHING OUT
        <title>Value Excerption Pattern Test hCal#1</title>
HOW UNIVERSE OUT
    </head>
HOW MAKE THING OUT
    <body>
HOW MAKE ANYTHING OUT
        <div class="vevent">
HOW MAKE EVERYTHING OUT
            <h1 class="summary">Value Exception Test Day!</h1>
HOW MAKE UNIVERSE OUT
            <p class="description">Come help <span class="organizer vcard">
HOW THING BE OUT
                <a class="fn url org" href="http://microformats.org">microformats.org</a>
HOW ANYTHING BE OUT
                </span> test a new value-excerption pattern for sanity and
HOW EVERYTHING BE OUT
                robustness!
HOW UNIVERSE BE OUT
            </p>
HOW MAKE THING BE OUT
            <p>Help out by running some tests at
HOW MAKE ANYTHING BE OUT
              <span class="dtstart">
HOW MAKE EVERYTHING BE OUT
                <span class="value-title" title="2009-01-12T12:00:00-0800"></span>
HOW MAKE UNIVERSE BE OUT
                midday on Monday January 12th</span>.
HOW THING OUT
            </p>
HOW ANYTHING OUT
            <p>See <a class="url" href="http://microformats.org/wiki/value-excerption-pattern-issues/empty-value-element-test">the
HOW EVERYTHING OUT
                wiki</a> for more details!
HOW UNIVERSE OUT
            </p>
HOW MAKE THING OUT
        </div>
HOW MAKE ANYTHING OUT
    </body>
HOW MAKE EVERYTHING OUT
</html>
HOW MAKE UNIVERSE OUT
</source>
HOW THING BE OUT
 
HOW ANYTHING BE OUT
===hCard#1: An hCard <abbr title="birthday"><code>bday</code></abbr>===
HOW EVERYTHING BE OUT
 
HOW UNIVERSE BE OUT
<source lang=html4strict>
HOW MAKE THING BE OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW MAKE ANYTHING BE OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW MAKE EVERYTHING BE OUT
<html lang="en">
HOW MAKE UNIVERSE BE OUT
    <head>
HOW THING OUT
        <title>Value Excerption Pattern Test hCard#1</title>
HOW ANYTHING OUT
    </head>
HOW EVERYTHING OUT
    <body>
HOW UNIVERSE OUT
        <!-- Behind Test -->
HOW MAKE THING OUT
        <div class="vcard">
HOW MAKE ANYTHING OUT
            <h1 class="fn">Ben Ward</h1>
HOW MAKE EVERYTHING OUT
            <p>Ben Ward's birthday is
HOW MAKE UNIVERSE OUT
                <span class="bday">
HOW THING BE OUT
                    <span class="value-title" title="1984-02-09"></span>
HOW ANYTHING BE OUT
                    February 9th
HOW EVERYTHING BE OUT
                </span>.
HOW UNIVERSE BE OUT
                You should throw him a party! Or call his <span class="tel">
HOW MAKE THING BE OUT
                <span class="type"><span class="value-title" title="cell"></span>mobile</span>
HOW MAKE ANYTHING BE OUT
                on <span class="value">415.123.123</span></span> to wish him well!
HOW MAKE EVERYTHING BE OUT
            </p>
HOW MAKE UNIVERSE BE OUT
        </div>
HOW THING OUT
        <!-- End Test -->
HOW ANYTHING OUT
    </body>
HOW EVERYTHING OUT
</html>
HOW UNIVERSE OUT
</source>
HOW MAKE THING OUT
 
HOW MAKE ANYTHING OUT
===hAudio#1: An hAudio <code>duration</code>===
HOW MAKE EVERYTHING OUT
 
HOW MAKE UNIVERSE OUT
<source lang=html4strict>
HOW THING BE OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW ANYTHING BE OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW EVERYTHING BE OUT
<html lang="en">
HOW UNIVERSE BE OUT
    <head>
HOW MAKE THING BE OUT
        <title>Value Excerption Pattern Test hAudio#1</title>
HOW MAKE ANYTHING BE OUT
    </head>
HOW MAKE EVERYTHING BE OUT
    <body>
HOW MAKE UNIVERSE BE OUT
        <h1>Song of the year?</h1>
HOW THING OUT
        <!-- Behind Test -->
HOW ANYTHING OUT
        <p class="haudio">Did you hear ‘<span class="fn">Heavy Water</span>’ on
HOW EVERYTHING OUT
            <span class="contributor">Foals</span>
HOW UNIVERSE OUT
            ‘<span class="album">Antidodes</span>’ record
HOW MAKE THING OUT
            <span class="published">
HOW MAKE ANYTHING OUT
                <span class="value-title" title="2008"></span>
HOW MAKE EVERYTHING OUT
                last year
HOW MAKE UNIVERSE OUT
            </span>? It's
HOW THING BE OUT
            <span class="duration">
HOW ANYTHING BE OUT
                <span class="value-title" title="PT04M32S"></span>
HOW EVERYTHING BE OUT
                4 and a half minutes long
HOW UNIVERSE BE OUT
            </span>, you should make time to hear it!</p>
HOW MAKE THING BE OUT
        </div>
HOW MAKE ANYTHING BE OUT
        <!-- End Test -->
HOW MAKE EVERYTHING BE OUT
    </body>
HOW MAKE UNIVERSE BE OUT
</html>
HOW THING OUT
</source>
HOW ANYTHING OUT
 
HOW EVERYTHING OUT
''If you believe there is an error in any of these tests, or in any others that people contribute, please post on the {{MicroformatsMailingList}}.''
HOW UNIVERSE OUT
 
HOW MAKE THING OUT
==Evil Tests==
HOW MAKE ANYTHING OUT
 
HOW MAKE EVERYTHING OUT
If you want to give existing microformat parsers a good run out, construct ‘evil’ tests using nesting, combination and interpolation of different microformats.
HOW MAKE UNIVERSE OUT
 
HOW THING BE OUT
===hAtom + hCalendar===
HOW ANYTHING BE OUT
 
HOW EVERYTHING BE OUT
<source lang=html4strict>
HOW UNIVERSE BE OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW MAKE THING BE OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW MAKE ANYTHING BE OUT
<html lang="en">
HOW MAKE EVERYTHING BE OUT
    <head>
HOW MAKE UNIVERSE BE OUT
        <title>Value Excerption Pattern Test hAtomhCalEvil#1</title>
HOW THING OUT
    </head>
HOW ANYTHING OUT
    <body>
HOW EVERYTHING OUT
        <div class="hentry vevent">
HOW UNIVERSE OUT
            <h1 class="entry-title summary">An introduction to Microformats</h1>
HOW MAKE THING OUT
            <p>
HOW MAKE ANYTHING OUT
                Published on <span class="published updated">
HOW MAKE EVERYTHING OUT
                <span class="value-title" title="2009-01-09T11:33:00-0800"></span>
HOW MAKE UNIVERSE OUT
                January 11th, late afternoon</span>
HOW THING BE OUT
                by <span class="author organizer vcard">
HOW ANYTHING BE OUT
                  <a class="url fn" href="http://example.com">
HOW EVERYTHING BE OUT
                      Joe Blogger</a></span>.
HOW UNIVERSE BE OUT
            </p>
HOW MAKE THING BE OUT
            <p class="entry-content description">
HOW MAKE ANYTHING BE OUT
                <span class="dtstart">
HOW MAKE EVERYTHING BE OUT
                    <span class="value-title" title="2009-01-14T19:00:00"></span>
HOW MAKE UNIVERSE BE OUT
                    this coming Wednesday at 7
HOW THING OUT
                </span> is not the date of a completely fictional microformats
HOW ANYTHING OUT
                event. If it existed, it would promise to be informative and get
HOW EVERYTHING OUT
                you up to speed on microformats.org for 2009! Now you've
HOW UNIVERSE OUT
                learned to work with microformats a little, why not attend and
HOW MAKE THING OUT
                get involved! Why not? Because this event is a test case, not
HOW MAKE ANYTHING OUT
                for real.
HOW MAKE EVERYTHING OUT
            </p>
HOW MAKE UNIVERSE OUT
        </div>
HOW THING BE OUT
    </body>
HOW ANYTHING BE OUT
</html>
HOW EVERYTHING BE OUT
</source>
HOW UNIVERSE BE OUT
 
HOW MAKE THING BE OUT
==Second Phase Test==
HOW MAKE ANYTHING BE OUT
 
HOW MAKE EVERYTHING BE OUT
Following the first wave of example tests (above), we had a handful of failures in publishing tools caused by the requirement of using the empty span element. Tools (including the widespread HTML-Tidy) drop the <code>span</code>, thus throwing away the data. Thus, we have a second test to claim confirmation on, please. This version includes a single whitespace (space) character in the <code>value-title</code> span. The result of this is that the publishing tools that failed in the above example pass. We now need to confirm that the single item of whitespace will also collapse (we believe it does). Here's a rewrite of the first hAtom test from above, with the whitespace variation:
HOW MAKE UNIVERSE BE OUT
 
HOW THING OUT
<source lang=html4strict>
HOW ANYTHING OUT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
HOW EVERYTHING OUT
    "http://www.w3.org/TR/html4/strict.dtd">
HOW UNIVERSE OUT
<html lang="en">
HOW MAKE THING OUT
    <head>
HOW MAKE ANYTHING OUT
        <title>Value Excerption Pattern Test hAtom#1</title>
HOW MAKE EVERYTHING OUT
    </head>
HOW MAKE UNIVERSE OUT
    <body>
HOW THING BE OUT
        <div class="hentry">
HOW ANYTHING BE OUT
            <h1 class="entry-title">An introduction to Microformats</h1>
HOW EVERYTHING BE OUT
            <p>
HOW UNIVERSE BE OUT
                Published on <span class="published updated">
HOW MAKE THING BE OUT
                <span class="value-title" title="2009-01-09T11:33:00-0800"> </span>
HOW MAKE ANYTHING BE OUT
                January 9th, around lunchtime</span>
HOW MAKE EVERYTHING BE OUT
                by <span class="author vcard">
HOW MAKE UNIVERSE BE OUT
                  <a class="url fn" href="http://example.com">
HOW THING OUT
                      Joe Blogger</a></span>.
HOW ANYTHING OUT
            </p>
HOW EVERYTHING OUT
            <p class="entry-content">Wow, microformats are really useful! You can
HOW UNIVERSE OUT
                learn loads about them on the
HOW MAKE THING OUT
                <a href="http://microformats.org/wiki">microformats wiki</a>.
HOW MAKE ANYTHING OUT
            </p>
HOW MAKE EVERYTHING OUT
        </div>
HOW MAKE UNIVERSE OUT
    </body>
HOW THING BE OUT
</html>
HOW ANYTHING BE OUT
</source>
HOW EVERYTHING BE OUT
 
HOW UNIVERSE BE OUT
The WYSIWYG editors can also publish the original pattern using the <code>input type=hidden</code> element rather than a <code>span</code>, but we're keen to avoid prescribing mark-up to any publisher (especially mark-up of ‘elaborate’ semantics).
HOW MAKE THING BE OUT
 
HOW MAKE ANYTHING BE OUT
A second column has been added to the results to confirm each item that also passes with the inclusion of whitespace. Failures should be documented in the same place, please.
HOW MAKE EVERYTHING BE OUT
 
HOW MAKE UNIVERSE BE OUT
This test is also hosted on Ben Ward's domain, so you can run it right in your browser by going to [http://ben-ward.co.uk/microformats/value-excerption-pattern/hAtom2.html http://ben-ward.co.uk/microformats/value-excerption-pattern/hAtom2.html].
HOW THING OUT
 
HOW ANYTHING OUT
==Verifying the tests==
HOW EVERYTHING OUT
 
HOW UNIVERSE OUT
To verified a successfully passing test, you need to check for the following:
HOW MAKE THING OUT
 
HOW MAKE ANYTHING OUT
===In consumers (browsers, screen readers, etc.)===
HOW MAKE EVERYTHING OUT
 
HOW MAKE UNIVERSE OUT
* The empty element should appear in the page <abbr title='Document Object Model'>DOM</abbr>
HOW THING BE OUT
* When hovering over and near the visible data, a tooltip displaying the machine-form ''must not'' be displayed.
HOW ANYTHING BE OUT
** You can doubly verify this by opening you browser's DOM Inspector and confirming that the <code>value-title</code> element has a width of <samp>0</samp> (or <samp>0 px</samp>).
HOW EVERYTHING BE OUT
* When rendered to speech using assistive technology, the machine-form data ''must not'' be read aloud.
HOW UNIVERSE BE OUT
** Any variance in this behavior with different verbosity settings should be noted too, please.
HOW MAKE THING BE OUT
 
HOW MAKE ANYTHING BE OUT
===In publishing tools===
HOW MAKE EVERYTHING BE OUT
 
HOW MAKE UNIVERSE BE OUT
* The tool allows you to create an empty span element
HOW THING OUT
** The tool allows you to add <kbd>value-title</kbd> to the <code>class</code> attribute of this empty element.
HOW ANYTHING OUT
** The tool allows you to add corresponding date to the <code>attribute</code> attribute of this empty element.
HOW EVERYTHING OUT
* The element remains available in the editor whilst other edits are made
HOW UNIVERSE OUT
* When the content is ‘published’ to the web, the empty element is present in the page output, and therefore in the DOM for the document.
HOW MAKE THING OUT
 
HOW MAKE ANYTHING OUT
==Response==
HOW MAKE EVERYTHING OUT
 
HOW MAKE UNIVERSE OUT
* Don't like the empty element? Don't like the use of the title attribute? '''Please file general issues concerning the proposed pattern on the main [[value-excerption-pattern-brainstorming#enabling_more_use_of_title_attributes|value excerption brainstorming page]]''', or discuss them on the {{MicroformatsMailingList}}.
HOW THING BE OUT
* Add results of tests and responses to these tests themselves on ''this page''.
HOW ANYTHING BE OUT
 
HOW EVERYTHING BE OUT
Misplaced responses will be moved, and having to do so will make [[User:BenWard|Ben]] growly, so, y'know, please try to keep the wiki tidy.
HOW UNIVERSE BE OUT
 
HOW MAKE THING BE OUT
=== Please Also Try ===
HOW MAKE ANYTHING BE OUT
Please also try the [[value-excerption-dt-separation-test]]. This is not either or. Ideally both will work and can be carried forward.
HOW MAKE EVERYTHING BE OUT
 
HOW MAKE UNIVERSE BE OUT
===Successful Tests===
HOW THING OUT
 
HOW ANYTHING OUT
List successfully tested environments here. Add new environments as new list items, and expand existing list items with your name and platform variants to indicate verified successes.
HOW EVERYTHING OUT
 
HOW UNIVERSE OUT
{|
HOW MAKE THING OUT
|+ Results of tests across various publishing/rendering environments
HOW MAKE ANYTHING OUT
|-
HOW MAKE EVERYTHING OUT
! Product
HOW MAKE UNIVERSE OUT
! <abbr title="Publishing or Consuming?">P/C?</abbr>
HOW THING BE OUT
! Platforms
HOW ANYTHING BE OUT
! Test By
HOW EVERYTHING BE OUT
! Notes
HOW UNIVERSE BE OUT
! <abbr title='Test 2 with Whitespace'>T2</abbr>
HOW MAKE THING BE OUT
|-
HOW MAKE ANYTHING BE OUT
| MediaWiki/Linux
HOW MAKE EVERYTHING BE OUT
| Publishing
HOW MAKE UNIVERSE BE OUT
| Safari 3.2.1 (Mac OSX 10.5)
HOW THING OUT
| [[User:BenWard]]
HOW ANYTHING OUT
| The empty <code>span</code> elements are maintained in <abbr title="MediaWiki">MW</abbr> output. Note that <code>a</code> elements in the tests get escaped by this MediaWiki install.
HOW EVERYTHING OUT
|-
HOW UNIVERSE OUT
| TinyMCE 3.2.1.1
HOW MAKE THING OUT
| Publishing
HOW MAKE ANYTHING OUT
| Safari 3.2.1 (Mac OSX 10.5)
HOW MAKE EVERYTHING OUT
| [[User:BenWard]]
HOW MAKE UNIVERSE OUT
| Fails when trying to publish empty element (see below)
HOW THING BE OUT
| Pass
HOW ANYTHING BE OUT
|-
HOW EVERYTHING BE OUT
| FCKEditor 2.6.4 Beta
HOW UNIVERSE BE OUT
| Publishing
HOW MAKE THING BE OUT
| Safari 3.2.1 (Mac OSX 10.5)
HOW MAKE ANYTHING BE OUT
| [[User:BenWard]]
HOW MAKE EVERYTHING BE OUT
| Fails when trying to publish empty element (see below)
HOW MAKE UNIVERSE BE OUT
| Pass
HOW THING OUT
|-
HOW ANYTHING OUT
| Safari 2.0.4
HOW EVERYTHING OUT
| Consuming
HOW UNIVERSE OUT
| Mac OSX 10.5
HOW MAKE THING OUT
| [[User:GeorgeBrock]]
HOW MAKE ANYTHING OUT
| Empty-span reamins in DOM. No tooltip.
HOW MAKE EVERYTHING OUT
| Pass
HOW MAKE UNIVERSE OUT
|-
HOW THING BE OUT
| Safari 3.0.3
HOW ANYTHING BE OUT
| Consuming
HOW EVERYTHING BE OUT
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
HOW UNIVERSE BE OUT
| [[User:EmilyLewis]]
HOW MAKE THING BE OUT
| No tooltip
HOW MAKE ANYTHING BE OUT
|-
HOW MAKE EVERYTHING BE OUT
| Safari 3.2.1
HOW MAKE UNIVERSE BE OUT
| Consuming
HOW THING OUT
| Mac OSX 10.5,
HOW ANYTHING OUT
| [[User:BenWard]], [[User:EmilyLewis]]
HOW EVERYTHING OUT
| Empty-span remains in DOM. Web Inspector reports the element has width and height of ‘0px’. No tooltip due to zero-dimensions.
HOW UNIVERSE OUT
| Pass
HOW MAKE THING OUT
|-
HOW MAKE ANYTHING OUT
| Firefox 2.0
HOW MAKE EVERYTHING OUT
| Consuming
HOW MAKE UNIVERSE OUT
| Mac OSX 10.5
HOW THING BE OUT
| [[User:GeorgeBrock]], [[User:BenWard]]
HOW ANYTHING BE OUT
| Empty-span remains in DOM. Firebug reports the element has width of '0px' and height of ‘16px’. No tooltip due to zero-width.
HOW EVERYTHING BE OUT
| Pass
HOW UNIVERSE BE OUT
|-
HOW MAKE THING BE OUT
| Firefox 3.0.x
HOW MAKE ANYTHING BE OUT
| Consuming
HOW MAKE EVERYTHING BE OUT
| Mac OSX 10.5,
HOW MAKE UNIVERSE BE OUT
| [[User:BenWard]], [[User:EmilyLewis]]
| Empty-span remains in DOM. Firebug reports the element has width of '0px' and height of ‘16px’. No tooltip due to zero-width.
| Pass
|-
| Firefox 3.0.x
| Consuming
| Windows XP SP3,
| [[User:EmilyLewis]]
| no tooltip
|-
| Firefox 3.1ß1
| Consuming
| Mac OSX 10.5,
| [[User:BenWard]]
| Empty-span remains in DOM. No tooltip.
|-
| Opera 9.6
| Consuming
| Mac OSX 10.5.6
| [[User:EmilyLewis]]
| No tooltip
|-
| Opera 9.62
| Consuming
| Mac OSX 10.5, Windows XP SP3
| [[User:BenWard]], [[User:EmilyLewis]]
| Empty-span remains in DOM. Dragonfly reports the element has width of '0px' and height of ‘0px’. No tooltip due to zero-dimensions.
| Pass
|-
| Opera 10 Alpha
| Consuming
| Mac OSX 10.5
| [[User:BenWard]]
| Empty-span remains in DOM. Dragonfly reports the element has width of '0px' and height of ‘0px’. No tooltip due to zero-dimensions.
| Pass
|-
| Internet Explorer 5.2
| Consuming
| Mac OSX 10.5,
| [[User:BenWard]]
| No tooltip.
| Pass
|-
| Internet Explorer 6.0
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:GeorgeBrock]], [[User:EmilyLewis]]
| Empty-span remains in DOM (visible to Web Developer Toolbar, accessible from Javascript). No tooltip.
| Pass
|-
| Internet Explorer 7.0
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:GeorgeBrock]], [[User:EmilyLewis]]
| Empty-span remains in DOM (visible to Web Developer Toolbar, accessible from Javascript). No tooltip.
| Pass
|-
| Internet Explorer 8.0 beta 2
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:GeorgeBrock]]
| Empty-span remains in DOM. Developer Tools (built in to <abbr title="Internet Explorer 8 beta 2">IE8b2</abbr>) report the element has width of '0px' and height of '19px'. No tooltip due to zero-width.
| Pass
|-
| Camino 1.6.5
| Consuming
| Mac OSX 10.5.6
| [[User:EmilyLewis]]
| No tooltip
|-
| Camino 1.6.6
| Consuming
| Mac OSX 10.5.6
| [[User:GeorgeBrock]]
| Empty-span remains in DOM. [http://getfirebug.com/lite.html Firebug Lite] reports width of '0px' and height of '16px'. No tooltip due to zero-width.
| Pass
|-
| Flock 2.0.2
| Consuming
| Mac OSX 10.5.6
| [[User:EmilyLewis]]
| No tooltip
|-
| Flock 2.0.2
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:EmilyLewis]]
| No tooltip
|-
| Chrome 1.0.154.43
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:EmilyLewis]]
| No tooltip
|-
| BlackBerry Browser
| Consuming
| BlackBerry Storm OS 4.0.7.85 (leaked, non-official OS build from Verizon)
| [[User:EmilyLewis]]
| Tested in ‘BlackBerry mode’. No tooltip
|-
| MobileSafari 2.2
| Consuming
| iPhone OS 2.2
| [[User:EmilyLewis]], [[User:BenWard]]
| No tooltip
| Pass
|-
| IE Mobile 7.11
| Consuming
| Sprint HTC Mogul, OS: Windows Mobile 6.1
| [[User:EmilyLewis]]
| No tooltip
|-
| JAWS 10.0.512 (demo mode)
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:EmilyLewis]]
| No voice
|-
| Fire Vox (Firefox 3.0.5)
| Consuming
| Mac OSX 10.5.6
| [[User:EmilyLewis]]
| No voice
|-
| WebbIE (Thunder 1.43)
| Consuming
| Windows XP (<abbr title="Service Pack 3">SP3</abbr>)
| [[User:EmilyLewis]]
| No voice
|-
| VoiceOver (Safari 3.2.1)
| Consuming
| Mac OSX 10.5.6
| [[User:EmilyLewis]], [[User:BenWard]]
| No voice. When interacting with elements, cannot focus on the empty-span.
| Pass
|-
|}
 
===Failed Tests===
 
For failures, please provide as much information as you can. The precise impact of the error, whether the behavior could be regarded as a bug in the software you're testing, whether it works in subsequent releases, whether you changed any settings in the software to produce the result, and if so, whether enabling/disabling that setting should be regarded a showstopper if this pattern were certified.
 
Since we want more detail, please expand failures into headed sections rather than cramming into a table.
 
For example, take this entirely plausible scenario as a template:
 
====Example: Fake Publisher 3.1ß====
; Platform
: Windows Vista
; Test By
: [[User:BenWard]]
; Description
: When trying to enter an empty span in my <abbr title="Hypertext Markup Language">HTML</abbr> editor, which I wrote myself whilst I was high, the application immediately crashes, performs <code>rm -rf /</code> on all UNIX boxes connected to my local network (which also appears to cause Android phones within Bluetooth range to do the same…), and then causes all attached peripherals to combust. I was not able to reproduce, as my house was now on fire. I think using a self closing XHTML tag instead might work-around the problem because as we know, it's been proved by Real Scienticians that XML is always better than HTML. Alternatively, it may be a bug in the beta software.
; Notes
: This is a beta release, and a bug has been filed.
: This product has a known history of flammability bugs.
: The user must explicitly enable the ‘Endanger My Life’ checkbox under the ‘Advanced Mislabelled Checkboxes’ tab of the ‘Complicated Preferences’ preferences pane.
: You get the idea.
 
 
====Browser <abbr title="What you see is what you get">WYSIWYG</abbr> editor: [http://tinymce.moxiecode.com/ TinyMCE 3.2.1.1]====
; Platform
: Firefox 3.0 on Mac OSX 10.5
; Test By
: [[User:GeorgeBrock]]
; Description
: Empty spans entered using TinyMCE's source editor are removed when switching back to the default WYSIWYG view.
: This is not a bug with TinyMCE, the editor is designed to remove empty instances of most elements by default. The handling of empty elements can be changed by modifying the [http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements valid-elements setting] (e.g. change <code>-span</code> to <code>span</code> and empty spans will no longer be removed), however settings can only be changed by modifying the source code of the page that contains the TinyMCE instance, so it is likely that some users will not be able to apply this fix.
; Notes
: This behavior can be easily reproduced using the online [http://tinymce.moxiecode.com/examples/full.php TinyMCE examples].
: TinyMCE is the default WYSIWYG editor in WordPress[http://codex.wordpress.org/TinyMCE].
: With a single whitespace character (‘space’), the <code>span</code> is preserved, but yet still seems to collapse in Safari. Will write a follow-up test.--[[User:BenWard|BenWard]] 23:11, 20 January 2009 (UTC)
: You ''can'' publish this pattern using the <code>input type='hidden' class='value-title' title='2009-01-20'</code> hinted above. Semantically odd, although it's been suggested on µf lists before. Publishing workaround exists through element agnosticism. --[[User:BenWard|BenWard]] 23:11, 20 January 2009 (UTC)
 
====Browser <abbr title="What you see is what you get">WYSIWYG</abbr> editor: [http://www.fckeditor.net/ FCKEditor 2.6.4 Beta]====
; Platform
: Firefox 3.0 on Mac OSX 10.5
; Test By
: [[User:GeorgeBrock]]
; Description
: Empty spans entered using FCKEditor's source editor are removed when switching back to the default WYSIWYG view or submitting the form that contains the FCKEditor instance.
; Notes
: This behavior can be easily reproduced using the online [http://www.fckeditor.net/demo FCKEditor demo].
: FCKEditor is used by various content management systems, frameworks and applications[http://www.fckeditor.net/whosusing].
: With a single whitespace character (‘space’), the <code>span</code> is preserved, but yet still seems to collapse in Safari. Will write a follow-up test.--[[User:BenWard|BenWard]] 23:12, 20 January 2009 (UTC)
: You ''can'' publish this pattern using the <code>input type='hidden' class='value-title' title='2009-01-20'</code> mentioned above. --[[User:BenWard|BenWard]] 23:12, 20 January 2009 (UTC)
: This issue does not effect FCKEditor instances that use the Placeholders plugin (this plugin comes with FCKEditor, enable it using <code>FCKConfig.Plugins.Add('placeholder')</code>).  Examining the Placeholders plugin code may yield an easier work-around than including the plugin (I had a quick look but didn't see anything that was obviously responsible for allowing empty spans) -[[User:GeorgeBrock|GeorgeBrock]] 23:20, 20 January 2009 (UTC)
 
<!-- Additional failure reports go above this line, please -->
 
===General Test Feedback===
<div class='discussion'>
* Any general feedback you have on this test is most welcome. However, if you have issues with the pattern or alternate suggestions, please file them on the main [[value-excerption-pattern-issues]] page. Also, please remember to sign your comments with <nowiki>—~~~~</nowiki> —[[User:BenWard|BenWard]] 00:12, 9 January 2009 (UTC)
* … <!-- New topic as a top-level list item  -->
** … <!-- Responses as nested list item for threading -->
</div>
 
==Related Pages==
* [[value-excerption-pattern]]
* [[value-excerption-pattern-issues]]
* [[value-excerption-pattern-brainstorming]]
* [[value-excerption-dt-separation-test]]

Revision as of 05:17, 19 August 2013

HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT HOW THING OUT HOW ANYTHING OUT HOW EVERYTHING OUT HOW UNIVERSE OUT HOW MAKE THING OUT HOW MAKE ANYTHING OUT HOW MAKE EVERYTHING OUT HOW MAKE UNIVERSE OUT HOW THING BE OUT HOW ANYTHING BE OUT HOW EVERYTHING BE OUT HOW UNIVERSE BE OUT HOW MAKE THING BE OUT HOW MAKE ANYTHING BE OUT HOW MAKE EVERYTHING BE OUT HOW MAKE UNIVERSE BE OUT