Các công cụ tuyệt vời cho việc thiết kế web

Gần như mọi nhà phát triển có một bộ sưu tập các công cụ hay các tiện ích mà mình cho là không thể thiếu và có xu hướng sử dụng chúng trong công việc hàng ngày của họ khi phát triển. Mục đích của các công cụ hay các tiện ích này không ngoài việc làm cho công việc trở nên dễ dàng và tiết kiệm thời gian hơn.

Cho dù bạn là một lập trình viên có kỹ năng tìm kiếm một vài công cụ để bổ sung thêm vào kho vũ khí hiện có - hoặc một người mới tìm hiểu trong vấn đề lập trình đang muốn phát triển kỹ năng, những công cụ này sẽ cho phép bạn thêm các chức năng và nhiều hơn thế nữa cho các dự án của bạn .

Chúng tôi hy vọng bạn sẽ có thể tìm thấy những công cụ thích hợp trong danh sách dưới đây. Nếu bạn có bất cứ đánh giá nào về các công cụ hay chức năng mà bạn đã sử dụng hoặc muốn gợi ý để chúng ta có thể thêm chúng vào danh sách tuyệt vời này - xin vui lòng để lại nhận xét trong phần bình luận.

1. Sitespeed.IO

Sitespeed.io là một công cụ mã nguồn mở giúp bạn phân tích tốc độ trang web và hiệu suất dựa trên số liệu tốt nhất. Nó thu thập dữ liệu từ nhiều trang trên website, phân tích các trang bằng cách sử dụng các quy chuẩn và xuất kết quả dưới dạng HTML hay XML JUnit.

2. Nightwatch.js

Nightwatch.js là một plugin dễ sử dụng cho việc thử nghiệm các ứng dụng và trang web dựa trên trình duyệt. Nó sử dụng tính năng Selenium WebDriver API mạnh mẽ để thực hiện các lệnh. Nó bao gồm nhiều tính năng khác như: cú pháp đơn giản nhưng mạnh mẽ cho phép bạn thực hiện kiểm tra rất nhanh chóng, chỉ sử dụng Javascript và CSS se-lectors. Không cần phải khởi tạo các đối tượng và các lớp khác, bạn chỉ cần viết các thông số kỹ thuật kiểm tra, tích hợp thử nghiệm dòng lệnh cho phép bạn chạy thử ngay lập tức.

3. Wowjs

Wow.js cho phép bạn di động các hình ảnh như khi bạn di chuyển xuống một trang. Theo mặc định, bạn nên sử dụng nó để kích hoạt hiệu ứng animate.css. Nhưng bạn có thể dễ dàng thay đổi các thiết lập cho thư viện đồ họa yêu thích của mình. Nó khá nhỏ hơn so với các plugin javascript khác, như Scrollorama (một plugin tuyệt vời, nhưng có thể là quá nặng cho các nhu cầu đơn giản). Wow.js cài đặtsiêu đơn giản và làm việc ngay lập tức với animate.css. Vì vậy nếu bạn đã sử dụng qua, nó sẽ rất nhanh chóng thiết lập và thực thi các đoạn mã một cách nhẹ nhàng, các trình duyệt sẽ thích nó cho xem.

4. Editorially

Editorially là một nền tảng mới của sự kết hợp cho việc viết và chỉnh sửa nội dung. Mục tiêu của họ là để khuyến khích và hỗ trợ cho quá trình viết, mọi chức năng đều có sẵn, từ việc đánh dấu, thay đổi nội dung và xuất bản.

5. Total.js

Total.js là một trong những mô hình ứng dụng web tốt nhất cho việc tạo ra các trang web và dịch vụ web một cách phong phú. Mô hình này có tài liệu tốt và có nhiều ví dụ minh họa. Nó hỗ trợ thân thiện cho URL, XHR, JSON, LESS CSS (CSS 3), minifier JavaScript, nguồn lực, mô-đun và nó còn hỗ trợ kiến ​​trúc MVC nữa.  

6. Modern.IE

Microsoft gần đây đã tung ra Modern.IE nhằm đơn giản hóa quá trình đồng bộ các trang web để chúng có thể làm việc trong các phiên bản cũ của trình duyệt web Internet Explorer.

Có một máy quét trang sẽ xem xét mã trang web của bạn và phát hiện các vấn đề tiềm ẩn gây ra vấn đề trên các phiên bản cũ hơn của IE. Và nó cũng có một tập hợp các hướng dẫn tiêu chuẩn để xây dựng các trang web. Ngoài ra nó cũng có sẵn các công cụ hữu ích khác cho các nhà phát triển web.

7. Mondrian  

Mondrian là một ứng dụng web chỉnh sửa đồ họa vector miễn phí như Adobe Illustrator hoặc Inkscape. Mondrian cung cấp tất cả các công cụ cần thiết để tạo, chỉnh sửa, và xuất các tập tin SVG một cách đơn giản. Mondrian cũng hỗ trợ undo / redo qua một lịch sử tập tin API. Toàn bộ ứng dụng được viết bằng Coffeescript. Bạn phải tự biên dịch các ứng dụng mỗi khi thực hiện thay đổi. Mondrian chính thức chỉ hỗ trợ các phiên bản ổn định mới nhất trên máy tính để bàn của Chrome, Firefox, và Safari. Tất cả mã của Mondrian và tài liệu đều được phát hành theo Giấy phép MIT.

8. ScrollReveal.js

ScrollReveal.js là một cách đơn giản để tạo ra và duy trì các yếu fade in, kích hoạt ngay khi chúng vào khung nhìn. Nó giúp bạn xây các hình ảnh động cho trang web của bạn. Bằng cách thêm một thuộc tính scrollreveal đến một yếu tố, nó sẽ tự động được hiển thị (nên sử dụng giá trị mặc định) ngay sau khi các phần tử nằm trong khung nhìn. Nó được phát hành theo Giấy phép MIT.

9. Saved.io

Saved.io là một công cụ đơn giản để sử dụng - chỉ cần gõ "saved.io/" trước bất kỳ URL trong thanh địa chỉ, nhấn Enter và bạn đã chỉ cần lưu trang web đó trên cloud server. Anthony Feint đã cố tình bỏ qua Tags, Folders, Descriptions, Notes...trên ứng dụng này. Việc thực hiện lưu trữ sẽ nhanh hơn.

10. Hugo

Hugo là một công cụ khởi tạo trang web tĩnh bằng GoLang. Nó được tối ưu hóa cho tốc độ, dễ dàng sử dụng cũng như cấu hình. Hugo thiết lập địa chỉ với nội dung và các biểu mẫu và đặt chúng chúng vào một trang web đầy đủ. 

(còn nữa...)

Bài viết liên quan: 7 plugin jQuerry tốt nhất trong tháng