COOL IT IDEAS AND STUFF

See the original english version Click here!

ในฐานะ Frontend Developers แล้ว การหา Tools ที่สมบูรณ์แบบเพื่อเพิ่มประสิทธิภาพและความคิดสร้างสรรค์นั้นเป็นเรื่องที่ไม่ง่ายนัก และนี่ก็เป็น 14 Tools สุดเจ๋งที่ Frontend Developers ควรลองใช้ ซึ่งจะทำให้การ Develop ของคุณมีความราบรื่นและมีประสิทธิภาพมากขึ้น

1. Pixel Measurement & Code Snippets

• PixelSnap — Tool ที่เร็วที่สุดสำหรับการวัดทุกอย่างบน Screen ของคุณ

• CodeToGo — Repository ของ JavaScript และ React Snippets ที่ทันสมัย สำหรับกรณีการใช้งานต่าง ๆ

2. Responsive Design & CSS Cleanup

• Responsively App — Tool ที่ยอดเยี่ยมสำหรับการสร้าง Responsive Websites ที่สมบูรณ์แบบในระดับ Pixel

• Unused CSS — สามารถ Clean CSS Rules ที่ไม่จำเป็น ได้อย่างง่ายดาย, ลดขนาด File และปรับปรุงประสิทธิภาพ

3. SVG & Animation Tools

• Shape Divider — Create และ Export ตัว SVG Shape Dividers ที่สวยงามสำหรับ Projects ของคุณ

• Get Waves — สร้าง Wave Animation Effects แบบกำหนดเองได้ เพื่อปรับปรุงการออกแบบ Website

4. Gradient & 3D Design Tools

• WebGradients — Collection ของ 180 Linear Gradients ฟรี พร้อม CSS3 Code ที่พร้อมใช้งาน

• Spline — 3D Design Tool ฟรี สำหรับสร้าง Interactive Web Experiences

5. CSS Animations & Blob Generators

• Animista — แหล่งรวม CSS Animations สำเร็จรูป สำหรับการใช้งานอย่างรวดเร็ว

6. Typography & Dummy Content

• Google Fonts — Collection ที่ครบครันของ Web Fonts ที่ทั้งฟรีและใช้งานง่าย

• Lorem Ipsum — Tool สำหรับสร้าง Placeholder Text

• Lorem Picsum — Tool สำหรับสร้าง Placeholder Image

7. Web Evolution & Landing Page Inspiration

• Kapwing’s Museum of Websites — สำรวจวิวัฒนาการของ Website ยอดนิยมอย่าง Google และ Amazon

• Landing Page FYI — แหล่งรวมของ Tools ต่าง ๆ กว่า 100 รายการ สำหรับสร้าง Landing Pages ที่ช่วยดึงดูดให้ผู้ใช้ทำตามเป้าหมายที่เราต้องการได้มากขึ้น

สรุป

และนี่ก็เป็น 14 Tools สุดเจ๋งที่ Frontend Developers ควรลองใช้ ซึ่งพวกมันจำเป็นสำหรับ Frontend Developers ยุคใหม่ที่กำลังมองหาวิธีปรับปรุงประสิทธิภาพ Workflow, การออกแบบ และคุณภาพของ Code ไม่ว่าคุณจะเป็นมือใหม่หรือเป็นผู้ที่มีความเชี่ยวชาญแล้ว การนำ Tools เหล่านี้มาใช้ในกระบวนการ Develop จะสามารถยกระดับ Projects ของคุณได้

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

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

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

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

• 8 เคล็ดลับการออกแบบ Text Input Controls ให้น่าใช้งานยิ่งขึ้น
• 5 VS Code Extensions ที่จะช่วยให้คุณทำงานมีประสิทธิภาพ (และสนุกขึ้น)
• 10 Python Libraries ที่ช่วยยกระดับการเขียน Code ของ Senior Developer