Tập 6

Trong tập của tuần này

Ember đưa Glimmer vào Canary, Senongo Akpem khám phá những câu chuyện phi tuyến tính, Trang web phá vỡ giới hạn 2mb, Firefox 38 được phát hành, Chrome có kênh dành cho nhà phát triển trên Android và tính năng sao chép/dán có lập trình sẽ ra mắt trên Firefox.

TIẾNG CHUẨN HÀI HƯỚC

Công cụ kết xuất hình ảnh mới của Ember, Glimmer, hiện đã có trong Canary. Lấy cảm hứng từ DOM ảo của React, Glimmer cố gắng cải thiện mọi thứ bằng cách chỉ phân tán các liên kết thay vì toàn bộ DOM. Theo nhóm phát triển, điều này giúp cải thiện đáng kể hiệu suất đối với những điểm chuẩn như dbmonster. Bạn có thể làm theo hướng dẫn này để tìm hiểu thêm về cách chuyển sang Glimmer và Ember 2.0.

http://emberjs.com/blog/2015/05/05/glimmer-merging.html

http://emberjs.com/blog/2015/05/10/run-up-to-two-oh.html

https://www.youtube.com/watch?v=o12-90Dm-Qs

CÁC BẢN CHUỖI SAU

Hãy cùng khám phá nghệ thuật kể chuyện để thúc đẩy trí tuệ tập thể. Senongo Akpem, nhà sáng tạo của dự án Pixel Fable, mô tả quá trình tạo ra những câu chuyện phi tuyến tính bằng công nghệ hiện đại. Anh hệ thống hoá và đưa ra một số ví dụ, bao gồm cả những câu chuyện bổ sung, chẳng hạn như An Idea Lives On (An Idea Lives On), những câu chuyện song song, xuất hiện trong dự án Moon và những câu chuyện vi mô, được minh hoạ trên trang web của riêng anh, Lost Nigeria.

https://www.youtube.com/watch?v=t7GGZwt5yVU

http://www.pixelfable.com/

http://anidealiveson.org/2014

http://unahistoriaquedalavuelta.com/en/

http://lostnigeria.com/air-travel/

Phá vỡ lỗ hổng

Trang web có cần ăn kiêng không? Scott Jehl cho biết một trang web trung bình hiện có trọng lượng hơn 2 MB, với 62% trong số đó đến từ hình ảnh. Các dự án như chi phí trang web của tôi có thể chứng minh điều này, điều này có thể mang lại doanh thu đáng kể cho người dùng. Các tiêu chuẩn mới như hình ảnh và srcset có thể giúp giải quyết vấn đề này, nhưng nhà phát triển có quyền bắt đầu tận dụng các tiêu chuẩn này.

https://twitter.com/scottjehl/status/595827049136267266

http://httparchive.org/interesting.php?a=All&l=Apr%2015%202015#bytesperpage

http://whatdoesmysitecost.com/test/150416_09_71875497c6009dd92716f8d9aa5f3af6

http://www.html5rocks.com/en/tutorials/responsive/picture-element/

https://www.chromestatus.com/metrics/feature/popularity#Picture

PHÁT HÀNH BẢN FIREFOX 38

Firefox 38 đã đạt bản ổn định trong tuần vừa qua và đi kèm với một số cải tiến. Nổi bật nhất trên blog Mozilla Hacks, bản phát hành mới có tính năng hỗ trợ cho cả hình ảnh và img srcset, các cổng web trong web worker, BroadcastChannel để đăng thông báo lên tất cả các thẻ đang mở và một số tính năng bổ sung của devtools. Bạn có thể xem ghi chú phát hành của nhà phát triển trên MDN.

https://www.mozilla.org/en-US/firefox/38.0/releasenotes/

https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/

http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API

https://developer.mozilla.org/en-US/Firefox/Releases/38

PHÁT TRIỂN TRÊN ANDROID

Chrome trên Android hiện có kênh Nhà phát triển. Thông tin chi tiết trên blog Chromium, kênh nhà phát triển mới cho phép các nhà phát triển kiểm tra trang web của họ bằng cách sử dụng phiên bản Chrome ban đầu, tìm lỗi và dùng thử các tính năng tiên tiến. Kênh mới được cập nhật ít nhất mỗi tuần và đã có trên Cửa hàng Google Play.

https://twitter.com/addyosmani/status/593461414922170369

http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html

https://play.google.com/store/apps/details?id=com.chrome.dev

SAO CHÉP PASTA

Tính năng sao chép và dán có lập trình sắp ra mắt trên Firefox. Ý định triển khai và truyền luồng gần đây cho biết Firefox sẽ thêm tính năng hỗ trợ sao chép và dán thông qua phương thức execCommand để phản hồi hành động của người dùng. Hành vi tương tự đã được hỗ trợ trong Chrome 43, IE 10 và Opera 29. Để tìm hiểu thêm về cách sao chép và dán, bạn có thể xem bài viết này về HTML 5 Rocks.

https://bugzilla.mozilla.org/show_bug.cgi?id=1012662

https://groups.google.com/forum/#!msg/mozilla.dev.platform/oWhmLMvGAD0/3eXWSRjJAZsJ

http://updates.html5rocks.com/2015/04/cut-and-copy-commands

Hãy cho chúng tôi biết suy nghĩ của bạn trên Twitter #LazyWebShow

Để biết thêm tin tức về web, hãy xem các tài nguyên sau: JavaScript hằng tuần: http://javascriptweekly.com/

Mở Web Platform Daily: http://webplatformdaily.org/

HTML5 hàng tuần: http://html5weekly.com/

Đăng ký Kênh Google Developers