Web Dev

เมื่อเร็ว ๆ นี้ผมได้มีโอกาสไปลงเรียนคอร์สการออกแบบเว็บไซต์บน Udemy ด้วยความอยากรู้ว่าปัจจุบันทิศทางการออกแบบเป็นอย่างไร และถ้าเราอยากออกแบบเว็บไซต์ได้สวยแบบที่เมืองนอกทำนั้น เขามีทริคหรือเคล็ดลับอะไรบ้าง เนื้อหาที่ผมได้เรียนรู้มานั้นน่าสนใจมากครับ จึงนำมาฝากเพื่อน ๆ ชาว START IT UP ได้เรียนรู้ร่วมกัน โดยทำเป็นคอร์สเรียนออนไลน์ในรูปแบบวิดีโอ ถือเป็นการฝึกทำคอร์สสอนไปในตัวครับ หากมีข้อผิดพลาดประการใดก็ขออภัยด้วยครับ โดยส่วนตัวผมเชื่อว่านักพัฒนาหลายคนน่าจะมีปัญหาเรื่องการออกแบบครับ โดยเฉพาะคนที่ทำสตาร์ทอัพบางครั้งในทีมคุณไม่มี Designer อยู่เลย ดังนั้นแนวทางการออกแบบต่อไปนี้จะช่วยให้นักพัฒนาสามารถใช้เป็น Guideline ในการพัฒนาเว็บไซต์ หรือแอพพลิเคชั่นที่สวยงามไม่แพ้...

ใครที่เคยเข้าเว็บ Pinterest.com เพื่อหาดูไอเดียต่าง ๆ จะเห็นได้ว่า Pinterest เป็นเว็บที่มีการแสดงข้อมูลรูปภาพที่มีเอกลักษณ์มาก โดยรูปภาพในเว็บจะถูกแสดงซ้อน ๆ กันหลายรูป  การแสดงผลแบบนี้มีชื่อเรียกว่า staggered grid บทความนี้ผมพามาลุย workshop พาทำเว็บสไตล์ Pinterest อย่างง่าย ๆ ด้วย javascript library ที่ชื่อว่า Masonry ซึ่งเป็น js library ใช้ทำ...

ใครยังไม่ติดตั้ง XAMPP ให้ไปทำตามวิดีโอที่บทความ การติดตั้ง XAMPP สำหรับจำลองเครื่องคอมเราเป็น Web Server ก่อนนะครับ เพราะ Wordpress ที่จะสอนในวิดีโอนี้ จำเป็นต้องติดตั้งบน Web Server ซึ่ง XAMPP ช่วยจำลองเครื่องคอมเราให้อยู่แล้ว ที่ต้องติดตั้ง XAMPP เพราะ Wordpress ถูกพัฒนาขึ้นด้วยภาษา PHP ซึ่งเป็นภาษา Server-side script...

สำหรับนักออกแบบเว็บ สี (Color) เป็นองค์ประกอบหนึ่งที่ถูกให้ความสำคัญเป็นลำดับต้น ๆ เลยก็ว่าได้ ถ้าไม่นับโลโก้ สีเป็นสิ่งหนึ่งที่คนสามารถจดจำได้ง่าย ยกตัวย่าง เช่น Facebook เราจะนึกถึงสีน้ำเงิน Twitter สีฟ้า Snapchat สีเหลือง AirฺBnb สีแดง เป็นต้น นอกจากนี้สียังใช้สื่อถึงอารมณ์ของเว็บที่มีต่อผู้ใช้ได้อีกด้วย เช่น สีเขียว ให้ความรู้สึกสบาย และเป็นมิตร สีชมพู ให้ความรู้สึกอ่อนหวาน น่ารัก เป็นต้น ปัจจุบันแนวทางการออกแบบ Flat Design ได้รับความนิยมอย่างมาก...

วิดีโอนี้ ผมสอนการติดตั้ง XAMPP  บน Windows ซึ่ง XAMPP เป็นโปรแกรมที่ช่วยจำลองเครื่องคอมของเราให้กลายเป็น Web Server เพื่อรองรับการทำงานของโปรแกรมหรือ Web Application ที่เขียนขึ้นด้วยภาษา PHP อย่าง Wordpress รวมถึง Workshop การทำเว็บต่าง ๆ ที่ผมจะนำเสนอต่อไป แน่นอนว่ามีการประยุกต์ใช้ภาษา PHP...