- PVSM.RU - https://www.pvsm.ru -

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016) - 1

Веб-разработка [1]
CSS [2]
Javascript [3]
Браузеры [4]
Занимательное [5]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016) - 2 Веб-разработка

Media

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016) - 26 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016) - 39 JavaScript

habr Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016) - 70 Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [95].
Материал подготовили dersmoll [96] и alekskorovin [97].

Автор: Zfort Group

Источник [98]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/222553

Ссылки в тексте:

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

[5] Занимательное: #intresting

[6] Как научить веб-приложение говорить на 100 языках: особенности локализации: https://habrahabr.ru/company/badoo/blog/317484/

[7] Итоги года для веб-платформы от W3C: http://css-live.ru/vecssti-s-polej/itogi-goda-dlya-veb-platformy-ot-w3c.html

[8] Обзор хранилищ на стороне клиента: https://bitsofco.de/an-overview-of-client-side-storage/

[9] Вот почему рендер на клиентской стороне выиграл: https://medium.freecodecamp.com/heres-why-client-side-rendering-won-46a349fadb52

[10] FuseBox: https://github.com/fuse-box/fuse-box

[11] Изучаем Progressive Web App: https://github.com/ragingwind/learning-pwa

[12] Шпаргалка по Polymer: https://meowni.ca/posts/polymer-cheatsheet/

[13] Кроссбраузерная валидация форм на HTML5 наконец работает! Что теперь?: http://developer.telerik.com/topics/web-development/cross-browser-html5-form-validation-finally-now/

[14] Ограничения в разработке HTML писем — видео, шрифты, Javascript, Flash и другие: http://blog.chamaileon.io/limitations-of-html-email-design-video-fonts-javascript-flash-and-others/

[15] Веб-шрифты в письмах рассылки: https://litmus.com/blog/the-ultimate-guide-to-web-fonts

[16] Почему инлайновые SVG — это лучший вариант использования SVG: https://www.youtube.com/watch?v=af4ZQJ14yu8

[17] Разработчики фронтенда также занимаются и информационной архитекторой: https://24ways.org/2016/front-end-developers-are-information-architects-too/

[18] В ЕС готовы установить законы для тестирования доступности: http://qa-financial.com/news/companies/eu-ready-set-laws-accessibility-testing/

[19] Написание HTML, имея в виду доступность.: https://medium.com/@matuzo/writing-html-with-accessibility-in-mind-a62026493412

[20] Тестирование доступности с помощью инструмента Intern: https://www.sitepen.com/blog/2016/12/13/accessibility-testing-with-intern/

[21] Шаблоны для создания доступных веб-частов: https://accessibility.blog.gov.uk/2016/12/09/patterns-for-accessible-webchats/

[22] Хинтинг ресурсов в браузере с помощь Prefetch, Preconnect и Prerender: https://scotch.io/tutorials/browser-resource-hinting-with-prefetch-preconnect-and-prerender

[23] Ваше руководство по мобильныи форматам публикации контента: AMP, Facebook Instant Articles и Apple News: https://www.viget.com/articles/your-guide-to-mobile-publishing-formats-amp-facebook-instant-articles-and-apple-news

[24] DEFER вместо ASYNC: http://calendar.perfplanet.com/2016/prefer-defer-over-async/

[25] HTTP/2 Server Push и Service Workers: идеальное партнерство: https://24ways.org/2016/http2-server-push-and-service-workers/

[26] Подкаст Веб-стандарты, Выпуск №46: https://soundcloud.com/web-standards/episode-46

[27] Подкаст radioJS, Выпуск 44: https://radiojs.ru/2016/12/radiojs-44/

[28] Видео с Minsk CSS, Meetup #1: https://www.youtube.com/playlist?list=PL3uk4LxG9Zzl8MRXT1IpGxuZormysIbjg

[29] Fronteers Conference 2016 videos: https://vimeo.com/channels/fronteers16

[30] CSS-стили для печати, о которых я забыл: https://habrahabr.ru/company/ruvds/blog/317776/

[31] На 100% правильный способ делать контрольные точки в CSS: http://css-live.ru/uncategorized/pravilnye-kontrolnye-tochki-v-css.html

[32] Краткая запись CSS как антипаттерн: http://prgssr.ru/development/kratkaya-zapis-css-kak-antipattern.html

[33] Грядут гриды!: http://css-live.ru/verstka/gryadut-gridy.html

[34] 20 лет CSS: https://www.w3.org/Style/CSS20/

[35] Создание клевого эффекта для изображений с помощью CSS Backdrop-filter: https://www.sitepoint.com/create-stunning-image-effects-with-css-backdrop-filter/

[36] В чем разница между background-clip и background-origin?: https://medium.com/@AmJustSam/whats-the-difference-between-background-clip-vs-background-origin-b9a43b4a973

[37] Восхваление CSS: https://medium.com/@cluffpost/encomium-for-css-6b2eabe32b94

[38] Bootstrap 4: обычные гриды VS гриды на Flexbox: http://tutorialzine.com/2016/11/boostrap-4-regular-vs-flex-grid/

[39] Почему я не использую CSS препроцессоры: https://meiert.com/en/blog/20161214/no-css-preprocessors/

[40] Стилизация веб-компонентов с помощью общих таблиц стилей: https://www.smashingmagazine.com/2016/12/styling-web-components-using-a-shared-style-sheet/

[41] Линстинг стилей в JavaScript с помощью stylelint: http://mxstbr.blog/2016/12/linting-styles-in-js-with-stylelint/

[42] Свободный поворот элементов с 3д пространстве с помощью переменных CSS: http://thenewcode.com/1166/Free-Rotate-an-Element-in-3D-Space-with-CSS-Variables

[43] Вы можете попытаться использовать эти CSS штуки, но должны ли вы?: http://webdesignerwall.com/tutorials/you-might-be-tempted-to-use-these-css-tricks-but-should-you

[44] Полигональный Pokémon с помощью CSS clip-path: https://projects.lukehaas.me/css-pokemon/

[45] CanJS 3.0: https://www.bitovi.com/blog/canjs-3-0-release

[46] Новый большой релиз Aurelia: http://blog.aurelia.io/2016/12/08/big-aurelia-release-update/

[47] webpack 2.2: RC: https://medium.com/webpack/webpack-2-2-the-release-candidate-2e614d05d75f#.n7v0289xg

[48] Релиз RxJS 5: https://github.com/ReactiveX/rxjs

[49] Marionette.js исполнилось 5 лет: https://habrahabr.ru/post/317402/

[50] Лучшие практики кодинга на чистом JavaScript: https://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale/

[51] Кто сказал, что javascript прост?: https://hackernoon.com/who-said-javascript-easy-f4a1d5b399b8

[52] Курс: профессор Frisby представляет компонуемый функциональный JavaScript: https://egghead.io/courses/professor-frisby-introduces-function-composition

[53] Создание барабанной установки на чистом JS. #JavaScript30: https://www.youtube.com/watch?v=VuN8qwZoego

[54] У JS сообщества есть проблема с издевательстами: https://medium.com/javascript-scene/the-js-community-has-a-bullying-problem-96c10f11c85d#.t11ebabxg

[55] Резолвим промисы снаружи с помощью странного трюка от Ли Веру: http://lea.verou.me/2016/12/resolve-promises-externally-with-this-one-weird-trick/

[56] Песочница для тестирования с помощью Jest: https://repl.it/languages/jest

[57] Только выпустив Angular 2, Google объявила о начале создания 3.0, а теперь заявила, что скоро выпустит сразу четвертую версию фреймворка: https://tproger.ru/news/angular-4/

[58] Следующим будет Angular 4.0 или просто Angular: http://angularjs.blogspot.com/2016/12/ok-let-me-explain-its-going-to-be.html

[59] Наследование компонентов в Angular 2: https://scotch.io/tutorials/component-inheritance-in-angular-2

[60] Прощай 2016-й и прощай Angular: https://medium.com/@bhatt.shashwat/bye-2k16-and-bye-angular-ca627861839

[61] Использование Kendo UI с Angular 2: http://developer.telerik.com/products/kendo-ui/using-kendo-ui-with-angular-2/

[62] Презентация React VR Pre-Release: https://developer.oculus.com/blog/introducing-the-react-vr-pre-release/

[63] 11 уроков, которые я выучил, как разработчик на React: https://medium.com/@jolyon_russ/11-lessons-learned-as-a-react-contractor-f515cd0491cf

[64] Универсальный React рендер: как мы переделали SitePoint: https://www.sitepoint.com/universal-react-rendering-sitepoint/

[65] Тысячи визуализаций с цветовыми кодами в React: https://ponyfoo.com/articles/color-coded-visualizations-react

[66] React Fix It: https://github.com/MicheleBertoli/react-fix-it

[67] Как рендерить компоненты вне основного приложения ReactJS: https://blog.komand.com/how-to-render-components-outside-the-main-react-app

[68] redux-subscriber — подписка на изменения в любой части состояния redux: https://github.com/ivantsov/redux-subscriber

[69] Тестирование компонентов React с помощью Jest и Enzyme: https://hackernoon.com/testing-react-components-with-jest-and-enzyme-41d592c174f

[70] Vuetify: компонентный фреймворк для A Vue.js 2.0: https://vuetifyjs.com/

[71] Почему мы выбрали Vue.js, а не React: http://pixeljets.com/blog/why-we-chose-vuejs-over-react

[72] Анонс Voca: ультимативной библиотеки для работы со строками: https://rainsoft.io/announcing-voca-the-ultimate-javascript-string-library/

[73] JavaScript State Machine: библиотека для работы с состояниями в JavaScript : http://statemachine.davestewart.io/index.html

[74] Zooming — продвинутый компонент для увеличения изображений: http://desmonding.me/zooming/

[75] Браузер Microsoft Edge получил поддержку Payment Request API в Windows 10 Build 14986: http://microsoftportal.net/windows-9/7787-brauzer-microsoft-edge-poluchil-podderzhku-payment-request-api-v-windows-10-build-14986.html

[76] Microsoft Edge будет по-умолчанию блокировать Flash: http://www.wincore.ru/windows-news/5039-v-creators-update-brauzer-microsoft-edge-budet-blokirovat-flash.html

[77] В браузере Microsoft Edge найден баг, позволяющий подделать сообщения SmartScreen: https://xakep.ru/2016/12/13/edge-smartscreen-fake-msg/

[78] Выпуск web-браузера Opera 42: http://www.opennet.ru/opennews/art.shtml?num=45671

[79] Что нового в Chromium 55 и Opera 42: https://dev.opera.com/blog/opera-42/

[80] Chrome DevTools: JavaScript CPU Profiling в Chrome 57 : https://developers.google.com/web/updates/2016/12/devtools-javascript-cpu-profile-migration

[81] Slack запустил видеочаты с возможностью использовать эмодзи во время звонков: https://vc.ru/n/slack-video-launch

[82] AMD Ryzen: подробности об архитектуре и публичная демонстрация: http://www.3dnews.ru/944548/

[83] Гипотеза о Матрице: теперь все серьезно: http://itc.ua/articles/gipoteza-o-matritse-teper-vse-serezno/

[84] Microsoft открыла доступ к набору данных для обучения компьютеров письменной речи: https://tproger.ru/news/microsoft-tool-for-ai-speech/

[85] Google запустила первую версию IoT-платформы Android Things: https://tproger.ru/news/android-things-iot-platform/

[86] Почему название переменной «i» стало популярным? Спойлер: это не из-за слова iterator: https://tproger.ru/articles/where-did-the-popularity-of-the-i-come-from/

[87] Facebook нанял ABC News и еще три компании, чтобы проверять достоверность новостей: https://roem.ru/16-12-2016/238506/facebook-fake-audit/

[88] Переводчик Microsoft убирает языковый барьер: http://gagadget.com/announce/24953-perevodchik-microsoft-ubiraet-yazyikovyij-barer/

[89] Yahoo призналась в утечке миллиарда паролей трёхлетней давности: https://tjournal.ru/38729-yahoo-priznalas-v-utechke-milliarda-parolei-tryohletnei-davnosti

[90] Сотрудники Evernote хотят читать заметки пользователей для улучшения машинного обучения: https://xakep.ru/2016/12/16/evernote-privacy-policy/

[91] Более 8800 плагинов для WordPress содержат хотя бы одну уязвимость: https://xakep.ru/2016/12/16/wp-plugins-bugs/

[92] Почему Pebble не стало (взгляд изнутри): http://gagadget.com/25004-pochemu-pebble-ne-stalo-vzglyad-iznutri/

[93] Прогноз на 2030 год: 21 технология, которая сильнее всего изменит наш мир: http://gagadget.com/24905-prognoz-na-2030-god-21-tehnologiya-kotoraya-silnee-vsego-izmenit-nash-mir/

[94] Визуальное и интерактивное руководство по основам нейронных сетей: https://jalammar.github.io/visual-interactive-guide-basics-neural-networks/

[95] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/317362/

[96] dersmoll: http://habrahabr.ru/users/dersmoll/

[97] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[98] Источник: https://habrahabr.ru/post/317886/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best