Kimera - Ui kit library for the web coding

The tester theme of official project in github

➜ TEXT ELEMENTS

Basically linked to the core/reset but can modded or upgrade it via theme. Much of what you see here is probably a fruit of the theme. The core system deals with texts almost exclusively as a form of reset.

It should be added that the standard theme offers an incredible variety of situations that almost never need to be used.
It is good to structure the resign following a solid principles based on the uxd, for exemple: Google search, on web with "LAWS OF UX", an amazon book, on github articles (exemple: ux process), and find on youtube tuts

❯❯ Html titles

textsize-09


textsize-08


textsize-07


textsize-06


textsize-05

textsize-04

textsize-03


textsize-02


textsize-01

❯❯ Dimensions tag:

This is <BIG> text (usally textsize-05) (w3c:obsolete)

This is <P> normal text (usally textsize-03)

The <SMALL> (usally textsize-01)

❯❯ links:

This is Link out of P tag This is Link out of P tag

This is Link in P tagThis is Link in P tag

Lorem ipsum dolor sit This is Link in P tag amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo con....

❯❯ ul/ol in span:

  1. one

  2. two

  3. three

  4. four

  5. five


❯❯ ul/ol in div:

  • one

  • two

  • three

    • t > one

    • t > two

    • t > three

  • four

  • five

❯❯ ul/ol in article:

  • one

  • two

  • three

    • t > one

    • t > two

    • t > three

  • four

  • five


  1. one

  2. two

  3. three

    1. t > one

    2. t > two

    3. t > three

  4. four

  5. five

❯❯ details list:

One
Description 1
Two
Description 2

❯❯ data table:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy
This is foot (w3c : not passed but tag exist)

❯❯ blockquote:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Cicerone - 45 BC

De Finibus Bonorum et Malorum www.lipsum.com

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Cicerone - 45 BC

De Finibus Bonorum et Malorum www.lipsum.com

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Cicerone - 45 BC

De Finibus Bonorum et Malorum www.lipsum.com

🎤 micro citation (q tag)

❯❯ From <mark> to other usually into a text:

strong is seo roled and not have a style. If you need to "style for user"... use B tag. So:
Lorem ipsum dolor sit amet, consectetur <strong> in <p> not have difference adipisicing elit, sed do eiusmod tempor ....

Lorem ipsum dolor sit amet, consectetur <b> in <p> adipisicing elit, sed do eiusmod tempor ....

Lorem ipsum dolor sit amet, consectetur <i> in <p> adipisicing elit, sed do eiusmod tempor ....

Lorem ipsum dolor sit amet, consectetur <mark> in <p> adipisicing elit, sed do eiusmod tempor ....

Lorem ipsum dolor sit amet, consectetur this is a popover... find it into menu ;) adipisicing elit, sed do eiusmod tempor ....

Lorem ipsum dolor sit amet, consectetur acronym is obsolete tag for w3c, use abbr adipisicing elit, sed do eiusmod tempor ....

an axemple of <dfn> (definition) in <p> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ....

❯❯ Print a preformatted text:

Pre it's not valid tag for codes.
For exemple, pre, can't print a script tag.

Basically no tags can contain code.
We suggest:
 - Use PRE tag for prepackaged texts
 - use CODE tag with the dynamic system for a block of code.
 - use SAMP tag (if possible with the dynamic system) for a partial printing.


❯❯ Print a code sample (beta):

remember: samp and code direct data not pass w3c convalidation


❯❯ Other coding into text...

Press Ctrl + Start to copy text (Windows). If system respond ' system not get a P tag. ' all process of script is under loading. This is a demo text... not is really coding