Styleguide
Because we all need one, though this one is still WIP.
This style guide was based off the Poor Man's Styleguide created by Bryan Braun.
Headings
This be a h1 header
This be a h2 header
This be a h3 header
This be a h4 header
This be a h5 header
This be a h6 header
Headings with Text
Heading 1
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Heading 2
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Heading 3
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Heading 4
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Heading 5
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Heading 6
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
Block Elements
Paragraphs and Images
Cupcake ipsum dolor. Sit amet applicake brownie lollipop apple pie sugar plum jujubes. Macaroon oat cake gummi bears muffin applicake ice cream liquorice gummi bears. Cheesecake sweet caramels brownie candy biscuit.
Powder wafer bear claw lollipop oat cake gummi bears. Bonbon marshmallow candy. Carrot cake candy canes chupa chups gummi bears. Cupcake donut unerdwear.com sweet roll gingerbread.
Gummies bonbon cookie lollipop jujubes powder cupcake. Gummies cotton candy bear claw cupcake chupa chups jujubes. Soufflé cheesecake gummies danish soufflé danish cookie soufflé muffin. Ice cream dessert marzipan jelly unerdwear.com cake jelly-o lemon drops.
Blockquote
"Computers will not be perfected until they can compute how much more than the estimate the job will cost."
Figure-Caption
Details-Summary
The summary element example
The details example text. It may be styled differently based on what browser or operating system you are using.
Text Elements
The a element, external a element, and a element with title examples
The abbr element and an abbr element with title examples
The b element example
The cite element example
The code element example
The data element example
The del element example
The dfn element and dfn element with title examples
The em element example
The i element example
The ins element example
The kbd element example
The mark element example
The q element
example
The q element
exampleinside
a q element
The s element example
The samp element example
The small element example
The span element example
The strong element example
The sub element example
The sup element example
The example
The u element example
The var element example
Monospace / Preformatted
Monospace Text wrapped in "pre" tags
Cupcake ipsum dolor sit amet gummi bears candy. Gummi bears jelly apple pie toffee candy canes. Marshmallow oat cake pie lollipop ice cream apple pie oat cake. Gummies dragée candy canes.
List Types
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
Definition List
- Definition List Term 1
- This is a definition list description.
- Definition List Term 2
- This is a definition list description.
- Definition List Term 3
- This is a definition list description.
Tables
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| A row with a cell spanning all 3 columns | ||
| Table Footer 1 | Table Footer 2 | Table Footer 3 |
Media
The Audio Element:
The Video Element:
Embedded content:
YouTube video (iframe):
Form Elements
The Fieldset: