Tillfredsställelse för slutanvändaren är en viktig del i mitt intresse, och med
mina goda kunskaper inom både front- och backend programmering ger jag
allt jag har för att dra mitt strå i stacken till en bättre webb för oss alla.

Snyggare "lorem ipsum" med HTMLIPSUM

Postad: 26 mars, 2009 av Emil Stjerneman

Taggar: HTML

Gör du som jag ofta gör, använder dig av "lorem ipsum" när du vill fylla ut med textmassa? Visst är det bra, men det brukar ju ofta bara bli vanliga långa paragrafer vilket är ganska tråkigt i längden.

Prova http://html-ipsum.com/ istället!

Där har de snygga förformaterade "lorem ipsum" texter. Till emempel har de en som kallas "Kitchen Sink" som ser ut här:

<h1>HTML Ipsum Presents</h1> 
            
<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada 
fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor 
sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi 
vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien 
ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo 
vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt 
condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. 
<a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p> 
 
<h2>Header Level 2</h2> 
            
<ol> 
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> 
   <li>Aliquam tincidunt mauris eu risus.</li> 
</ol> 
 
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. 
Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. 
Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada 
tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote> 
 
<h3>Header Level 3</h3> 
 
<ul> 
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> 
   <li>Aliquam tincidunt mauris eu risus.</li> 
</ul> 
 
<pre><code> 
#header h1 a {  
    display: block;  
    width: 300px;  
    height: 80px;  
} 
</code></pre> 

Kommentarer

Skriv kommentar

Skriv ny kommentar