React Icon ครบ จบ ที่ตัวเดียว

หนึ่งในดวงใจ Icon Library สำหรับชาว React แล้วคงหนี้ไม่พ้น react-icons ด้วยความหลากหลายของไอคอน รวมไอคอนไลบรารี่ ที่ชาวเดฟรู้จักเป็นอย่างดี ไว้ในที่เดียว มีทั้ง Ant Design, Bootstrap, Font Awesome และอื่นๆอีกหลายสไตล์

React-Icons

อย่างที่บอก เมื่อสามารถเลือก Icon ที่ต้องการ ได้หลากหลาย 

Library ตัวนี้จึงเป็นตัวจบ การใช้ Icon ใน React เลยทีเดียว

ข้อแนะนำ

ถึงแม้จะใช้ได้หลายสไตล์ก็ตาม แต่ถ้าเอาสไตล์ที่แตกต่างกันมาใช้ด้วยกัน มันก็ไม่เข้ากันอยู่ดี ดังนั้นข้อแนะนำสำหรับผมคือ ถ้าเราใช้ Font Awesome แล้วมันเพียงพอ ก็ใช้ Original ของมันไปดีกว่าครับ

อาจจะลองเลือกดูสักสไตล์ที่เข้ากับแอพของเรา แล้วใช้อันนั้นไปเลย แต่ถ้ามันไม่เพียงพอค่อยมาใช้ React-Icon ก็ได้

Comments

Post a Comment

Popular posts from this blog

วิธีตรวจสอบข้อมูลภาษีของตัวเอง รายได้ทั้งปี และค่าลดหย่อน จบครบที่เดียว

Image
แล้วก็มาถึงฤดูกาลแห่งการยื่นภาษีประจำปี สำหรับปี 2567 ยื่นได้ตั้งแต่วันนี้ จนถึงวันที่ 9 เม.ย. 2567  แม้ปีที่แล้วไม่ได้ทำอะไรมากมาย แต่รายได้ก็มีหลายช่องทาง ทั้งการเปลี่ยนงาน รับจ๊อบเสริม จากที่เมื่อก่อนจำไม่ได้ว่าตัวเองมีรายได้ตรงไหนบ้าง ไล่เช็คเมลจนตาลาย วันนี้กรมสรรพากร มีเมนูให้เราเช็คกันแล้ว (มีมานานแล้วหรือยังนะ) ก่อนอื่นเข้าไปที่ เว็บไซต์กรมสรรพากร เลือกเมนู ตรวจสอบข้อมูลทางภาษี เข้าสู่ระบบ แนะนำว่าให้ใช้ Digital ID เพราะจะสามารถดูข้อมูลรายได้ได้ด้วย ถ้าใช้ RD ID จะดูได้แค่ค่าลดหย่อน เมื่อเข้าสู่ระบบก็จะเห็นข้อมูลลดหย่อน และรายได้ที่มีการยื่นไปที่สรรพากร เท่านี้การยื่นภาษีในปีนี้ก็จะไม่ใช่เรื่องปวดหัวอีกต่อไป
Read more

สูตรโกง Regex ใครไม่เก่ง Regular Expression มาทางนี้จ้า

Image
เชื่อว่าพอเขียนโปรแกรมมาซักพัก คุณต้องเคยใช้ Regex มาไม่มากก็น้อย ใช้ Validate นู่น นี่ นั่น ซึ่งเอาตรงๆ ส่วนใหญ่เราไม่ค่อยเขียนเองกันหรอก เพราะไม่มั่นใจว่า ที่เขียนเองมันครบทุกเคสไหม หรือเราอาจจะเขียนไม่เป็นเลย งั้นก็อปปี้ Stack Overflow เอาเลยล่ะกัน แต่ช้าก่อน จะรู้ได้ไงว่า Stack Overflow นั้นเขียนมาถูก งั้นบทความนี้ขอแนะนำ i Hate Regex เว็บที่รวบรวม Regular Expression ที่น่าสนใจ เพียงค้นหา Regex ด้วยคีย์เวิร์ดที่ต้องการ และเอาไปใช้ มีตัวอย่าง และคำอธิบายพร้อม  ดูแค่ชื่อเว็บก็รู้แล้วว่าเหมาะมาก กับคนเกลียด Regex แต่ถ้าไม่เกลียดก็ใช้ได้นะ ฮ่ะๆ แบบว่าเอาไว้เทียบกับที่เราเขียนเอง ว่าถูกและครบทุกเคสไหม เป็นต้น
Read more

แนะนำเว็บจัดการเสียง มีฟังก์ชั่นเด็ดๆโดนๆเพียบ จะแยกเสียงดนตรีกับเสียงร้องก็ทำได้

Image
บทความนี้เอาเว็บที่น่าสนใจ มาแนะนำอีกเช่นเคย เพื่อนๆบางคนเคยประสบปัญหาเรื่องไฟล์เสียงกันบ้างไหม อย่างเช่น อัดเสียงในมือถือ เสร็จแล้วต้องโอนไฟล์เข้าคอม จะตัดต่อเสียงเพลงก็ไม่รู้จะเลือกใช้โปรแกรมอะไร อัดเสียงอยู่ดีๆมีเสียงอะไรเข้ามาแทรกระหว่างกำลังอัด หรืออยากจะแยกเสียงดนตรีกับเสียงร้อง แต่ไม่รู้จะทำยังไง ถ้าเคยเจอปัญหาเหล่านี้ ลองใช้เว็บนี้เลย Vocal Remover เว็บไซต์จัดการเสียงหลากหลายฟังก์ชั่น ทำได้ตั้งแต่ อัดเสียงผ่านเบาร์เซอร์ ตัดต่อเสียง ท่อนไหนไม่อยากได้ก็ตัด หรือจะเอาหลายๆเสียงต่อต่อกันก็ทำได้ ปรับความช้าเร็วของเสียง หรือจะเปลี่ยน Key pitch ก็ทำได้ แต่ฟีเจอร์เด็ดที่ต้องพูดถึงเลยคือ เอาเสียงร้องออกจากเพลง (Vocal remover) สมมติถ้าไปเจอเพลงที่ไม่มี Karaoke แนะนำว่าฟีเจอร์นี้คือเด็ด เพราะมันสามารถลบเสียงคนร้อง ให้เหลือแต่ดนตรีได้ พอลบเสร็จ กดเซฟเป็นไฟล์ mp3 ได้เลย แต่ยังไม่พอ คุณสามารถร้อง Karaoke ผ่านฟีเจอร์ Karaoke ต่อได้เลย โดยใช้เพลงที่เพิ่งลบเสียงคนร้องออกไป เจ๋งป่ะหล่ะ สรุป เป็นเครื่องมือที...
Read more

ทดลองสร้างวีดีโอจาก AI ด้วย D-ID

Image
ช่วงนี้ไถติ๊กต๊อกไปเรื่อยๆ พบว่ามีคนเริ่มเอา D-ID มาทำ Video กันเยอะขึ้น บทความนี้ผมเลยขอเขียนเนื้อหาเกี่ยวกับ D-ID หน่อย หลังจากลองเล่นมาซักพัก D-ID Digital people text to video นี่คือแพลทฟอร์มสร้างวีดีโอจากมนุษย์ดิจิตอล เพียงแค่เลือก Charactor ที่ต้องการ เลือกเสียง ใส่เนื้อหาที่ต้องการให้ตัวละครพูด บู้มมมมม กลายเป็นวีดีโอ... จากความสามารถของ AI ที่สามารถสร้างบุคลเสมือน ขยับปากได้ตรงกับเนื้อหา บวกกับเทคโนโลยี Text to speech ที่เราสามารถเลือกเสียง สำเนียง ได้อย่างอิสระ ทำให้กลายเป็นวีดีโอที่น่าสนใจ และไม่ต้องการมนุษย์จริงในการออกกล้อง ขั้นตอนการใช้งาน สมัครสมาชิก โดยคุณจะได้เครดิตเบื้องต้น เอาไปใช้งานฟรี 5 นาที ( ดูราคา ) เลือกสร้างวีดีโอ เลือกพรีเซนเตอร์ มีให้เลือกทั้งแบบคล้ายคนจริง หรือเป็นโมเดลที่ AI สร้างให้ โดยถ้าคุณไม่ถูกใจ สามารถอัพโหลดรูปภาพ ให้ AI ประมวณผลนำไปสร้างพรีเซนเตอร์เองได้ ผมเห็นว่าหลายๆคนใช้ตัวละครการ์ตูนมาสร้าง แต่เท่าที่ลองน่าจะต้องเลือกรูปที่ผ่านเกณฑ์สักนิด ไม่งั้นจะสร้างไม่ผ่าน ใส่เนื...
Read more

สรุปเนื้อหายูทูปยาวๆ ให้เป็นข้อความอ่านง่าย ภายในไม่กี่นาทีด้วย AI จาก Summarize.tech

Image
ทุกวันนี้อ่านข่าว เจอแต่เทคโนโลยี AI (artificial intelligence) กันแบบรัวๆ เกิน 300% เมื่อเทียบกับปีที่แล้ว แพลทฟอร์มเอไอเปิดใหม่กันแบบไม่พัก และบทความนี้ ก็ไม่พลาดเอาผลผลิตจากวงการเอไอมาให้ลองกัน Summarize.tech เว็บที่จะช่วยคุณย่อยข้อมูล จากวีดีโอในยูทูป ให้กลายเป็นข้อความที่สั้น กระชับ ทำให้คุณประหยัดเวลาไปได้เยอะ ลองนึกถึงบทสัมภาษณ์ หรือการเรียนเนื้อหาอะไรสักอย่างบนยูทูป คุณต้องใช้เวลากับมันมากแค่ไหน? บางทีอาจจะ 1-2 ชั่วโมงเลย แล้วจะดีไหม ถ้ามีผู้ช่วยมาสรุปให้คุณอ่าน หึหึ มันจะเกินปุยมุ้ยยยอ่าาา นี่คือตัวอย่างวีดีโอ เพียงคุณคัดลอก Link ยูทูปมาแปะที่ Summarize.tech นี่คือส่งที่จะได้รับ บอกเลยว่า Amezing จัดๆ อิจฉานักเรียนยุคนี้สุดๆ ข้อจำกัด พวกวีดีโอเนื้อหาที่ต้องดูภาพประกอบ เช่น วิธีการทำมีดเข้าป่า อันนี้ยังต้องดูภาพประกอบอยู่ดี ถึงจะเข้าใจ ลิงค์ยูทูปที่ใช้ได้ ต้องมี Subtitle เพื่อให้ AI เอา text ไปประมวลผลต่อ ไม่แน่ใจว่าภาษาไทย ได้ไหมนะ ยังไม่ได้ลอง ใครลองแล้วมาแชร์หน่อย สรุป เป็นเครื่องมือที่โครตดี ทำให้ประหยั...
Read more