by Frevation | Jul 8, 2022 | blog, Photoshop
บทความนี้จะมาอธิบายเทคนิคในการสร้างปกรูป Cover Photo บน Channel ของ YouTube หรือเรียกอีกอย่างก็คือ YouTube Banner ให้สามารถรองรับทุกหน้าจอ โดยปกติแล้ว YouTube กำหนดให้ขนาดรูป YouTube Banner มีขนาดรูปเป็นแบบอัตราส่วน 16:9 โดยกำหนดขนาดเป็น 2560 x 1440 pixels...
by Frevation | May 13, 2022 | blog, react-native
หากใครเคยใช้ picker บน react native อาจจะเคยพบปัญหาที่ว่า เราอยากให้มีปุ่มแถมขึ้นมา เช่น กรุณาเลือก แบบนี้ หากเราไม่ใส่ option มาเลย จะเป็นแบบด้านล่าง จะเห็นว่า picker จะดึงเอา option แรกสุดมาใส่ แต่สิ่งที่เราต้องการคือแบบนี้ ปัญหาก็คือว่า...
by Frevation | May 6, 2022 | blog, react-native
หากเราเคยใช้ vector icon จะรู้ว่าเวลาเราจะเรียกไอคอนของ type อื่น เราต้องทำการ import มาใหม่ทุกครั้ง ทีนี้เราจะมาใช้ Icon จาก react-native-elements กัน รายการด้านล่างคือ type ที่ Icon นี้สามารถใช้งานได้ ทีนี้เราจะมาใช้กัน ทำการ import Icon เข้ามา (อย่าลืม install...
by Frevation | Apr 29, 2022 | blog, react-native
FAB เป็นปุ่มที่ลอยอยู่บนสุดของจอเรา หลายแอปก็ใช้กันเพื่อความสวยงาม ทีนี้เราจะมาดูกันว่าปุ่มนี้มันเขียนยังไงโดยที่เราไม่ต้องลง library อะไรเพิ่มเลย เราจะใช้อยู่ 2 component หลักๆ ก็คือ Text กับ TouchableOpacity ส่วน stylesheet ใช้เพื่อที่จะได้ไม่ต้องเขียน inline-style...
by Frevation | Feb 3, 2022 | blog, Photoshop
โดยทั่วไปรูปภาพจะมีลักษณะรูปร่างเป็นสี่เหลี่ยมดังรูป แต่ถ้าหากต้องการทำรูปร่างของภาพเป็นรูปร่างต่าง ๆ ที่เราต้องการ มีวิธีการทำดังตัวอย่างต่อไปนี้ 1.ให้สร้าง layer ที่มีรูปร่างตามที่เราต้องการก่อน 2. สร้างอีก layer สำหรับภาพที่เราต้องการมาการมาทำรูปร่าง 3. ต่อมาที่...
by Frevation | Feb 3, 2022 | blog, VSCode
ในฐานะที่เป็นมือใหม่ในการเขียน React เราอาจจะไม่รู้ว่า เราควรเขียนโค้ดยังไงให้มีประสิทธิภาพ โค้ดที่มีคุณภาพจะนำมาซึ่ง performance ที่ดี ในที่นี้เราจะมาแนะนำ Extension ที่จะมาช่วยเราแก้ไขปัญหานั้น คือ ESLint นั่นเอง ในฐานะที่เป็นมือใหม่ในการเขียน React...
