COOL IT IDEAS AND STUFF

See the original english version Click here!

 

ในโลกของ Development ที่เปลี่ยนแปลงอยู่ตลอดเวลา การอัปเดต Tools และ Resources ใหม่ ๆ อยู่เสมอสามารถเพิ่มประสิทธิภาพ Workflow ของคุณและช่วยให้คุณสร้าง Applications ที่รวดเร็วมีประสิทธิภาพได้ บทความนี้จะมาแนะนำ 22 Developer Resources ที่คุณควรเรียนรู้และลองนำไปใช้งาน

1. Carbon

URL: https://carbon.now.sh

สิ่งที่ทำได้: Carbon จะช่วยเปลี่ยน Code Snippets ของคุณให้เป็น Graphic ที่สวยงาม เหมาะสำหรับการ Share หรือฝังใน Blog และ Presentation

ข้อดี: มันจะช่วยทำให้ Code ของคุณดูดีและ Share ได้ง่าย รวมทั้งช่วยแสดง Solutions ของคุณหรือโชว์ผลงานได้อย่างง่ายดาย

2. Polypane

URL: https://polypane.app

สิ่งที่ทำได้: มันเป็น Browser ที่ถูกออกแบบมาสำหรับ Developers ซึ่งช่วย Test และดูตัวอย่างของ Responsive Designs ได้แบบ Real Time

ข้อดี: Test Website ของคุณบนหน้าจอหลาย ๆ ขนาดได้พร้อมกัน เพื่อเพิ่มประสิทธิภาพสำหรับ Devices ต่าง ๆ ได้ราบรื่นยิ่งขึ้น

3. Code Beautify

URL: https://codebeautify.org

สิ่งที่ทำได้: มันได้รวม Tools ต่าง ๆ สำหรับจัดรูปแบบ, ทำให้สวยงาม และตรวจสอบความถูกต้องของ JSON, XML, HTML และ CSS

ข้อดี: บอกลา Code ที่ยุ่งเหยิง เพราะมันจะช่วยให้ Files ของคุณ Clean ขึ้นและปราศจาก Error

4. Sourcegraph

URL: https://sourcegraph.com

สิ่งที่ทำได้: นี่คือ Code Search Tool ที่สามารถใช้กับ Codebases ขนาดใหญ่ได้

ข้อดี: มันจะค้นหาสิ่งที่คุณต้องการได้อย่างรวดเร็วใน Repositories ขนาดใหญ่ ซึ่งเหมาะสำหรับการทำงานร่วมกันเป็นทีม

5. RunKit

URL: https://runkit.com

สิ่งที่ทำได้: นี่คือ Interactive JavaScript Playground พร้อมทั้งใช้งาน npm ได้เพื่อให้สามารถเขียน Code ได้ทันที

ข้อดี: คุณสามารถทดลองใช้ APIs, Libraries และ Node.js ได้อย่างง่ายดายโดยไม่ต้องตั้งค่า

6. UI Movement

URL: https://uimovement.com

สิ่งที่ทำได้: แหล่งรวมของ UI/UX Animations และ Designs ที่กำลังเป็นที่นิยม

ข้อดี: มันเหมาะสำหรับ Designers และ Developers ที่ต้องการแรงบันดาลใจในงานออกแบบ

7. Regex101

URL: https://regex101.com

สิ่งที่ทำได้: คุณสามารถใช้เพื่อ Test และ Debug Regular Expressions พร้อมคำอธิบายในทันที

ข้อดี: มันช่วยให้สามารถเรียนรู้ Regex ได้ง่ายขึ้นและให้แน่ใจว่า Patterns ต่าง ๆ ทำงานได้ตามที่ต้องการ

8. Codewars

URL: https://www.codewars.com

สิ่งที่ทำได้: ที่นี่จะเสนอความท้าทายการเขียน Code ในรูปแบบของเกม เพื่อพัฒนาทักษะการแก้ไขปัญหา

ข้อดี: มันทำให้คุณสนุก ท้าทาย และช่วยให้คุณเชี่ยวชาญ Algorithms มากขึ้น

9. Playcode

URL: https://playcode.io

สิ่งที่ทำได้: มันเป็น Online Playground เพื่อ Test พวก HTML, CSS และ JavaScript

ข้อดี: สามารถสร้าง Prototype Ideas ได้ในไม่กี่วินาที พร้อมดูผลลัพธ์ได้แบบ Real Time

10. Bundlephobia

URL: https://bundlephobia.com

สิ่งที่ทำได้: มันจะช่วยวิเคราะห์ขนาดและผลกระทบต่อประสิทธิภาพของ npm Packages

ข้อดี: มันช่วยให้หลีกเลี่ยงการใช้ Dependencies ที่มากเกินไป และทำให้ App ของคุณมีประสิทธิภาพขึ้น

11. TabNine

URL: https://www.tabnine.com

สิ่งที่ทำได้: มันเป็นระบบแนะนำ Code ให้อัตโนมัติที่ขับเคลื่อนด้วย AI

ข้อดี: มันจะให้คำแนะนำที่ชาญฉลาดและเหมาะสม ซึ่งช่วยให้คุณเขียน Code ได้รวดเร็วและดีขึ้น

12. TinyPNG

URL: https://tinypng.com

สิ่งที่ทำได้: บีบอัดภาพโดยไม่สูญเสียคุณภาพ เพื่อเพิ่มประสิทธิภาพของ Website ให้ทำงานเร็วยิ่งขึ้น

ข้อดี: ภาพที่เบาขึ้น ทำให้ Website โหลดเร็วขึ้น ซึ่งทำให้ Users มีความสุขในการใช้งาน

13. Carbon Design System

URL: https://carbondesignsystem.com

สิ่งที่ทำได้: Design System จาก IBM ที่มี Components และ Guidelines ที่นำมาใช้งานซ้ำได้

ข้อดี: มันจะช่วยสร้าง UI ที่สวยงามและมีความสอดคล้องกันได้อย่างง่ายดาย

14. Responsively App

URL: https://responsively.app

สิ่งที่ทำได้: ดู Website ของคุณได้ในหลาย Devices และหลายขนาด Screen ได้พร้อมกัน

ข้อดี: คุณสามารถ Test Responsive ได้แบบ Real Time ช่วยให้ประหยัดเวลาและความพยายาม

15. Lemon Teams

URL: https://lemonteams.onrender.com

สิ่งที่ทำได้: ที่นี่มี Tools ต่าง ๆ เช่น การสร้าง Color Palette, การ Publish Code และ Feedback Features

ข้อดี: มันจะช่วยให้การสร้าง UI และ Workflow การเขียน Code ทำได้ง่ายขึ้น

16. Figma

URL: https://www.figma.com

สิ่งที่ทำได้: นี่เป็น Design Tool บน Web ที่สามารถใช้งานร่วมกันได้

ข้อดี: มันเหมาะสำหรับการทำงานร่วมกันเป็นทีมอย่างยิ่ง

17. StackBlitz

URL: https://stackblitz.com

สิ่งที่ทำได้: มันคือ Online IDE สำหรับเขียน Code, Preview และ Deploy Web Apps ได้ในทันที

ข้อดี: มันจะช่วยสร้าง Projects ได้อย่างรวดเร็วโดยไม่ต้องตั้งค่าเครื่องแต่อย่างใด

18. JetBrains Academy

URL: https://www.jetbrains.com/academy

สิ่งที่ทำได้: ที่นี่มี Interactive Coding Courses พร้อม Projects จริง

ข้อดี: มันช่วยให้คุณสร้าง App จริงไปพร้อมกับการเรียนรู้ทักษะ Programming ใหม่ ๆ

19. GitKraken

URL: https://www.gitkraken.com

สิ่งที่ทำได้: Git Client ที่มี UI ที่เข้าใจง่ายสำหรับจัดการกับ Repo ได้อย่างง่ายดาย

ข้อดี: มันช่วยให้การทำงานกับ Git มีความง่ายและสะดวกขึ้น

20. SitePoint

URL: https://www.sitepoint.com

สิ่งที่ทำได้: นี่เป็นแหล่งรวมของ Tutorials, Books และ Articles สำหรับ Developers

ข้อดี: มันช่วยให้คุณสามารถอัปเดต Trend ล่าสุดและเรียนรู้ทักษะใหม่ได้

21. Silex

URL: https://www.silex.me

สิ่งที่ทำได้: Silex เป็นเครื่องมือสร้าง Static Websites โดยที่คุณไม่ต้องเขียน Code

ข้อดี: มันจะช่วยให้สร้าง Website ได้อย่างรวดเร็วโดยไม่ต้องเขียน Code

22. Auth0

URL: https://auth0.com

สิ่งที่ทำได้: มันทำให้ระบบยืนยันตัวตนเป็นเรื่องที่ง่ายด้วย Feature ความปลอดภัยที่แข็งแกร่ง

ข้อดี: มันช่วยให้คุณประหยัดเวลาและสามารถ Focus ไปที่การสร้าง App ในขณะที่ Auth0 จะจัดการในเรื่องของการยืนยันตัวตน

สรุป

ไม่ว่าคุณจะออกแบบ เขียน Code หรือปรับปรุง Workflow ของคุณ Tools เหล่านี้สามารถช่วยให้คุณทำงานได้ง่ายขึ้น ลองสำรวจ Tools เหล่านี้ดู เพื่อช่วยยกระดับ Development Process ของคุณ

ที่มา: https://medium.com/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

 

บทความล่าสุด

• 11 ทริคการใช้ JavaScript Command Line ที่มีประโยชน์ต่อการทำงาน
• 7 Open Source Tools สำหรับ Backend Developers ที่มาแรงในปี 2025
• 10 ตัวอย่าง การใช้ประโยชน์จาก Git กับงานที่คุณคาดไม่ถึง