Using Lorem Ipsum for Visual Demonstration

Readers will get distracted by the readable content of a page when looking at its layout. While you are deciding on a website layout, it is hard to visualize what it would look like when you finally fill the pages with text. In publishing and graphic design, it is often necessary to use text placeholders to populate the pages temporarily. 'Lorem Ipsum' is a long-established method of doing this and here we have provided you with usable snippets for you to use.

1 Paragraph Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rhoncus imperdiet justo, sed interdum sem sagittis nec. Suspendisse erat arcu, pellentesque et tincidunt non, vestibulum ut libero. Sed vehicula leo non dolor adipiscing aliquet. Sed tristique blandit elit sit amet tempor. Suspendisse non ligula nec lacus pulvinar sollicitudin quis a turpis. Ut ultrices pellentesque lacus, et laoreet quam volutpat at. Mauris tortor urna, tincidunt sit amet commodo eu, luctus nec dolor. Aliquam id velit vel mauris lacinia auctor non et ante. Ut condimentum tempus pellentesque. Nunc ac dapibus risus. Curabitur hendrerit viverra lectus, sit amet faucibus nisi luctus et. Nulla facilisi.

5 Paragraphs Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet magna at felis ultrices bibendum. Donec nisl dui, fringilla ac fermentum eu, mattis at elit. Fusce rutrum viverra luctus. Praesent sodales scelerisque purus, a accumsan diam accumsan id. Aliquam nec eros vitae diam adipiscing vulputate. Sed vitae eros orci, ut mattis neque. Mauris lacus sem, mattis fringilla pretium in, placerat sit amet diam. Aliquam fermentum tortor sed metus vehicula suscipit. Vestibulum et metus ac arcu sagittis sollicitudin. Nunc nunc lorem, ultricies vel interdum ut, ultrices sed erat. Duis hendrerit mattis arcu, sed fermentum sem venenatis vitae. Ut in semper mauris. Nullam molestie dapibus sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl risus, dignissim nec molestie ac, commodo et sapien. Aenean leo augue, facilisis sit amet sollicitudin vel, commodo quis lacus. Duis aliquet quam consectetur quam semper rhoncus. Mauris vel ipsum risus, quis elementum magna. Phasellus dignissim justo non magna congue dapibus.

Ut euismod, odio vitae dictum blandit, elit sapien elementum leo, ut cursus lectus nunc sed sem. Quisque venenatis, risus et egestas congue, tellus sem suscipit ante, et imperdiet dui mauris non velit. Mauris sollicitudin sem vitae enim accumsan sit amet malesuada mi ornare. Phasellus risus est, facilisis ornare fringilla a, aliquet eget velit. Maecenas eleifend diam sit amet sapien lobortis quis pulvinar erat porttitor. Suspendisse quis justo massa. Fusce semper, metus in fermentum auctor, orci erat pharetra felis, ut cursus sapien risus lobortis augue. Nullam in eros arcu, vel elementum mi. In ac odio sit amet augue pellentesque vestibulum vel at mauris. Nam mollis porta sem, in dictum neque sagittis et. Aliquam condimentum bibendum lorem et aliquet. Integer magna enim, dignissim id varius fermentum, mattis vel lectus. Nunc dapibus aliquet pulvinar. Aenean sodales elit nec metus auctor porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas blandit, quam sed blandit pulvinar, justo nisl viverra ante, sit amet semper justo libero vitae justo. In tempus elit eget sem vehicula vehicula. Pellentesque rutrum tellus sed massa lacinia congue. Integer in dapibus justo.

Aenean venenatis nisl sit amet felis semper pulvinar. Sed eget velit neque. Etiam mattis commodo mauris aliquet varius. In eu felis magna. Sed risus odio, eleifend non mollis vel, vulputate quis urna. Mauris in ante magna, non posuere nisi. Etiam dapibus consectetur tortor aliquet viverra. Nunc egestas blandit urna nec dictum. Praesent nisi nibh, pulvinar a congue id, laoreet et diam. Ut feugiat vulputate vehicula. Curabitur vel nisl quis magna consequat vehicula. Phasellus fermentum, nibh a molestie pretium, erat sem dictum sapien, vel accumsan diam augue et lectus.

Nullam quis enim leo. Aenean faucibus fringilla consequat. Vivamus pulvinar, tellus in elementum volutpat, ipsum risus bibendum augue, at porta nulla magna sed mauris. Phasellus aliquet, diam sit amet aliquet pharetra, velit erat molestie lacus, et volutpat metus magna in sem. Duis dictum felis nec ante porta pretium. Quisque pretium placerat ipsum, in tempus nunc molestie tempor. Vestibulum vestibulum varius sagittis. Suspendisse magna orci, tempus quis laoreet at, dignissim in massa. Suspendisse quis lobortis nibh. Phasellus faucibus, turpis ac vestibulum consectetur, sem purus rutrum erat, eu tristique magna magna at ligula. Phasellus at enim eget urna vulputate rutrum. Vestibulum adipiscing sodales nibh at pharetra. Pellentesque interdum, lectus quis feugiat volutpat, dolor libero laoreet enim, ut commodo nibh velit a velit.

Etiam eget interdum elit. Etiam hendrerit elit id ipsum accumsan pulvinar. Curabitur venenatis bibendum pulvinar. Nulla vulputate commodo lacus, eget condimentum nisi cursus sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate nunc a dui rhoncus non viverra risus semper. Sed nec massa urna. Sed id ante neque. Ut iaculis hendrerit libero nec hendrerit. Ut ultricies, nibh sit amet placerat mattis, nisl lectus commodo metus, et vehicula ipsum justo vel sem. Mauris pulvinar elementum ante, sit amet dignissim mauris luctus ac. Duis feugiat molestie sollicitudin.

Enjoy!

This article was originally published in Deer Creek Enterprise's articles section found here: http://www.deer-creek.ca/web-design/108-using-lorem-ipsum-for-visual-demonstration

Website Design Basic Tips

Experienced web designers know a thing or two about web design because they have been burned at least once. For business owners wishing to create their own websites, you can avoid getting burned by following the tips below:

1. Make your images small in file size. In today's broadband throughput, keep them below 24 KB per image. Slow loading pages can turn your users away. Optimize your images using your favorite image manipulation program.
    
2. Re-size your images so that it fits the content. Don't add unrelated photos to your website just because you can. Your images should support the text content, or adds to the visual appeal of your layout.
    
3. Do not use images that constantly blink, rotate, move around, or flash on every single page. Use them sparingly. If you have to have these images on your website, put them in the splash (opening) screen. There have been many studies that show that flashing graphics are distracting to users.
    
4. Implement traditional and easy-to-read layouts. Newspapers and magazines are easy to read and that is why many people still subscribe to them. Avoid using more than 2 frames on one page. Avoid a layout where you have to scroll to the right to read everything on the page, unless you want to be "different". These types of layouts are fun, but they can drive your readers away. 3-column layout are popular on web sites and newspapers is because it works.
    
5. White space is a function of your layout and encourages readability of your pages. Be aware of the whitespace on your pages and how it affects how the content is viewed. Whitespace is just as important in a web layout as it is in a paper layout.
    
6. Only use 2 to 3 different fonts. If you want to avoid making your Web site look like it was built by a non-professional is to use 7 different fonts sprinkled all over the website. Use sans-serif type fonts for paragraphs because they are easier to read on a monitor compared to serif type fonts.
    
7. Stick to using standard font families like Verdana, Geneva, Arial, and Helvetica. Not everyone will have your fancy-looking font unless you convert it to an image.
    
8. Test your pages in at least 3 of the most popular browsers. Just because it works in your browser does not mean it will work across all browsers. Avoid writing web pages that work only on the most modern browsers unless you are designing one for a controlled intranet.

This article was original published in Deer Creek Enterprise's article section here: http://www.deer-creek.ca/web-design/105-website-design-basic-tips

Displaying Your Company Icon in the Browser's Address Bar

Favicons make your website more distinguishable visually. Don't know what a favicon is? When you go to http://www.wikipedia.com, you will notice that in your browser's address bar, Wikipedia's icon is displayed.

This is called a favicon. They appear in the address bar, in tabs, and in your bookmarks (favorites). Using favicons is another way to brand your site.The first step in doing this is to create your 'favicon.ico' file.There are numerous tools out there on the web. Just go to google.com and type in 'favicon generator'.

These generators will allow you to create your favicon from scratch, or you can upload your company logo from a file saved on your computer.To use favicons, you place a file called 'favicon.ico' in the root folder of your site. You may have to refresh your browser, or clear its cache in order for your favicon to appear. Enjoy!

This article was originally posted on Deer Creek Enterprise's articles section and can be found here: http://www.deer-creek.ca/web-design/100-displaying-your-company-icon-in-the-browsers-address-bar.