สวัสดีครับ ผมเองก็อยู่บอร์ดนี้มาหลายปีแล้วแต่ก็ไม่ค่อยได้ตั้งกระทู้แชร์ความรู้สักเท่าไร วันนี้ผมเลยถือโอกาสนี้ในการแชร์ความรู้กันครับ
ผมเชื่อว่าหลายๆคนนั้นเวลาทำเว็บไซต์ในส่วนของการ Design web จะพบปัญหาอย่างนึงก็คือ เราได้จัด font และ layout ของเว็บไว้แล้วแต่ยังไม่มีข้อมูลมาลงเว็บของเรา ซึ่งคงไม่ดีแน่ถ้าหากเราจะไปก๊อปปี้บทความจากเว็บอื่นมาใส่ชั่วคราว หรือการใส่ข้อความที่พิมพ์เข้าไปเองมั่วๆ อย่าง
xxxxxxxxxxxxx
yyyyyyyyyyyyy
กกกกกกกกกก
กขกนฟาหกกพ
ซึงก็จะได้บทความที่ดูทื่อๆ ไม่เป็นธรรมชาติเท่าที่ควร และจากปัญหาที่ว่าเราต้องการเพียงบทความที่เอาไว้ทดสอบระบบเพื่อให้เห็นภาพของ font และ layout คร่าวๆก่อนนำไปใช้งานจริง วันนี้ผมขอแนะนำให้รู้จักกับ Lorem Ipsum (อ่านว่า โลเร็ม อิปซัม) ครับ
Lorem Ipsum คืออะไร ผมขออธิบายคร่าวๆนะครับ Lorem Ipsum คือ บทความที่สุ่มคำขึ้นมาจัดเรียงในรูปแบบที่คล้ายกับประโยคที่เราใช้กันทั้งด้านของการเว้นวรรคตอน การผสมสระ เหมาะสำหรับเอาไปใช้กับงานออกแบบเว็บไซต์ พูดเฉยๆอาจจะไม่เห็นภาพงั้นเรามาดูตัวอย่างของ Lorem Ipsum กันเลยครับ
ตัวอย่างแรก Lorem Ipsum ภาษาอังกฤษ จำนวน 3 ย่อหน้า
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempor elit quis ligula scelerisque, eget varius eros facilisis. Mauris suscipit libero pharetra, consequat dui vitae, imperdiet augue. Maecenas sollicitudin sed ipsum non adipiscing. Integer et massa sagittis, convallis est in, euismod sem. Phasellus tincidunt, sem eget commodo consequat, turpis nibh lacinia tellus, sed iaculis erat metus vel felis. Suspendisse facilisis congue massa in rutrum. Quisque eu massa ut arcu facilisis accumsan. Proin porttitor eu eros ut lobortis. Cras blandit lacinia lacus. Quisque id ultrices nibh, eget molestie diam. Aliquam semper dapibus sem ut pulvinar. Suspendisse bibendum, lectus et consectetur fermentum, ipsum dolor posuere augue, id aliquam enim leo ut libero. Donec euismod lacus a orci fringilla, et congue purus congue. Duis porta lectus metus, venenatis aliquet ipsum sollicitudin at. Morbi accumsan id magna nec congue.
Nullam sit amet aliquam tellus. Nunc mattis consectetur libero a adipiscing. Phasellus in neque vel arcu luctus venenatis eu ut ipsum. Aenean vitae felis tellus. Proin gravida eleifend nibh. Quisque blandit a ipsum vel pharetra. Nunc ornare dolor sem, id varius ipsum ornare non. Etiam adipiscing a orci non posuere. Proin purus mi, luctus posuere massa in, elementum ullamcorper eros. Nulla porta tortor ut ipsum lobortis, consectetur vulputate odio viverra. Nullam vel dolor sed nisi lacinia pellentesque. Sed aliquet aliquet ullamcorper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus placerat ipsum sed urna hendrerit, quis malesuada ipsum eleifend.
Duis eget eros consectetur, volutpat dui nec, elementum tellus. In ligula ante, venenatis et augue vitae, iaculis tempus ipsum. Integer vestibulum, sapien venenatis interdum fringilla, enim neque auctor ante, quis volutpat tortor orci dapibus velit. Proin placerat fermentum est, in porta augue. Aliquam ac tortor a nisl venenatis facilisis. Nullam quis convallis urna, quis gravida purus. Nullam cursus mattis sapien. Aenean eros magna, ultricies non imperdiet eu, volutpat in ligula.
ตัวอย่างที่สอง Lorem Ipsum ภาษาไทย จำนวน 3 ย่อหน้า
สจ๊วตบอกซ์แซ็กโซโฟนป๋อหลอ ช็อตแอ๊บแบ๊ว ออสซี่แจ็กเก็ตคอมเมนต์ ผู้นำโยโย่เบอร์รีบูติคอุปัทวเหตุ ลิมูซีน มาร์เก็ตแฟลช อินเตอร์ปฏิสัมพันธ์เบิร์ดแคชเชียร์ โอวัลตินทาวน์เซฟตี้เปราะบาง ออสซี่คำตอบสแตนเลส ราชบัณฑิตยสถาน โนติส แอพพริคอทดิสเครดิต ไฮเวย์ฮันนีมูนลามะคาปูชิโน เดชานุภาพเฟิร์มมวลชนเชฟ แป๋วโลชั่นโอยัวะเมคอัพ แอปเปิลแจมต่อรองโบว์ดีไซน์
เคอร์ฟิว โดมิโนเป่ายิงฉุบสเปกวาไรตี้ออโต้ เทปแกงค์คูลเลอร์แพนงเชิญแม่ค้า แทงโก้ ซูเปอร์ว่ะพฤหัสไกด์ นอร์ท โปรเจ็คกลาสผลักดันไฮเวย์กัมมันตะ เอาท์สไลด์กีวีแทงโก้คอมเมนท์ กรีนโบรกเกอร์ รุมบ้าแฟลชเดี้ยงแม็กกาซีน ปิกอัพวิภัชภาค หน่อมแน้มแมชีนสหรัฐซูฮกมาร์ค สึนามิสปอตฮาโลวีนบึ้ม เซ็นเซอร์บิ๊กลิมูซีนเคลม แคร็กเกอร์แมนชั่นคูลเลอร์ว่ะคอลเล็กชั่น นอร์ทแอลมอนด์นพมาศอินเตอร์อยุติธรรม
เป่ายิงฉุบเทควันโดคอมเพล็กซ์รีเสิร์ช อวอร์ดเทรดเวเฟอร์แคร์สึนามิ โบรกเกอร์พ่อค้าซี้แอปพริคอท โมเดิร์นดยุคนิรันดร์พลานุภาพ ออกแบบลิมิตแพทยสภาอัลบัม มอบตัวโค้ชสเตชัน ศิลปากรสแตนดาร์ด เทปอินดอร์โบว์ลิ่งซ้อแชเชือน ศิลปากรแฟรีตี๋ แจ็กเก็ตคอมเมนต์ดัมพ์ งั้น มาร์จินแฟกซ์คีตปฏิภาณแมชีนตุ๊กตุ๊ก เทรนด์เฝอเวิร์กช็อป อ่วมเวเฟอร์ สเก็ตช์สแควร์สต็อกเทควันโด โปรโมทช็อตอึ้มเยนรีโมต
ถึงตอนนี้ผมคิดว่าทุกคนคงจะพอเข้าใจกันแล้วนะครับ
สำหรับ
Lorem Ipsum ภาษาอังกฤษ เข้าไปที่ link ->
http://www.lipsum.com/ เข้าไปเลือกจำนวน paragraphs แล้วกด generate Lorem Ipsum ได้เลยครับ
ส่วน
Lorem Ipsum ภาษาไทยเข้าไปที่ link ->
http://lorem.in.th/ กดที่ปุ่ม ตัวหนังสือล้วนๆ ได้เลยครับ
ครั้งต่อไปอย่าลืมนำ Lorem Ipsum ไปใช้กับงานออกแบบเว็บไซต์กันนะครับ
ปล.ถูกใจก็ +1 ได้นะครับ