COOL IT IDEAS AND STUFF
25 Killer Websites for Web Developers You Should Know About
31-Jan-24
คัมภีร์เทพ IT
See the original english version Click here!
ในการทำงานของ Web Developers หากพวกเขารู้จัก Resources ดี ๆ ก็จะช่วยให้การทำงาน ง่าย สะดวก และรวดเร็วยิ่งขึ้น และบทความนี้ก็จะมาแนะนำ 25 Websites ที่ Web Developers ควรรู้จักและ Bookmark เอาไว้ มาดูกันว่ามี Website ใดบ้าง
1. สร้างและแชร์รูปที่สวยงามของ Source Code
คุณสามารถใช้ Carbon เพื่อสร้างและแบ่งปันรูปภาพที่สวยงามของ Source Code ของคุณได้ มันมี Styles และ Themes ของ Code ที่หลากหลายให้คุณเลือกใช้
2. JavaScript Regular Expression Visualizer
เชื่อว่าคงมี Web Developers หลายคนที่ไม่ค่อยชอบ Regex Expressions สักเท่าไหร่ น่าจะเพราะมันดูซับซ้อนใช่ไหม? แต่คุณไม่ต้องกังวลไป เพราะนี่เป็น Visualization Tool ที่ช่วยให้คุณสามารถเข้าใจ Regex Expressions ได้ง่ายและรวดเร็วขึ้น
3. Unsplash
ที่นี่เป็น Source บน Internet ที่ใช้งานได้อย่างอิสระ มันถูกขับเคลื่อนโดย Creators มากมายจากทุกที่ทั่วโลก
4. Tinypng
ในการทำงาน คุณอาจจำเป็นต้องบีบอัด (Compress) รูปภาพอยู่บ่อยครั้ง ซึ่ง Tinypng จะช่วยคุณได้ และคุณสามารถใช้งานมันได้ฟรี ที่สำคัญคือ รูปภาพที่ถูกบีบอัดยังคงมีความละเอียดสูงอยู่
5. CodePen
การใช้ CodePen จะทำให้การ Embed Demo Code บน Medium ทำได้สะดวกมากขึ้น ดังตัวอย่างนี้
คุณสามารถค้นหา Icon ที่คุณต้องการได้จาก Ionic รวมถึง Icons ที่ได้รับการออกแบบในระดับ Premium สำหรับใช้งานบน Web, iOS, Android และ Desktop Apps มันยังรองรับ SVG และ Web Font ที่สำคัญคือ มันเป็น Open-Source โดยสมบูรณ์
7. Palette สีที่นำใช้งานได้จริง
หากคุณไม่พบ “สีที่ใช่” ในขณะที่คุณกำลังออกแบบอยู่ เชื่อว่า Color Hunt สามารถช่วยคุณได้
8. Can I Use
Front-end Engineers มักจะต้องตรวจสอบความเข้ากันได้ของ Browser อยู่บ่อยครั้ง ซึ่งแน่นอนว่า Can I Use เป็น Website ที่ช่วยให้คุณสามารถค้นหา Features และความเข้ากันได้ของ CSS กับ JavaScript ใน Browsers ยอดนิยมต่าง ๆ ได้เป็นอย่างดี
หากคุณไม่คุ้นเคยกับการใช้งาน Git เชื่อว่าคุณน่าจะชอบ Website นี้
มันจะช่วยให้คุณ Focus ไปที่สิ่งที่สำคัญ แทนที่จะต่อสู้กับ Git (เพราะความไม่คุ้นเคย) ไม่ว่าคุณจะเพิ่งเริ่มใช้ Git หรือเป็น User ที่มีประสบการณ์ใช้งานมาแล้ว GitHub Desktop จะช่วยทำให้ Development Workflow ของคุณง่ายขึ้น
10. Animate.css
ในการทำงานจริง อาจมีบางครั้งที่คุณจำเป็นต้องเขียน Animations ซึ่งคงมีหลายคนที่ไม่เก่งในเรื่อง Animation แต่โชคดีที่ Animate.css สามารถช่วยคุณแก้ปัญหาส่วนใหญ่ได้ คุณจะพบกับ Animation Clips ที่น่าสนใจและมีประโยชน์มากมายได้จากที่นี่
11. Boardmix.com
หากใครได้ลองใช้ เชื่อว่าน่าจะชอบ Website นี้ เพราะคุณสามารถวาด Mind Maps, Flowcharts และสิ่งต่าง ๆ ที่เกี่ยวข้องกับ Graphic อื่น ๆ ได้
12. Web Gradients
ที่นี่ คุณสามารถลองไล่ระดับสีที่สวยงามตามที่คุณต้องการ เพื่อนำไปใช้กับ Website ของคุณได้
13. 3Dicons
มันมี 3D Icons ที่เป็น Open Source ซึ่งถูกสร้างขึ้นอย่างสวยงาม คุณสามารถใช้งานได้ทั้งในเชิงพาณิชย์และส่วนตัวภายใต้ CC0
14. Standard Resume
เมื่อไรก็ตามที่คุณต้องการเปลี่ยนงาน คุณน่าจะนึกถึงที่นี่ เพราะมันจะช่วยสร้าง Resume ที่สวยงามให้คุณได้
15. Codetogo
Codetogo สามารถช่วยให้คุณค้นหาปัญหาทั่วไปในการพัฒนา Website ได้อย่างรวดเร็ว ซึ่งมีประสิทธิภาพและมีความแม่นยำ ตัวอย่างเช่น：”จะรวม Items ของ Array ใน JavaScript ได้อย่างไร?”
16. Code Generators ที่ยอดเยี่ยมสำหรับ Developers
คุณสามารถใช้มันเพื่อสร้าง HTML, CSS และอื่น ๆ ได้อีกมากมาย
17. Unused CSS
ที่นี่ จะช่วยให้คุณลบ CSS รวมทั้งล้าง CSS Rules ที่ไม่ได้ใช้งานของคุณได้อย่างง่ายดาย
18. Cool Backgrounds
มันสามารถช่วยให้คุณสร้างภาพ Background ที่สวยงามได้
19. DevDocs
ที่ Website นี้มี Documentation สำหรับ Projects ต่าง ๆ อีกทั้งยังรองรับการใช้งานแบบ Offline ได้อีกด้วย
20. Cdnjs
ในบางครั้ง คุณอาจต้องการ Online Resources สำหรับฝึกเขียน Program ซึ่ง cdnjs จะช่วยให้คุณสามารถค้นหา Open-Source Libraries ต่าง ๆ ได้แทบจะทั้งหมด
Website นี้สามารถช่วยให้คุณลบ Background ของรูปภาพได้แทบจะ 100% ได้โดยอัตโนมัติและที่สำคัญ คุณสามารถใช้งานได้แบบฟรี ๆ
22. Readme
นี่เป็นวิธีที่ง่ายที่สุดในการสร้างไฟล์ README โดย Editor ที่เรียบง่ายตัวนี้ จะช่วยให้คุณสามารถเพิ่มและปรับแต่ง Sections ทั้งหมดที่คุณต้องการสำหรับ Readme ใน Project ของคุณได้อย่างรวดเร็ว
23. Website ของคุณ Load เร็วแค่ไหน?
มันจะช่วยดูว่า Website ของคุณทำงานเป็นอย่างไร ช่วยเปิดเผยว่าเหตุใด Website ของคุณถึงช้า และมองหาโอกาสในการช่วยเพิ่มประสิทธิภาพอีกด้วย
หากคุณกำลังต้องการรูปภาพเพื่อประกอบการเขียนบทความ ที่ Website นี้สามารถช่วยออกแบบรูปภาพได้ผ่านช่องทาง Online
25. Royalty-Free Illustrations
ที่ Website นี้มีภาพประกอบที่ปลอดลิขสิทธิ์กว่า 2,500+ ภาพ เพื่อช่วยเพิ่มประสิทธิภาพในการออกแบบของคุณ
ที่มา: https://fatfish.medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด