บทความ IT เจ๋งๆ
15 Websites ที่ Web Developers สามารถนำไปใช้งานได้
29-ก.ย.-23
คัมภีร์เทพ IT
ในฐานะของ Front-End Development Engineer คุณมักต้องใช้ Tools มากมายเพื่อเพิ่ม Productivity ของคุณ ซึ่งอาจเป็นได้ทั้ง Websites, Documentation หรือ JavaScript Library และบทความนี้จะมาแนะนำ 15 Websites ที่ Web Developers สามารถนำไปใช้งานได้
1. JavaScript Regular Expression Visualizer
คุณเป็นคนหนึ่งที่ไม่อยากเรียนรู้ Regex Expressions เพราะว่ามันค่อนข้างมีความซับซ้อนใช่ไหม? แต่ไม่ต้องกังวลไป เพราะคงมีหลายคนที่คิดแบบคุณ และตอนนี้คุณก็มี Visualization Tool ที่สามารถช่วยให้สามารถเข้าใจ Regex Expressions ได้ง่ายขึ้น
2. DevDocs
Website นี้มี Documentation สำหรับ Projects ต่าง ๆ และยังรองรับการใช้งานแบบ Offline อีกด้วย
3. cdnjs
บางครั้งเราก็ต้องการ Online Resources สำหรับฝึกเขียน Program ซึ่ง cdnjs สามารถช่วยให้เราสามารถค้นหา Open-Source Libraries ได้เกือบจะทั้งหมด
4. Random Image
นี่คือ แหล่งรูปภาพบน Internet ที่สามารถใช้งานได้อย่างอิสระ ซึ่งถูกขับเคลื่อนโดย Creators จากทุกที่ทั่วโลก
5. บีบอัดรูปภาพ WebP, PNG & JPEG
คุณอาจจำเป็นต้องบีบอัดรูปภาพอยู่บ่อยครั้ง ในกรณีนี้คุณสามารถใช้ tinypng ได้แบบฟรี ๆ และรูปภาพที่ถูกบีบอัดก็ยังคงมีความละเอียดสูงอีกด้วย
Website นี้ สามารถช่วยให้เราสามารถลบ Background ของรูปภาพได้แทบจะ 100% โดยอัตโนมัติและคุณยังใช้งานมันได้แบบฟรี ๆ อีกด้วย
7. สร้างและแชร์รูปภาพสำหรับ Source Code ของคุณ
คุณสามารถใช้ Carbon เพื่อสร้างและแบ่งปันรูปภาพที่สวยงามของ Source Code ของคุณ อีกทั้งมันยังมี Code Styles และ Themes ที่หลากหลายอีกด้วย
หากคุณไม่พบสีที่ใช่ ในขณะที่คุณกำลังออกแบบอยู่ Color Hunt จะสามารถช่วยคุณได้
9. CodePen
ด้วยการใช้ CodePen จะทำให้คุณสามารถ Embed Demo Code บน Medium ได้สะดวกมากขึ้น ดังที่คุณเห็นในตัวอย่างนี้
คุณสามารถค้นหา Icons ต่าง ๆ ที่คุณต้องการได้จาก Ionic ซึ่งที่นี่ยังมี Icons ที่ถูกออกแบบมาอย่างดีเยี่ยมเพื่อนำใช้งานบน Web, iOS, Android และ Desktop Apps นอกจากนี้มันยังรองรับ SVG และ Web Font และที่สำคัญ Ionic ยังเป็น Open Source โดยสมบูรณ์อีกด้วย
11. Can I use?
Front-End Engineers มักจะต้องตรวจสอบความเข้ากันได้ของ Browsers อยู่เป็นระยะ ๆ และ Can I Use ก็เป็น Website ที่สามารถค้นหา Features และความเข้ากันได้ของ CSS และ JavaScript ใน Browsers ยอดนิยมต่าง ๆ
12. Readme
นี่คือวิธีที่ง่ายที่สุดในการสร้าง README File และด้วย Editor ที่เรียบง่ายตัวนี้ จะช่วยให้คุณสามารถเพิ่มและปรับแต่ง Sections ทั้งหมดที่คุณต้องการสำหรับ Readme ของ Projects ต่าง ๆ ของคุณได้อย่างรวดเร็ว
13. Website ของคุณ Load เร็วแค่ไหน
ด้วย Tool ตัวนี้ คุณสามารถดูได้ว่า Website ของคุณทำงานเป็นอย่างไร มันช่วยเปิดเผยว่าเหตุใด Website ถึงช้า และยังช่วยมองหาโอกาสในการเพิ่มประสิทธิภาพอีกด้วย
คุณเคยต้องการรูปภาพเพื่อประกอบการเขียนบทความหรือไม่? คุณสามารถแก้ไขและออกแบบรูปภาพได้ทาง Online ผ่าน Website นี้
15. Royalty-free Illustrations
ที่ Website นี้ มีภาพ Illustrations ที่ปลอดลิขสิทธิ์มากกว่า 2,500+ ภาพ เพื่อเพิ่มประสิทธิภาพในการออกแบบของคุณ
ที่มา: https://javascript.plainenglish.io/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด