10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Đây là một bài báo cho những nhà thiết kế và phát triển web, những người thực sự cần phải làm việc với HTML5.

Vì vậy mà ở đây tôi sẽ không đưa ra những kiến thức phổ thông, phổ biến về phát triển HTML5 và tầm quan trọng của nó. Trong bài viết này tôi sẽ thu thập 10 công cụ HTML5 sử dụng trong các khía cạnh khác nhau, trong đó công cụ này sẽ giúp đơn giản hóa các thiết kế web của bạn.

1. FindmebyIP

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một trang thiet ke web liệt kê, hỗ trợ của trình duyệt của HTML5 từng chi tiết.

Thích hợp cho: người muốn kiểm tra mức hỗ trợ của  HTML5 cụ thể trên các trình duyệt khác nhau.

Ưu điểm: trực tuyến và công cụ miễn phí, dễ kiểm tra.

2. Video JS

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một HTML5 video player trên cơ sở javascript. Nó có 3 phần chính: một mã nhúng, một thư viện javascript và HTML / CSS.

Thích hợp cho: Webmasters những người chạy các trang web video và cần làm video tương thích với các nền tảng khác nhau (các trình duyệt và các thiết bị).

Ưu điểm: Free & Nguồn Mở. Trọng lượng nhẹ.

Nhược điểm: Bạn tự mình mã hóa.

3. Flash to HTML5 Online

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một trong những flash trực tuyến hàng đầu để chuyển đổi sang HTML5. Nó chuyển đổi toàn bộ tập tin SWF sang định dạng HTML5 với độ chính xác từ trên văn bản, đường dây và hình ảnh.

Bên cạnh đó, nó có phiên bản cài đặt cho cửa sổ và Mac.

Thích hợp cho: nhà thiết kế cần phải chuyển từ flash sang  HTML5 và chuyển ngược SWF sang FLA / FLEX.

Ưu điểm: trực tuyến và miễn phí flash để chuyển đổi HTML5, dễ sử dụng

Nhược điểm: chỉ AS 1.0 được hỗ trợ.

4. Sketchpad

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: Đây là một công cụ tùy chỉnh để chỉnh sửa và vẽ các hình ảnh theo ý muốn của bạn.

Thích hợp cho: nhà thiết kế, những người cần sử dụng phần tử và nhiều JavaScript để tạo ra một bức tranh ấn tượng.

Ưu điểm: công cụ trực tuyến, thuận tiện, giao diện thân thiện với người sử dụng.

5. Initializr

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: Đây là tính năng hấp dẫn nhất trên công cụ này. Nó tạo ra các mẫu sạch và tùy biến để bạn thiết kế.

Thích hợp cho: nhà thiết kế website, người bắt đầu một dự án mới dựa trên HTML5 soạn sẵn.

Ưu điểm: sự hỗ trợ tuyệt vời cho thiết kế web mới, tùy biến.

6. Lime JS

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một khung trò chơi HTML5 được xây dựng nhanh chóng, thích ứng tốt với tất cả các màn hình cảm ứng hiện đại và các trình duyệt máy tính để bàn. Đây là một công cụ rất tốt.

Thích hợp cho: nhà thiết kế website có nhu cầu để phát triển các ứng dụng trò chơi trên nền tảng điện thoại di động và máy tính để bàn.

Ưu điểm: khung trò chơi HTML5 đẹp.

7. Modernizr

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một thư viện JavaScript trên trang web HTML5 & CSS3. Nó cho phép bạn nhắm mục tiêu chức năng trình duyệt cụ thể trong bảng phong cách của bạn. Bạn có thể tận dụng tối đa HTML5 & CSS3 trong các trình duyệt.

Thích hợp cho: những người có nhu cầu phát triển trang web HTML5.

Ưu điểm: công cụ phân tích các trình duyệt để sử dụng nó một cách tốt nhất.

8. Online HTML5 Audio Maker Tool

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: một công cụ cung cấp các giải pháp âm thanh cho các trình duyệt khác nhau, cho phép bạn trải nghiệm âm thanh của HTML5 và làm cho các định dạng âm thanh khác nhau phù hợp với các trình duyệt khác nhau.

Thích hợp cho: nhà thiết kế, những người cần thêm âm thanh vào trang web HTML5.

Ưu điểm: hỗ trợ các định dạng âm thanh khác nhau, trực tuyến và mã nguồn mở, nhẹ.

9. HTML5 Visual Cheat Sheet

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: bản chất là một lớp hình ảnh đơn giản với một danh sách tất cả các thẻ HTML và các thuộc tính liên quan của nó được hỗ trợ bởi các phiên bản HTML 4.01 hoặc 5. Nó cho phép bạn tìm thấy những thứ bạn đang tìm kiếm trong nháy mắt.

Thích hợp cho: tất cả các nhà phát triển website HTML5.

Ưu điểm: một công cụ thực sự hữu ích cho công việc thiết kế.

10. Font Dragr

10 công cụ mà HTML5 phải có để đơn giản hóa thiết kế web

Chức năng chính: Kéo và thả các thành phần OpenType (OTF), SVG (svg) hoặc Web Open Font Format (WOFF) trong phần mô-đun bên tay trái và nó sẽ được thêm vào danh sách.

Thích hợp cho: nhà thiết kế muốn phát triển font trong HTML5.

Ưu điểm: không có mã hóa, không có tải lên, bạn chỉ cần kéo và thả và thử nghiệm trên trang web bất kỳ..

Vâng, tôi hy vọng một số những công cụ này sẽ giúp ích cho bạn trong việc thiết kế web. Nếu bạn có các công cụ khác về HTML5, đừng ngần ngại chia sẻ với chúng tôi trong các bình luận dưới đây.

Tác giả bài viết: Nguyễn Trang

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây