Skip to content

Daniel Lamb Byte–size Bits & Bobs

Testing 1 2 3

6 minute read.
This is just a "kitchen sink" blog post for me to test content layout.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta lectus quis turpis cursus rutrum cursus at nibh. Morbi commodo eu eros ut eleifend. Donec venenatis dui in vulputate volutpat. Praesent ut ipsum pharetra sem molestie tempor. Ut ultrices justo diam, eu semper sapien fermentum vel.

Sed nisi nibh, hendrerit in convallis ac, luctus at odio. Sed id libero ut erat facilisis commodo. Vestibulum in dapibus augue, at rhoncus enim. Cras ac leo lectus.

Proin diam nisl, ultrices ut viverra vulputate, aliquam ac augue. Morbi ut arcu et dolor interdum placerat vitae quis mi. Fusce nulla est, efficitur eget elit vitae, sodales aliquam ante. Sed rhoncus augue id convallis euismod.

Heading 2

Duis elementum sollicitudin lectus, eu porta erat consectetur ut. Sed a felis elit. Proin vel nisl tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sit amet eros accumsan, iaculis nunc et, varius tortor.

Heading 3

Suspendisse ut eleifend metus. Quisque vitae ultricies odio. Vivamus at mi tellus. Praesent non sagittis erat, id semper neque. Sed feugiat, ex hendrerit bibendum molestie, nisi urna vehicula risus, sit amet iaculis dolor risus nec mauris.

Heading 4

Morbi facilisis sollicitudin lorem at sodales. Integer feugiat, arcu non pharetra consectetur, massa magna blandit augue, vel finibus nulla felis vitae ligula. Vivamus quis scelerisque sapien. Duis at nisi vel eros convallis tempus eu at lacus.

Heading 5

Pellentesque faucibus nunc erat, et auctor lacus mollis vitae. Ut fermentum, lorem et lacinia imperdiet, sem nisl facilisis quam, eget molestie dolor nisi at mauris.

Heading 6

Sed libero nisi, placerat nec ullamcorper ac, tempus quis erat. Curabitur molestie id velit vel tristique. Integer magna mauris, rutrum vitae sagittis sed, euismod ut diam.


Footnotes

Footnotes are supported as part of the Markdown syntax. Here’s one in action. Clicking this number1 will lead you to a footnote. The syntax looks like:

Clicking this number[^1]

Following convention, put your footnotes at the bottom of the file using a syntax like this:

[^1]: Handy! Now click the return link to go back.

You can also use descriptive names to keep your footnotes organized. Simply prefix the unique id you want to use with fn- (for footnote).

Clicking this number[^fn-sample_footnote]

Inline HTML elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

  • To bold text, use <strong>.
  • To italicize text, use <em>.
  • Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
  • Citations, like — Mark otto, should use <cite>.
  • Deleted text should use <del> and inserted text should use <ins>.
  • Superscript text uses <sup> and subscript text uses <sub>.

Lists

Phasellus laoreet mi commodo mi convallis rhoncus. Fusce sodales odio consectetur, hendrerit metus vitae, dapibus nibh. Proin a molestie diam, vitae luctus lorem.

  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
  • Donec id elit non mi porta gravida at eget metus.
  • Nulla vitae elit libero, a pharetra augue.

Curabitur condimentum ipsum at neque maximus blandit. Proin porta finibus molestie.

  1. Vestibulum id ligula porta felis euismod semper.
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.

Mauris convallis tellus at ligula venenatis lacinia a in mi.

HyperText Markup Language (HTML)
The language used to describe and define the content of a Web page
Cascading Style Sheets (CSS)
Used to describe the appearance of Web content
JavaScript (JS)
The programming language used to build advanced Web sites and applications

Nulla interdum sodales lorem eget euismod. Nunc dignissim, nisl a ultricies tempus, urna lorem lobortis orci, et ultrices ipsum risus at nunc.

Tables

Cras viverra semper sem, quis vulputate nisl posuere quis. Nulla consectetur eget nibh vitae placerat. In cursus eros ut porttitor vestibulum.

NameUpvotesDownvotes
Totals2123
Alice1011
Bob43
Charlie79

SVG Diagram

WeatherPut on a hatVery coldPut on a coatChillyLeave homeWarmStay at homeRaining

Code

Cum sociis natoque penatibus et magnis dis code element montes, nascetur ridiculus mus.

define(['Modernizr'], function( Modernizr ) {
  // native yield support.
  Modernizr.addTest('yield', (function(){try{yield;}catch(e){}}())!==undefined);
});

Note: Line numbers are not supported with layout: compress.

Images

Quisque sit amet lorem id quam pretium mattis et eu ligula. Etiam quis erat nec libero tincidunt elementum.

YouTube Video

Code Pen

Suspendisse sit amet venenatis urna. Morbi dictum, nibh quis scelerisque consequat, nibh erat tincidunt ipsum, ut varius nisi metus eu quam.

  1. Handy! Now click the return link to go back.


Give Feedback via my AMA (ask me anything) project on GitHub. Published on by Daniel Lamb.
You may also enjoy these posts