01.11.2018

Block category: Formatting

The formatting category includes the following blocks:

The code block starts with
<!-- wp:code --<?php echo 'Hello World'; ?

The classic block can have almost anything in it.

a heading
The custom HTML block lets you put HTML that isn’t configured like blocks in it. (this div has a width of 45%)
The preformatted block.

The Road Not Taken

Robert Frost 
Two roads diverged in a yellow wood,
And sorry I could not travel both          (\_/)  
And be one traveler, long I stood         (='.'=)  
And looked down one as far as I could     (")_(")  
To where it bent in
… Read the rest
Block 0 1 min read
20.10.2018

Keyboard navigation

There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.

All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.

How to keyboard test:

Tab through your pages, links and forms to do the following tests:

  • Confirm that all links can be reached and activated via
… Read the rest
Без рубрики 0 1 min read
11.01.2013

Markup: HTML Tags and Formatting

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

multiple contributors — MDN HTML element reference — blockquote

Tables

… Read the rest
Classic 0 4 min read
Markup: Image Alignment
10.01.2013

Markup: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.

On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize. Be sure to try this page in RTL mode and it should look the same as LTR.

Image Alignment 580x300

The image above happens to be … Read the rest

Classic 0 4 min read
09.01.2013

Markup: Text Alignment

Default

This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.

Left Align

This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. … Read the rest

Classic 0 1 min read
05.01.2013

Markup: Title With Special Characters ~`!@#$%^&*()-_=+{}[]/\;:'»?,.>

Putting special characters in the title should have no adverse effect on the layout or functionality.

Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing the post itself (ie. issues with metaboxes, media upload, etc.).

Latin Character Tests

This is a test to see if the fonts used in this theme support basic Latin characters.

! « # $ % & ‘ ( ) *
+ , — . / 0 1 2 3 4
5 6 7 8 9 : ; > = <
… Read the rest
Classic 0 38 sec read