User:SMcCandlish/sandbox

From Wikipedia, the free encyclopedia
Jump to: navigation, search


HTML5 aside test[edit]

<aside>Aside test</aside>

Block and inline-block elements tests[edit]

term 1
Definition 1.
term 2
1. Definition 2a start.

Definition 2a conclusion.

2. Definition 2b.
term 3
Definition 3.
term 4
1. Definition 4a start.

Definition 4a conclusion.

2. Definition 4b.
term 5
Definition 5.
term 6
1. Definition 6a start.

Definition 6a conclusion.

2. Definition 6b.
term 7
Definition 7.
term 8
1. Definition 8a start. Definition 8a conclusion.
2. Definition 8b.
Compare blockquote handling:

Paragraph 1.

Paragraph 2.

Paragraph 3.

Paragraph 4.

Paragraph 5.

Paragraph 6.

Paragraph 7. Paragraph 8.

Compare unordered list handling:
  • Item 1a. Item 1b.
  • Item 2.
  • Item 3a. Item 3b.
  • Item 4.
  • Item 5a. Item 5b.
  • Item 6.
  • Item 7a. Item 7b.
  • Item 8.
Compare ordered list handling:
  1. Item 1a. Item 1b.
  2. Item 2.
  1. Item 3a. Item 3b.
  2. Item 4.
  1. Item 5a. Item 5b.
  2. Item 6.
  1. Item 7a. Item 7b.
  2. Item 8.

CatScan test[edit]

HILLBLU lente.png
Articles in Category:Cue_sports

to a sub-cat. depth of 5

This was not working (ToolServer error) as of 2012-12-24.  ⇒

Template:B test[edit]

B

 |b1  =
 |b2  =
 |b3  =
 |b4  =
 |b5  =
 |b6  =

Infobox comparison[edit]

Infobox person Infobox sportsperson
Rev.
Thést Perssonne
ULC
Native name Ϡθζ҂ Ӕᾞ𐌄
Born Thést Alexis Hex-Perssonne
(1969-07-23) July 23, 1969 (age 48)
International Space Station
Died Timbuktu
Cause of death Terminal ennui syndrome
Body discovered Template:Body discovered
Resting place Red Square
Monuments List of monuments
Residence Coit Tower, San Francisco
Nationality Circassian
Other names T. A. Perssone-Bigglesworth
Citizenship Stateless
Education List of degrees
Alma mater School of Hard Knocks
Occupation Professional gambler
Years active 1987–2012
Employer
  • Mafia
  • CIA
  • Vatican
Organization
  • Rock 'n' Roll Hall of Fame
  • Save the Albinos
Agent 007.1b
Known for Lost of stuff "known for"
Notable work List of notable works
Style {{{style}}}
Home town San Francisco
Salary One MEELion dollars
Television {{{television}}}
Title {{{title}}}
Term 2010–2011
Predecessor Justin Case
Successor Won-ton Jamera
Political party All Night Long Party
Movement Save the Albinos
Opponent(s) Zimbabwean witchdoctors
Board member of SCICOP
EFF
Criminal charge Biting strangers
Criminal penalty Teeth removed for 2 years
Criminal status Paroled
Spouse(s) A pair of twin brothers from Gambia
Partner(s) Random dudes from the bar
Children Lots
Parent(s) Deceased
Relatives All over the place
Call-sign XXX
Awards List of awards here
Website snorkelfactory.com
Notes
Footnotes go here.
Rev.
Thést Perssonne
ULC
Personal information
Native name Ϡθζ҂ Ӕᾞ𐌄
Birth name Thést Alexis Hex-Perssonne
Nationality Circassian
Ethnicity Afro-Aleut
Citizenship Stateless
Born (1969-07-23) July 23, 1969 (age 48)
International Space Station
Died Timbuktu
Resting place Red Square
Monuments List of monuments
Residence Coit Tower, San Francisco
Education List of degrees
Alma mater School of Hard Knocks
Occupation Professional gambler
Years active 1987–2012
Employer
  • Mafia
  • CIA
  • Vatican
Agent 007.1b
Spouse(s) A pair of twin brothers from Gambia
Other interests Chocolate
Snipe hunting
Website snorkelfactory.com
Sport
Country Rohan
Sport Orcslaying
Club Superduperpooperscooper
Team YabbaDabbaDoo
Partner Random dudes from the bar
Achievements and titles
Personal best(s) Fnord

Sig tests date formatting gadget[edit]

SMcCandlish   Talk⇒ ɖ∘¿¤þ   Contribs. 12:36, 27 February 2012 (UTC)

SMcCandlish   Talk⇒ ɖ∘¿¤þ   Contribs. 1:36, 26 February 2012 (UTC)

SMcCandlish   Talk⇒ ɖ∘¿¤þ   Contribs. 12:36, 27 January 2012 (UTC)

SMcCandlish   Talk⇒ ɖ∘¿¤þ   Contribs. 12:36, 27 February 2011 (UTC)

Ubox test[edit]

PC-0 This user is politically incorrect.
Noia 64 apps karm.svg This user has been on Wikipedia for 12 years, 4 months and 7 days.
6k+
Tailed jay PRA01.jpg This user has contributed 25 images to Wikipedia and Commons.
tyop
typo
This user is a member of the
Wikipedia Typo Team.

Inline tags[edit]

Citation style comparison[edit]

Extended content

User:Gadget850/Cite comparisons

CfD multi-cat. nomination formatting[edit]

Indexes of articles[edit]

Propose renaming:
Category:Indexes of articles to Category:Indexes of topics
Category:Indexes of biographical articles to Category:Indexes of biographical topics  
Category:Indexes of engineering articles to Category:Indexes of engineering topics  
Category:Indexes of mathematics articles to Category:Indexes of mathematics topics  
Category:Indexes of philosophy articles to Category:Indexes of philosophy topics  
Category:Indexes of religion articles to Category:Indexes of religion topics  
Category:Indexes of articles by country to Category:Indexes of topics by country  
Category:Indexes of articles by U.S. state to Category:Indexes of topics by U.S. state  
Propose merging redundant category Category:Indexes of articles by region with Category:Lists of topics by region and renaming to Category:Indexes of topics by region
Nominator's rationale: The names need to be "Index" not lists, per main category Category:Indexes of topics and more importantly because they're not regular, free-form list articles, but bare alphabetical indexes. The majority of new ones being created are named "Index of...". And it needs to be "topics", despite current name of main category, because more and more indexes in these categories are named with "topics", since a large number of these indexes are indexing more than articles (portals, categories, maps, etc., etc). "Articles" in their title is a misleading misnomer. Even in individual cases where it isn't yet, it probably eventually will be; meanwhile, the more general "topics" is never inaccurate, even when an index is presently just of articles. — SMcCandlish Talk⇒ ʕ(Õلō Contribs. 08:02, 17 December 2011 (UTC)

Complex, copy-pasteable lists[edit]

No known graphical browsers include the automatically generated list item numbers or bullets as copy-pasteable content. Try it yourself:

  1. An ordered list item
  • An unordered list item

Note that you can copy-paste neither the item number nor the bullet. The entire block of content will paste (e.g. into a word processor file or an e-mail) as just:

An ordered list item
An unordered list item

In most cases in Wikipedia article content, which is intended to be re-used in as many ways as possible, the numbering is important to the content, and in some cases crucial (see, for example, the numbered lists at Billiard balls). Bullets are usually less important, but they are a strong aid to readability in both graphical and text-based browsers, and in copy-pasted list content. Because these list item markers are, in the encyclopedic context, actually valuable content, it is better to suppress the display of auto-generated numbers and bullets, and instead number and bulletize the items manually. This largely does not apply to project pages, talk pages, and other non-article material, since it is generally internal to the project and not intended for broad reuse.

As of this writing, the only known technique for making list numbers and bullets copy-pasteable requires manual use of HTML and CSS, instead of just wiki markup's "#" and "*" shorthand, which do not work properly for this purpose. While there is not presently a non-manual means of resolving this copy-paste issue, the MediaWiki developers and/or some Wikipedia template editors may eventually provide improved, easier methods.

The next few sections on different pasteable list types shows basic coding, without getting into alignment formatting, which is in subsequent sections.

Pasteable ordered numeric lists[edit]

<ol style="list-style: none;">
<li>1.&nbsp;&nbsp;An unordered item</li>
<li>2.&nbsp;&nbsp;Another unordered item</li>
</ol>

gives

  1. 1.  An unordered item
  2. 2.  Another unordered item
Pure HTML version
<ol style="list-style: none;">
<li>1.&nbsp;&nbsp;An unordered item</li>
<li>2.&nbsp;&nbsp;Another unordered item</li>
</ol>

gives

  1. 1.  An unordered item
  2. 2.  Another unordered item

If the list does not begin with 1, it is good for metadata reasons to ensure that the start= position is correct anyway, since software tools parsing the content may not even notice that the display is visually suppressed, and use this value for their own purposes:

<ol style="list-style: none;" start="242">
<li>242.&nbsp;&nbsp;An unordered item</li>
<li>243.&nbsp;&nbsp;The next item</li>
</ol>

gives

  1. 242.  An unordered item
  2. 243.  The next item

Descending series (or numbers otherwise not incrementally ascending) should be be done individually:

<ol style="list-style: none;">
<li value="242">242.&nbsp;&nbsp;An unordered item</li>
<li value="241">241.&nbsp;&nbsp;The next descending item</li>
</ol>

gives

  1. 242.  An unordered item
  2. 241.  The next descending item

Pasteable unordered bullet lists[edit]

<ul style="list-style: none; margin-left: 0.5em;">
<li>{{lidot}}A bullet item</li>
<li>{{lidot}}Another bullet item</li>
</ul>

gives

  •   A bullet item
  •   Another bullet item

Pasteable nested lists[edit]

<ul style="list-style: none; margin-left: 0.5em;">
<li>{{lidot}}Dog
  <ul style="list-style: none; margin-left: 1.5em;">
  <li>{{lidot}}Retriever
    <ul style="list-style: none; margin-left: 1.5em;">
    <li>{{lidot}}Labrador</li>
  </li>
  <li>{{lidot}}Hound</li>
  </ul>
</li>
<li>{{lidot}}Cat</li>
</ul>

gives

  •   Dog
    •   Retriever
      •   Labrador
    •   Hound
  •   Cat

Compare the autogenerated version:

  • Dog
    • Retriever
      • Labrador
    • Hound
  • Cat

Vertical alignment[edit]

MediaWiki's built-in parsing of wikicode leaves a lot to be desired when it comes to flexible and consistent formatting of lists. By using HTML and wiki templates, a much richer system of list control is available.

The MediaWiki parser puts the manual numbering (and bulleting) of custom lists like this inside the content of each list item, but does not move the lists items to the left when the auto-generated bullets and numbers are suppressed; it is as if the parse is reserving space for "phantom" number.

  1. 1.  A copy-pasteable ordered list item, with no alignment formatting
  1. An auto-generated ordered list item. Note how much further to the left it is, and that the pasteable one's number is aligned with this one's content (as highlighted in grey, in graphical browsers, for this example).

We have to overcome this minor formatting problem with CSS (when it matters - in articles with only one, short list, or several formatted the same way, the exact positioning isn't really of any concern).

Numbers[edit]

Ordered, numbered lists look best when aligned to the decimal point (or other punctuation) following the number. The MediaWiki parser does this automatically with its very simple but limited wikicode markup. For more complex lists done in HTML, this compensation has to be performed manually.

For simpler lists that will not clash in appearance with other lists on the same page (because they're formatted this way too, they're bullet lists, or there aren't any), the easy way is to just use &nbsp; to the left of the shorter numbers enough times that it looks right, usually twice per missing digit:

  1.     1.  The first ordered item
  2.     2.  The second ordered item...
  3.   10.  The tenth ordered item...
  4. 100.  The one-hundredth ordered item

This is really only practical for short lists, and is only approximate (because some numerals are wider than others in most fonts). The technique remains useful for lists with few item, each of which has a substantial amount of content, making it difficult to notice any slight misalignment. Note that the margin-left value will have to be adjusted for longer lists (see single, double and triple digit code below for exact values) to get positioning that is near-identical to auto-generated lists.

Compare the poor formatting of the unadjusted version:

  1. 1.  The first ordered item
  2. 2.  The second ordered item...
  3. 10.  The tenth ordered item...
  4. 100.  The one-hundredth ordered item

Compare auto-generated code:

  1. The first ordered item
  2. The second ordered item...
  3. The tenth ordered item...
  4. The hundred ordered item

The initially more complex but more precise and much less tedious method is to use CSS to adjust the positions of base-10 blocks of list items::

  1. 1.  The first ordered item
  2. ...
  3. 8.  The eighth ordered item
  4. 9.  The ninth ordered item
  1. 10.  The tenth ordered item
  2. 11.  The eleventh ordered item
  3. ...
  4. 98.  The ninety-eighth ordered item
  5. 99.  The ninety-ninth ordered item
  1. 100.  The one-hundredth ordered item
  2. 101.  The one-hundred-first ordered item
  3. ...
  4. 999.  The nine-hundred-ninety-ninth ordered item

Each sublist after the first must be kerned upward 0.4em a little bit to conform the gap between lists to the size of the space between items. This is done with margin-top: -0.4em; The margin-left specifics for lining up the decimals are detailed below.

One digit:

  1. 1.  The first ordered item
  2. 2.  The second ordered item
  3. 3.  The third ordered item

Compare the auto-generated version:

  1. The first ordered item
  2. The second ordered item
  3. The third ordered item

Two digits:

  1. 10.  The tenth ordered item
  2. 11.  The eleventh ordered item
  3. 12.  The twelfth ordered item

Compare the auto-generated versions:

  1. The tenth ordered item
  2. The eleventh ordered item
  3. The twelfth ordered item

or the sloppy but shorter

  1. The tenth ordered item
  2. The eleventh ordered item
  3. The twelfth ordered item

Three digits:

  1. 100.  The one-hundredth ordered item
  2. 101.  The one-hundred-first ordered item
  3. 102.  The one-hundred-second ordered item

Compare the auto-generated versions:

  1. The one-hundredth ordered item
  2. The one-hundred-first ordered item
  3. The one-hundred-second ordered item

or the sloppy but shorter

  1. The one-hundredth ordered item
  2. The one-hundred-first ordered item
  3. The one-hundred-second ordered item

Just for the record, four digits:

  1. 1000.  The one-thousandth ordered item
  2. 1001.  The one-thousand-first ordered item
  3. 1002.  The one-thousand-second ordered item

Compare the auto-generated versions:

  1. The one-thousandth ordered item
  2. The one-thousand-first ordered item
  3. The one-thousand-second ordered item

or the sloppy but shorter

  1. The one-thousandth ordered item
  2. The one-thousand-first ordered item
  3. The one-thousand-second ordered item

Really, if there are more than three digits, this method is not likely to be practical, and auto-generated lists should be used, and/or consider breaking the page up into a series of pages.

Bullets[edit]

Bullets, unordered, aligned with first ordered digit:

  1. Numbered alignment example
  •     An unordered item
  •     Another unordered item
  •     And another unordered item
  1. Numbered alignment example

When used at end of an ordered list:

  1. 1.  A numbered item
  2. 2.  Another numbered item
  •     An unnumbered item

Bullets, unordered, aligned with auto-generated unordered bullets (to the extent possible):

  •   An unordered item
  •   Another unordered item
  •   And another unordered item
  • Bulleted alignment example

This is the best compromise alignment possible, as noted above. For browser-by-browser details, see Template:Lidot's documentation.

No numbers or bullets[edit]

No digits or bullets, ordered in metadata, aligned with first ordered digit:

  1. An unordered item
  2. Another unordered item
  3. And another unordered item
  1. Numbered alignment example

No digits or bullets, ordered in metadata, aligned with ordered values:

  1. An unordered item
  2. Another unordered item
  3. And another unordered item
  1. Numbered alignment example

No digits or bullets, unordered, aligned with first ordered digit:

  • An unordered item
  • Another unordered item
  • And another unordered item
  1. Numbered alignment example

No digits or bullets, unordered, aligned with ordered values:

  • An unordered item
  • Another unordered item
  • And another unordered item
  1. Numbered alignment example

No digits or bullets, unordered, aligned with unordered bullets:

  • An unordered item
  • Another unordered item
  • And another unordered item
  • Bulleted alignment example

This is the best compromise alignment possible. It is a hair too far to the right in Firefox and Explorer, and a bit too leftward for Chrome and Safari, but this is all we can do, because bullet size and spacing are not codified in the W3C HTML specifications, so each browser maker does whatever they want.

No digits or bullets, unordered, aligned with unordered values:

  • An unordered item
  • Another unordered item
  • And another unordered item
  • Bulleted alignment example

is generally close enough, but off by approximately -0.01em in most browsers; this can be fixed with the following, with no adverse effect on browsers that do not support kerning this fine:

  • An unordered item
  • Another unordered item
  • And another unordered item
  • Bulleted alignment example

Nested[edit]

Unordered bullet list inside ordered numbered list item:

  1. 1.  The first ordered item
    •   A nested unordered item
    •   Another nested unordered item
    •   And another nested unordered item
  2. 2.  The second ordered item

Compare auto-generated version, with bullets indented too far (and blue):

  1. The first ordered item
    • A nested unordered item
    • Another nested unordered item
    • And another nested unordered item
  2. The second ordered item

Unordered no-bullet list inside ordered numbered list item:

  1. 1.  The first ordered item
    • An unordered item
    • Another unordered item
    • And another unordered item
  2. 2.  The second ordered item

There is no auto-generated equivalent.

Unordered bullet list inside unordered bullet list item (and blue like the auto-generated ones):

  •   An unordered item
    •   A nested unordered item
    •   Another nested unordered item
    •   And another nested unordered item
  •   Another unordered item

Compare auto-generated version:

  • An unordered item
    • A nested unordered item
    • Another nested unordered item
    • And another nested unordered item
  • Another unordered item

For black bullets, use {{lidot2}}

A traditional outline, in the order I., A., 1., a., i., then I)..., then (I)...; the first six levels are shown:

  1.  I.  Top level
    1. A.  First nest
      1. 1.  Second nest
        1. a.  Third nest
          1. i.  Fourth nest
            1.  I)  Fifth nest
            2. II)  Fifth nest, second item
          2. ii.  Fourth nest, second item
        2. a.  Third nest, second item
      2. 2.  Second nest, second item
    2. B.  First nest, second item
  2. II.  Top level, second item

There is no auto-generated equivalent, only a hybrid HTML and wiki-markup version that isn't really any easier.

When to use complex vs. basic lists[edit]

As a rule of thumb:

  • If the lists in the article are confusing or poorly formed;
  • or if the article is at least somewhat well developed, i.e.,
    • the article is "C"-class or better (above "Start" or "Stub"),
    • or contains lists not likely to need a great deal of further work,
    • or is a list article that is not being actively expanded,
  • and the article is not in the middle of a lot of editorial churn, especially involving inexperienced editors in large numbers;

then it is recommended to use pasteable lists to increase the usability of the article.

No editor should feel obligated to use the more complex pasteable list code; the top priority at Wikipedia is the creation of verifiable, reliable articles, and any impediment to doing so can be ignored by convention. The other side of this coin is that editors are free to improve articles in many ways, and a major goal of the entire WikiMedia project is to make this content as broadly useful and usable as possible, so revert-warring to prevent another editor from converting a list to the more detailed but flexible format is strongly discouraged.

Text rotation trick (with multi-browser support)[edit]

Chicken Nuggets