JSFiddle

  • htmldog-beginner-css

    No-Library (pure JS), HTML, CSS, JavaScript

    <h1 id="start">
      Rubrik huvudnivå
    </h1>
    <h2>
      Rubrik undernivå
    </h2>
    <p>
      Ett stycke med text. Text text text. Text text text.
    </p>
    <p>
      <em>em, emphasize</em> ofta kursiv stil
    </p>
    <p>
      <strong>strong ...</strong></p>
  • htmldog-beginner-summary

    No-Library (pure JS), HTML, CSS, JavaScript

    <h1>My first web page</h1>
    
    <h2>What this is</h2>
    <p>A simple page put together using HTML. <em>I said a simple page put ...</em></p>
  • htmldog-beginner

    No-Library (pure JS), HTML, CSS, JavaScript

    <h1 id="start">
      Rubrik huvudnivå
    </h1>
    <h2>
      Rubrik undernivå
    </h2>
    <p>
      Ett stycke med text. Text text text. Text text text.
    </p>
    <p>
      <em>em, emphasize</em> ofta kursiv stil
    </p>
    <p>
      <strong>strong ...</strong></p>
  • bakgrundsfarg

    No-Library (pure JS), HTML, CSS, JavaScript

    No code. How about adding some?
  • background-scale-to-fit-both

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>
      Bakgrundsbilden skalas i x- och y-ked för att passa bildskärmens storlek.
    </p>
  • gradient #12 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>
      Träutensilierna i ett tryckeri äro ingalunda en faktor där trevnadens ordningens och ekonomiens upprätthållande, och dock är det icke sällan ...</p>
  • meny transition #35 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <h2>Horisontell meny</h2>
    <nav class="horizontal">
      <a id='id0' href='#id0'>0</a>
      <a id='id1' href='#id1'>1</a>
      <a id='id2' href='#id2'>2</a>
      <a id='id3' href='#id3'>3</a>
      <a id='id4' href='#id4'>4</a>
      <a id='id5' href='#id5'>5</a>
      <a id='id6' href='#id6'>6</a>
      <a id='id7' href='#id7'>7</a>
      <a id='id8' href='#id8'>8</a>
      <a id='id9' href='#id9'>9</a>
    </nav>
    <article>
      <p>
        Träutensilierna i ett tryckeri äro ingalunda en faktor ...</p></article>
  • meny transform #23 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <h2>Horisontell meny</h2>
    <nav class="horizontal">
      <a id='id0' href='#id0'>0</a>
      <a id='id1' href='#id1'>1</a>
      <a id='id2' href='#id2'>2</a>
      <a id='id3' href='#id3'>3</a>
      <a id='id4' href='#id4'>4</a>
      <a id='id5' href='#id5'>5</a>
      <a id='id6' href='#id6'>6</a>
      <a id='id7' href='#id7'>7</a>
      <a id='id8' href='#id8'>8</a>
      <a id='id9' href='#id9'>9</a>
    </nav>
    <article>
      <p>
        Träutensilierna i ett tryckeri äro ingalunda en faktor ...</p></article>
  • hover-selected

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>
      sida 1
    </p>
    <p>
      sida 2
    </p>
    <p class="selected">
      sida 3
    </p>
    <p>
      sida 4
    </p>
    
  • display - inline - block - excersie #74 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <h1>display: block || inline || inline-block</h1>
    <h2>p utan display satt</h2>
    <div id='p0'>
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>4 fyra</p>
      <p>5</p>
      <p>6</p>
      <p>7 sju sjösjuka sjömän</p>
    </div><h2>p ...</h2>