Trên internet hiện nay, có rất nhiều công cụ hữu ích nhằm giảm bớt thời gian cho dân Front-End. Dưới đây là các công cụ mà mình yêu thích, muốn chia sẻ đến các bạn để cùng giảm bớt một phần thời gian code của bạn.
1. EnjoyCSS
EnjoyCSS là một trình tạo CSS3 online hoàn toàn miễn phí. Giao diện người dùng tiện dụng và dễ sử dụng của nó cho phép bạn điều chỉnh các kiểu đồ họa phong phú một cách nhanh chóng và không cần mã hóa.
Bạn có thể dùng nó giống như bạn dùng Photoshop vậy, bạn có thể kéo thả ra giao diện mà bạn muốn rồi lấy code và dùng. Các trạng thái như : hover ,: active ,: Focus ,: after ,: before đều đầy đủ trên tool này.
2. Prettier Playground
Prettier là một công cụ formatter (định dạng) lại code cho Javascript. Hỗ trợ cho cả ES2017, JSX, Angular, Vue, Flow, TypeScript,... Nó sẽ xóa bỏ định dạng code ban đầu của bạn và thay thế thành định dạng chuẩn nhất.
3. Postman
Postman là công cụ hữu ích để test API. Công cụ này rất dễ sử dụng, hỗ trợ cả chạy bằng UI và non-UI. Ngoài ra, nó còn hỗ trợ viết code cho assert tự động bằng Javascript và hỗ trợ cả RESTful services và SOAP services. Và nó có chức năng tạo API document.
4. StackBlitz
Stackblitz đã trở thành công cụ thực tế cho các Angular developer để viết các đoạn code (hoặc thậm chí các ứng dụng toàn diện) hoàn toàn trong một trình soạn thảo dựa trên trình duyệt.
Nếu bạn muốn nhanh chóng kiểm tra ý tưởng, chia sẻ các bản demo và đoạn trích hoặc viết code trong khi bạn rời khỏi máy của mình, Stackblitz cho phép bạn xây dựng các ứng dụng đầy đủ trong trình duyệt của mình.
Ngoài ra, nó còn hỗ trợ cho Angular, React, Ionic, TypeScript, RxJS, Svelte, và một số JavaScript frameworks khác. Bạn có thể truy cập và trải nghiệm.
5. Bit.dev
Bit (Github) là một công cụ CLI và một component hub cho phép bạn đẩy các component có thể tái sử dụng trực tiếp từ bất kỳ dự án Angular nào đến một bộ sưu tập được chia sẻ trong bit.dev.
Bit đặc biệt hữu ích như một cách để xây dựng một thư viện component, dần dần và hợp tác. Nó cho phép bạn xuất các component có thể tái sử dụng sang một bộ sưu tập được chia sẻ. Không cần thêm repo hoặc cấu hình vô tận.
Bit.dev hỗ trợ cho React, Vue, Angular, Node, và một số JavaScript frameworks khác.
6. CanIUse
CanIUse là công cụ trực tuyến rất tiện dụng, vì nó cho phép bạn tìm hiểu xem tính năng bạn đang triển khai có tương thích với các trình duyệt của bạn hay không.
Hãy xem kết quả. Các trình duyệt và các phiên bản hỗ trợ navigator.share đều được liệt kê.
Lời kết
Thật sự để liệt kê hết các tool thì trên internet hiện có rất nhiều, nhưng mình chia sẻ mỗi một phần nhỏ, một mảng nhỏ, một tool thật sự đến các bạn.
Nào, hãy bookmark lại để dùng, mong rằng nó hữu ích với bạn. Chúc các bạn thành công.
By Hiếu Quốc
No comments:
Post a Comment
Cảm ơn bạn đã bình luận.