Archive for Tag ‘dreamweaver‘

199 | ออกแบบหน้าเว็บแบบออนไลน์ด้วย YAML Builder

นานๆ ทีจะเอาสาระประโยชน์มาฝาก ก็อย่าเพิ่งตกใจกันนะครับ ค่อยๆ อ่านกันไป
นั่นเพราะเวลาเอาอะไรที่ดูวิชาการๆ มาฝาก มักไม่ค่อยมีคนอ่านคนตอบเท่าไหร่
ซึ่งก็แปลว่าทำให้ผมไม่ต้องเขียนยาวนักก็ได้
กำลังอยู่ระหว่างการเผางานก๊าบ ไม่มีเวลาเขียนเลย :05:

(เข้าเรื่อง)
ถ้าคุณเป็นมนุษย์ทำเว็บ หรือต้องเอาร่างกายจิตใจไปข้องเกี่ยวกับการออกแบบหน้าเว็บ
แล้วคุณเคยประสบปัญหาเหล่านี้ไหม?
- นึกแบบร่าง หน้าตาของเว็บไม่ออก ไม่มีกระดาษปากกาอยู่ใกล้มือให้ร่างแบบเล่น
- นัดคุยกับลูกค้า แต่ไม่รู้จะเริ่มประโยคสนทนายังไงให้เข้าเรื่องการจัดวางเลย์เอาต์คร่าวๆ
- เซ็งกะโปรแกรมทำเว็บ (อย่างพวก Dreamweaver) ที่ไม่รู้ปุ่มอะไรช่องอะไรเยอะแยะไปหมด
- ฝีมือดีไซน์เก่งกาจ แต่ชะตาขาดเมื่อเจอ CSS หรือมาตรฐาน XHTML
- คุณเป็นเด็กแนว แต่ไม่มีใครเข้าใจ

ลองนี่!!

YAML Builder

http://builder.yaml.de

มันเป็นเว็บที่พอโหลดเสร็จก็มีเครื่องมือโผล่มาให้อันนึง กับคอลัมน์ข้างหลังแบบที่เห็นนั่นแหละ
ทีนี้อยากออกแบบหน้าตายังไง ประหลาดขนาดไหน (จริงๆ ก็ได้แค่เลย์เอาต์พื้นๆ แบบที่นิยมกัน)
กดเลือกๆ เอาเลยครับ มีให้ใช้ไม่กี่อันหรอก เสร็จแล้วกดปุ่ม Toggle View เพื่อดูตัวอย่าง
แล้วก็กด Get Code เพื่อดูดโค้ด css + XHTML + ตัวแก้ความโง่ของ IE :13: มาใช้งานได้เลย

โอ้ว เจ๋งนะเนี่ย :10:

ป.ล.
ถ้าจะเอาไปทำหน้ากาก WordPress ก็ลองลง Dreamweaver Extension for WordPress Theme
ผมลองโหลดมาแล้วครับ ใช้ง่ายมั้กๆ เรียกว่าถ้าได้การวางโครงหน้าจาก YAML + อทช ตัวนั้นแล้ว
ก็เหลือแค่ความขยันเท่านั้นแหละครับ ที่จะได้มาซึ่งหน้ากาก WordPress สวยๆ สักอัน :01:

ป.อ.
ลืมขอบคุณ ที่มา: WebAppers.com
เว็บนี้ก็สุดยอดครับ เวลามี Web Applications เด็ดๆ เขาก็จะหมั่นเอามาอวดให้ดูกัน เจ๋งๆ

ป.ฮ.
เพิ่งเคยดูรายการ AF เป็นครั้งแรกก็วันนี้ แล้วก็ได้รู้ว่าเป็นรอบชิงของ AF4
ทำให้รู้สึกว่า คุณลูกโป่ง V17 นี่สุดยอดครับ!! ทั้งพลังเสียง พลังความสนุก และความเซ็กซี่ :10:
เสียดายที่ระบบการแข่งขันผูกชะตาอยู่กับการโหวต ก็เลยได้แค่ที่ ๕ ไป น่าเสียดายยิ่ง :05: