Trình tạo, khung và công cụ mẫu HTML5
Mặc dù những người chơi lớn trong ngành thiết kế web đã áp dụng HTML5 trong những năm gần đây, nhưng thực sự không có nhiều người khác sử dụng nó trong giải pháp thực tế, chủ yếu là do thiếu thời gian hoặc sự hiểu biết. Có thể nếu một ngôn ngữ đang được quảng bá trong một thời gian nhất định, sẽ có những người đam mê gặp rắc rối trong việc loại bỏ rắc rối của bạn bằng cách tạo các trình tạo và khung công tác mẫu HTML5.
Tại Hongkiat, chúng tôi luôn muốn làm cho việc phát triển của bạn hoạt động dễ dàng nhất có thể, vì vậy, dưới đây là danh sách các trình tạo và khung mẫu HTML5 giúp tăng tốc độ phát triển HTML5 của bạn hoặc giúp bạn giảm bớt các vấn đề rắc rối như khả năng tương thích trình duyệt. Đến cuối ngày, việc phát triển HTML5 của bạn sẽ chỉ trở nên dễ dàng và hạnh phúc hơn với các trình tạo và khung này!
Tại sao khung?
Mặc dù có thể mất một chút thời gian để thực sự tìm hiểu khung, nhưng nếu bạn có sẵn khung, tất cả những gì bạn cần thêm là nội dung và sửa đổi nhỏ theo sở thích của bạn. Cũng đừng lo lắng về điều đó, thế giới sẽ không coi thường bạn khi sử dụng trình tạo mẫu HTML5 hoặc khung sẵn sàng sử dụng. Thực tiễn đến trước!
Bên cạnh đó, các khung công tác ngoài kia để sử dụng thường có sự theo dõi và hỗ trợ trung thành. Một lợi thế của việc sử dụng các khung công tác là bạn thực sự không phải lo lắng về các vấn đề nghiêm trọng như khả năng tương thích giữa nhiều trình duyệt và đa nền tảng, một người khác đã nghiền ngẫm điều đó cho bạn. Nhưng, tất nhiên, bạn có thể đóng góp cho sự nghiệp của họ, đặc biệt là đối với các thư viện và khung công tác nguồn mở.
Sau tất cả, thật tốt khi có thêm một thiết bị trong hộp công cụ thiết kế của bạn!
Trình tạo mẫu & Khung
Ban đầu
Vài lần nhấp là tất cả những gì bạn cần để tạo cho mình một mẫu HTML5. Initializr cũng cung cấp cho bạn một tùy chọn cho dù bạn muốn mẫu của mình bao gồm JavaScript hay jQuery, cấu hình máy chủ và Google Analytics.
Initializr cũng được xây dựng trên HTML5BoilerPlate, một công cụ tuyệt vời khác để mở rộng khả năng nắm bắt HTML5 của bạn, thêm chức năng và cải thiện toàn bộ trang web của bạn.
Trình tạo mẫu HTML5
Một thay thế là trình tạo mẫu HTML5 của Shikiryu.com. Nó có một tùy chọn bổ sung để bao gồm mô tả cho tác giả của trang web, cũng bao gồm các tùy chọn cho biểu tượng Favicon và Apple Touch trong trường hợp bạn muốn chúng được tự động chèn vào mẫu.
Chuyển sangHTML5
Một trình tạo khung HTML5 tuyệt vời khác là SwitchToHTML5. Giống như những người khác, nó cho phép bạn thêm một số yếu tố như ,
,
,
, và những người khác. SwithToHTML5 cũng cung cấp cho bạn tùy chọn cho dù bạn có muốn hỗ trợ Internet Explorer hay không, vì phiên bản của nó sớm hơn IE9 không hỗ trợ HTML5 nguyên bản.
cải cách
Nói, tôi không thể là người duy nhất ghét tạo biểu mẫu, phải không? Tạo biểu mẫu là một công việc tẻ nhạt, ít nhất là đối với những người như tôi, đó là lý do tại sao cải cách lại ở đây để giúp mọi người tạo ra các biểu mẫu sạch và hoạt động! cải cách là trình tạo biểu mẫu HTML5 rất nhẹ và sẽ không gây cho bạn quá nhiều rắc rối, như nếu bạn thực hiện biểu mẫu từ đầu.
Có hai phiên bản, một ứng dụng web và một ứng dụng máy tính để bàn độc lập, mặc dù bạn sẽ phải trả tiền để nó hoạt động ngoại tuyến. Chà, nếu bạn thích ứng dụng này, hãy thể hiện tình yêu!
Modernizr
Tận dụng HTML5 và CSS3 bằng Modernizr. Đây là một thư viện JavaScript mã nguồn mở để giúp các nhà phát triển tạo ra các trang web tốt nhất kết hợp HTML5 và CSS3.
Các trình duyệt cũ hơn không phải là vấn đề với Modernizr, khách truy cập sẽ thấy những gì họ nên thấy cho dù trình duyệt của họ là phiên bản nào.
Bài tập 52
Về mặt kỹ thuật không phải là một trình tạo, mà là một khung có thể tải xuống, thúc đẩy quá trình phát triển. 52framework loại bỏ sự phức tạp của HTML5 và đưa ra mọi thứ ngay trước mắt bạn, giúp phát triển nhanh hơn và dễ dàng hơn.
52framework hỗ trợ nhiều loại trình duyệt khác nhau, làm cho khả năng tương thích giữa các trình duyệt trở nên ít gặp vấn đề hơn. Và tin tốt cho các nhà phát triển? Nó thậm chí còn hỗ trợ IE6 một phần!
Trình chỉnh sửa HTML5
Biên tập viên Aloha
Vì chúng ta đã nói về các dịch vụ và ứng dụng thúc đẩy sự phát triển, đây là một công cụ tuyệt vời để giúp bạn chỉnh sửa nội dung trang web của mình với nội dung tuân thủ xHTML5.
Aloha Editor là trình chỉnh sửa HTML5, không chỉ bất kỳ trình soạn thảo nào, mà là trình soạn thảo WYSIWYG có thể sửa đổi nội dung trang web của bạn ngay lập tức, ngay khi bạn thực hiện các thay đổi trong trình chỉnh sửa.
Wallaby
Mọi người đều mơ ước chuyển đổi hoạt hình Flash thành HTML5? Wallaby, một dự án của Adobe, giúp chuyển đổi các hoạt hình và tác phẩm nghệ thuật Flash thành HTML5, có thể hiển thị các tệp có thể chỉnh sửa trên Dreamweaver hoặc các trình chỉnh sửa khác.
Tài liệu tham khảo
Đi sâu vào HTML5
Một cuốn sách hay và thú vị để bắt đầu tìm hiểu về HTML5 theo cách suy nghĩ sáng tạo, đây cũng là một tài nguyên tốt mang đến một ý tưởng mới cho những người đã biết về hoạt động của HTML5.
Tham chiếu HTML5
Hướng dẫn ban đầu của W3C về HTML5, tập trung vào các ứng dụng đơn giản và thực tế cho người mới bắt đầu, đồng thời cung cấp thông tin chi tiết cho các nhà phát triển web nâng cao.
Hơn
Hiện tại, không có nhiều thứ để xem thực sự. Vẫn còn tương đối ít công cụ cho khung và mẫu HTML5 để sử dụng, như bạn có thể nhận thấy nếu bạn đã kiểm tra các liên kết, hầu hết các tính năng cho mỗi trình tạo / khung là tương tự nhau. Tôi có thể đã bỏ lỡ các công cụ mà bạn đang sử dụng để phát triển các trang web HTML5 tuyệt vời, vì vậy nếu bạn muốn chia sẻ, hãy đăng chúng trong các nhận xét!
Ngoài ra, hãy kiểm tra các bài đăng của chúng tôi nếu bạn muốn biết thêm về HTML5!
- HTML5: 15 Trải nghiệm đầy cảm hứng
- HTML5: 19 ứng dụng web
- HTML5: 48 Bản trình diễn giết chết tiềm năng
- Tạo biểu mẫu liên hệ HTML5 / CSS3 dựa trên Ajax