Others

[Slide] WordPress Theme Design 2011 สอนทำธีม WP โดย @iMenn

สไลด์นี้เก็บตกมาจากงาน WPDevNight ครับ เป็นงานพบปะพูดคุยของคนทำเว็บไซต์ด้วย WordPress ครับผม (เว็บไซต์นี้ก็รันบน WordPress เหมือนกันครับ) โดยเนื้อหาจะเน้นเกี่ยวกับคนที่ “ทำ” เว็บไซต์ หรือ Web Developer ครับ ถ้าใครที่เป็นคนเขียนบลอคเฉย ๆ ไม่มีความรู้พวก HTML CSS PHP นิดหน่อยอาจงง ๆ ได้ครับ สำหรับเนื้อหางานสามารถตามไปอ่านได้ที่ลิงค์เว็บไซต์หลักด้านบนได้เลยครับ ใครที่พลาดงานนี้ไปเอาไว้เจอกันใน Wordcamp (งานที่รวมทั้ง Developer & Blogger ที่ใช้ WordPress มาพูดคุยกัน) ครับผม ผมเองก็พลาด WPDevNight เหมือนกัน แต่ไม่เป็นไรครับ ดีที่งานนี้ใช้การเขียนสิ่งที่บรรยาย (อาจจะไม่หมด) เข้าไปในเว็บ Smallpad.org ซึ่งเปิดให้ทุกคนสามารถเข้าไปอ่านได้ครับ มาดูกันเลยครับว่ามีอะไรที่น่าอ่านกันบ้าง 1. Web Design Business with WordPress เปรียบเทียบ WordPress กับ<a href="https://www.designil.com/wordpress-theme-design-2011-slides/">Continue reading <span class="sr-only">"[Slide] WordPress Theme Design 2011 สอนทำธีม WP โดย @iMenn"</span></a>

[ค่ายฟรี ห้ามพลาด!] IYWC 8 นิสิต-นักศึกษาคนไหนอยากทำเว็บเป็น ต้องเข้าค่ายนี้!!!

[Webdesign ETC] 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์

เว็บดีไซน์เนอร์ที่มีคุณภาพ ในหัวข้อนี้จะอธิบายเกี่ยวกับการเป็นเว็บดีไซน์เนอร์ที่ทำงานแล้วมีความผิดพลาดน้อยและมีความรอบคอบในการทำงานสูง โดยผมได้แจกแจง 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ไว้ให้ผู้อ่านได้ทำความเข้าใจได้ง่ายขึ้นไว้แล้ว ผู้อ่านสามารถนำตัวอย่างที่อยู่ภายใน 5 ข้อนี้ไปใช้ได้โดยไม่ต้องได้รับอนุญาติจากผู้เขียน แต่ขอความกรุณาเอาไปใช้ในทางที่ถูกต้องด้วยครับ มาเริ่มกันเลยดีกว่า กับ 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ว่ามีอะไรกันบ้าง? 1.ทำงานให้ดี อันนี้ใกล้ตัวกับทุกคนมาก ข้อแรกคือคนที่ทำงานด้านดีไซน์ไม่เป็นมักจะใช้โค๊ดที่สิ้นเปลืองเนื้อที่(หมายถึงขนาดไฟล์ก็ใหญ่เพิ่มไปด้วย) ข้อที่สองคือทำงานโดยไม่สนใจความผิดพลาดของโค๊ด(แบบว่า กุทำแบบนี้มีปัญหาไรฟ่ะ!) และอันดับสุดท้ายคือเลือกใช้โค๊ดไม่เป็น(มือใหม่มักจะเป็นกันแทบทั้งหมด) ซึ่งผมได้ยกตัวอย่างให้ท่านสังเกตไว้ด้านล่าง ตัวอย่างที่ไม่ดี <font color="red"><fontsize="2"><b>โปรดเลือกอายุ</font></b></font><select name="age"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>………<option value="97">97</option><option value="98">98</option><option value="99">99</option><option value="100">100</option></select> ตัวอย่างที่ดี <font color="red"size="2"><strong>โปรดเลือกอายุ</strong></font><select name="age"><?phpfor ($i=0;$i<=100;$i++) {echo "t<option value="{$i}">{$i}</option>rn";}?></select> ซึ่งผลออกมาก็มีความเหมือนกันทุกประการ เพียงแต่เรียงลำดับ ใช้โค๊ดให้ถูกต้อง 2.เลือกโปรแกรมให้ถูก เว็บดีไซน์เนอร์มักมีปัญหาเรื่องการเลือกใช้โปรแกรมและการเรียนรู้โปรแกรมที่ถูกต้อง ประเด็นไม่ได้อยู่ที่ตัวโปรแกรม แต่อยู่ที่ความถนัดของเว็บดีไซน์เนอร์ว่าคุณถนัดโปรแกรมอะไร เลือกใช้โปรแกรมอะไร ซึ่งบางโปรแกรมถ้าเว็บดีไซน์เนอร์เลือกไม่ดี อาจเกิดบัคขึ้นได้ หรืออาจเกิดปัญหาด้านการใช้งานไม่สะดวก เช่น การเซฟไฟล์ซึ่งมีการเซฟแบบ<a href="https://www.designil.com/5-things-for-web-designer/">Continue reading <span class="sr-only">"[Webdesign ETC] 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์"</span></a>

Web Design UX หรือ User Experience คืออะไร? ทำไมคนทำเว็บถึงไม่ควรมองข้าม?

Web design UX คืออะไรกันนะ ทำไมเราถึงจะต้องเรียนรู้เรื่องของ UX กันด้วย สวัสดีครับ วันนี้มาพร้อมกับคำที่หลายคนอาจเคยได้ยินผ่านหูมาบ้าง แต่ยังไม่รู้ว่ามันคืออะไรกันแน่ นั่นก็คือ User eXperience หรือ UX นั่นเอง หลายคนอาจจะสับสนว่ามันเหมือนกับ User Interface หรือ Usability หรือเปล่า ซึ่งคำตอบก็คือ… 3 อย่างนี้ไม่เหมือนกันเลยครับ ผมได้ไปเจอบทความของ John O' Nolan จากในทวิตเตอร์ ซึ่งเขียนเกี่ยวกับ User eXperience ไว้ได้น่าสนใจมาก ก็เลยเอามาแบ่งปันกันครับ ถ้าคุณยังไม่ได้ดีไซน์มัน คุณก็ทำพลาดแล้วล่ะ! Adii เจ้าของ WooThemes เว็บขายธีม WordPress, ExpressionEngine, และ Drupal ชื่อดัง (หลายคนอาจเคยใช้กัน แบบเวอร์ชั่นเถื่อน…) บอกเอาไว้ว่า “คุณต้องดีไซน์ทุกอย่าง และต้องรวมการดีไซน์เข้าไปตั้งแต่เริ่มธุรกิจใหม่ ๆ” ซึ่งการดีไซน์ User eXperience<a href="https://www.designil.com/what-is-user-experience-ux/">Continue reading <span class="sr-only">"Web Design UX หรือ User Experience คืออะไร? ทำไมคนทำเว็บถึงไม่ควรมองข้าม?"</span></a>

[Blog Design] 60 บลอคเวิร์ดเพรสดีไซน์แปลก ๆ

ช่วงนี้เว็บไซด์ DesigNIL กำลังอยู่ในช่วง Redesign ครับ การรีดีไซน์เรียกง่าย ๆ ว่าออกแบบเว็บใหม่นั่นเอง ซึ่งหลังรีดีไซน์ก็จะมีการเพิ่มส่วนใหม่ ๆ ของเว็บไซด์ลงไปด้วย ซึ่งจะเป็นส่วนอะไรนั้นขออุบไว้ก่อนครับ สาเหตุที่รีดีไซน์ก็เพราะว่าคิดว่าธีมเก่าที่ใช้อยู่ไม่เร้าใจครับ ตอบโจทย์ได้ไม่ดีพอ (ว่าไปนั่น) ก็รอดูละกันนะครับว่าดีไซน์ใหม่จะถูกใจหรือไม่ถูกใจยังไง วันนี้เลยเอาดีไซน์บลอคเวิร์ดเพรสแปลก ๆ และสวยงามมาให้ดูกัน เผื่อจะได้ไอเดียเอาไปรีดีไซน์บลอคตัวเองกันบ้างครับ ต้องอย่าลืมว่า “บลอคดีไซน์” ต่างกับการดีไซน์เว็บธรรมดานิดหน่อยครับ เพราะสิ่งที่เราต้องการนำเสนอ คือ เนื้อหาเว็บไซด์ เราต้องทำให้คนอ่านเนื้อหาได้ง่าย อยากคอมเม้นท์ อยากแอด RSS Feed เอาไว้อ่านต่อ ซึ่งจะต่างกับเว็บขายบริการ/สินค้าที่ดีไซน์ให้เว็บเตะตาคนเข้าครั้งแรก ใช้สีเด่น ๆ  โดยไม่ต้องสนใจมากว่าถ้าอ่านเนื้อหาในเว็บนั้นนาน ๆ คนอ่านจะเมื่อยตาไหม (เพราะไม่มีอะไรให้อ่านเยอะอยู่แล้วด้วย) >> ดู 60 ดีไซน์เวิร์ดเพรสสวย ๆ ที่นี่!! << สุดท้ายนี้ขอประกาศหน่อยครับว่าต่อจากนี้ไปเว็บไซด์เกี่ยวกับเว็บดีไซน์แห่งนี้จะให้ข้อมูลเกี่ยวกับ: เว็บดีไซน์พื้นฐาน สอน CSS/XHTML พื้นฐานแบบคนไม่เป็นอะไรเลย ทิปและเทคนิคเว็บดีไซน์ เหมาะกับคนที่พอเป็น XHTML/CSS แล้ว<a href="https://www.designil.com/unusual-wordpress-blog-design/">Continue reading <span class="sr-only">"[Blog Design] 60 บลอคเวิร์ดเพรสดีไซน์แปลก ๆ"</span></a>

[Free WordPress Themes] ธีมเวิร์ดเพรสแนว 2.0 งาม ๆ จาก DesignDisease