Web Dev

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

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

บทความนี้ผมมาแนะนำนางแบบเอ้ย javascript library ที่น่าสนใจอีกหนึ่งตัว ชื่อ Color-Thief ซึ่งช่วยให้เราขโมยสีของรูปมาใช้ได้ เริ่มสงสัยแล้วใช่มั้ยครับ ว่าเอ๊ะ! แล้วมันขโมยสียังไง แล้วทำไมเราต้องขโมยสีด้วย งั้นมาดูรายละเอียดกันเลยดีกว่า การขโมยสีของ Color-Thief Color Thief ใช้อัลกอริทึมจำพวก image-processing เพื่อวิเคราะห์และสกัดสีออกมาจากรูป โดยผลลัพธ์ที่ได้คือค่าสี rgb ซึ่งการสกัดสีมี 2 รูปแบบ คือ Dominant color คือ...

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

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