Дайджест свежих материалов из мира фронтенда за последнюю неделю №245 (9 — 15 января 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Тренды и события в мире веб-технологий в 2016 году: https://habrahabr.ru/company/htmlacademy/blog/319458/

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

[8] Манифест? А? Что? Зачем?: https://medium.com/web-standards/%D0%BC%D0%B0%D0%BD%D0%B8%D1%84%D0%B5%D1%81%D1%82-%D0%B0-%D1%87%D1%82%D0%BE-%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-865e609f6f47

[9] Веб ожирел не по незнанию: https://medium.com/@ABatickaya/%D0%B2%D0%B5%D0%B1-%D0%BE%D0%B6%D0%B8%D1%80%D0%B5%D0%BB-%D0%BD%D0%B5-%D0%BF%D0%BE-%D0%BD%D0%B5%D0%B7%D0%BD%D0%B0%D0%BD%D0%B8%D1%8E-beb7233e9d7f

[10] Google запускает AMP Lite — более эффективную технологию сжатия сайтов: http://4pda.ru/2017/01/13/333601/

[11] SEO 2017: тренды и рекомендации: https://www.searchengines.ru/seo-2017-trendy-i-rek.html

[12] Подготовка разработчика фронтенда к собеседованию в 2017-м: http://davidshariff.com/blog/preparing-for-a-front-end-web-development-interview-in-2017/

[13] 5 трендов веба на 2017-й год: https://www.oreilly.com/ideas/5-web-trends-for-2017

[14] Введение по созданию и отправке писем для веб-разработчиков: https://www.smashingmagazine.com/2017/01/introduction-building-sending-html-email-for-web-developers/

[15] Почему существуют кеши AMP: https://medium.com/@pbakaus/why-amp-caches-exist-cd7938da2456

[16] Gulp vs Grunt – сравнение инструментов автоматизации: https://www.keycdn.com/blog/gulp-vs-grunt/

[17] Сколько данных нужно резервировать для Service Worker в оффлайн кеше?: https://nicolas-hoizey.com/2017/01/how-much-data-should-my-service-worker-put-upfront-in-the-offline-cache.html

[18] Делаем магию с WebSockets и CSS3: https://medium.com/outsystems-engineering/making-magic-with-websockets-and-css3-ec22c1dcc8a8

[19] Progress Nav: http://lab.hakim.se/progress-nav/

[20] Модернизация доставки прогрессивного улучшения от Filament Group: https://www.filamentgroup.com/lab/modernizing-delivery.html

[21] Десятка полезных сниппетов и хаков при работе с .htaccess: https://speckyboy.com/useful-htaccess-snippets-and-hacks/

[22] WebAssembly запоздала: мысли о JavaScript для больших проектов: https://www.sitepoint.com/webassembly-is-overdue-javascript-for-large-projects/

[23] Как получить ускорение производительности используя WebAssembly: https://hackernoon.com/how-to-get-a-performance-boost-using-webassembly-8844ec6dd665

[24] Адаптивный Pixel Perfect: http://css.yoksel.ru/adaptive-pixel-perfect/

[25] Грязные CSS хаки для адаптивных писем: https://www.shopify.com/partners/blog/dirty-css-hacks-for-responsive-emails

[26] Три новые штуки в CSS для изучения в 2017-м: https://bitsofco.de/3-new-css-features-to-learn-in-2017/

[27] Генерация рендомных чисел в CSS с помощью нативных переменных: https://css-tricks.com/random-numbers-css/

[28] Изменение цвета каретки в браузере с помощью caret-color: https://blogs.igalia.com/mrego/2017/01/09/coloring-the-insertion-caret/

[29] Ensure Animation: https://www.viget.com/articles/ensuring-css-animations-run-and-stop-gracefully

[30] Разбираемся с CSS Flexbox за 5 простых шагов : http://webdesignerwall.com/tutorials/master-css-flexbox-5-simple-steps

[31] Создание эффекта раскрашивания контента в стиле Spotify с помощью CSS Blend Modes: http://webdesignerwall.com/tutorials/create-spotify-colorizer-effects-css-blend-modes

[32] Понимание Flexbox: все что вам нужно затьEverything you need to know: https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af

[33] Я клялся никогда не использовать CSS в JS, и вот шесть причин того, почему я ошибался: https://hackernoon.com/i-swore-never-to-use-css-in-js-here-are-6-reasons-why-i-was-wrong-541fe3dfdeb7

[34] Position Sticky возвращается! Но у него есть проблемы: https://benfrain.com/position-sticky-is-back-but-it-has-issues/

[35] Создание своей темы для Atom с помощью CSS: https://www.sitepoint.com/build-your-own-atom-theme-with-css/

[36] JavaScript-тренды, на которые стоит обратить внимание в 2017-м: https://habrahabr.ru/company/ruvds/blog/319162/

[37] Изучение JavaScript в 2017-м — отстой, и это круто!: https://medium.com/@lucasdaltro/learning-javascript-in-2017-sucks-and-this-is-very-good-35e883223406

[38] Начинаем дебажить JavaScript в Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/javascript/

[39] RipVanWinkle.js  —  возвращение в JavaScript после 5-ти лет: https://hackernoon.com/ripvanwinkle-js-returning-to-javascript-after-5-years-1dc17c57a518

[40] Prettier: http://jlongster.com/A-Prettier-Formatter

[41] Incheon: http://incheon.gg/

[42] Переосмысление JavaScript: смерть циклам: https://hackernoon.com/rethinking-javascript-death-of-the-for-loop-c431564c84a8

[43] TypeScript против Flow: https://blog.mariusschulz.com/2017/01/13/typescript-vs-flow

[44] Итерационные методы работы с массивами: https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff

[45] TypedArray или DataView: Понимание порядка байт: https://hacks.mozilla.org/2017/01/typedarray-or-dataview-understanding-byte-order/

[46] Создание плеера iTunes с помощью Angular: http://developer.telerik.com/topics/web-development/building-an-itunes-player-with-angular/

[47] Создание калькулятора настроек батареи Tesla с реактивными формами Angular 2 от Todd Motto: https://toddmotto.com/building-tesla-range-calculator-angular-2-reactive-forms

[48] Создание собственного текстового поля для ввода тегов со Skate.js: https://hackernoon.com/building-a-custom-tag-input-with-skate-js-fbd4cdf744f

[49] Скоростное программирование игры «Змейка» на JS: https://www.youtube.com/watch?v=xRUBaiJvhyo

[50] Мыслим в стиле React: https://habrahabr.ru/post/319134/

[51] JSX — подробности: https://habrahabr.ru/post/319270/

[52] PropTypes — проверка типов в React: https://habrahabr.ru/post/319358/

[53] Ref-атрибуты и DOM в React: https://habrahabr.ru/post/319510/

[54] Неконтролируемые компоненты в React: https://habrahabr.ru/post/319520/

[55] Улучшение Состояния приложения с Redux: http://developer.telerik.com/topics/web-development/improving-state-app-redux/

[56] Работа с шаблонами в Vue.js 2: http://blog.zacorp.ru/frontend/rabota-s-shablonami-v-vue-js-2/

[57] Vuelidate (0.2.0): https://monterail.github.io/vuelidate/

[58] PhoneGap приложения с Vue.js? Да, пожалуйста!: http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please/

[59] Lebab это как Babel, только наоборот: https://habrahabr.ru/post/319092/

[60] ES6 JavaScript минификатор: babili: https://davidwalsh.name/es6-minifier

[61] jQueryflexdatalist Flexdatalist: http://projects.sergiodinislopes.pt/flexdatalist/

[62] iTyped: https://github.com/luisvinicius167/ityped

[63] micromustache: https://github.com/userpixel/micromustache

[64] animationframes: https://github.com/pakastin/animationframes

[65] Простая библиотека для работы со schema/атрибутами, использующая современный JavaScript: https://talyssonoc.gitbooks.io/structure/content/

[66] Opera представила новый браузер Neon: https://geektimes.ru/post/284530/

[67] Фишинг через автозаполнение в Chrome (демо): https://geektimes.ru/post/284418/

[68] Утечка исходных текстов браузера Opera 12.15: http://www.opennet.ru/opennews/art.shtml?num=45855

[69] В Firefox 53 будет включен просмотрщик JSON: http://www.opennet.ru/opennews/art.shtml?num=45843

[70] Главные новинки: https://naked-science.ru/article/hi-tech/ces-2017-glavnye-novinki

[71] 10 интересных анонсов выставки: http://itc.ua/articles/10-interesnyih-anonsov-vyistavki-ces-2017/

[72] Тренды и итоги CES 2017: как Лас-Вегас захватили селфи-дроны: https://vc.ru/p/ces-2017

[73] Новый алгоритм сжатия от Google позволяет экономить до 75% трафика без видимого вреда для изображений: https://tproger.ru/news/google-raisr-compression/

[74] Atlassian приобрела сервис для управления проектами Trello за $425 млн: https://vc.ru/n/trello-sold

[75] Alphabet закрыл проект Titan по обеспечению доступа в Интернет с помощью дронов-спутников: https://3dnews.ru/945770/

[76] 10 лет с iPhone: в Apple отмечают юбилей своего смартфона: https://3dnews.ru/945582/

[77] NPM стал крупнейшим репозиторием пакетов: http://www.opennet.ru/opennews/art.shtml?num=45861

[78] 59% населения в мире уже имеет доступ к 4G: http://gagadget.com/25346-59-naseleniya-v-mire-uzhe-imeet-dostup-k-4g-infografika/

[79] Старикам здесь место: как правильно взрослеть в программировании: http://ain.ua/kak-pravilno-vzroslet-v-programmirovanii

[80] Что происходит с виртуальной реальностью: гид для заблудившихся: https://dtf.ru/3439-chto-proishodit-s-virtualnoy-realnostyu-gid-dlya-zabludivshihsya

[81] Как домашний искусственный интеллект делает проще — и сложнее — жизнь семьи Цукерберга: https://roem.ru/10-01-2017/240167/mark-and-jarvis/

[82] Чему нас научили самые крупные прошлогодние ошибки технологических компаний: http://itc.ua/blogs/chemu-nas-nauchili-samyie-krupnyie-proshlogodnie-oshibki-tehnologicheskih-kompaniy/

[83] Пьеса «Технический долг»: типичный случай из жизни разработчика: https://tproger.ru/devnull/piece-technical-debt/

[84] YouTube тестирует функцию Super Chat с платными сообщениями: http://keddr.com/2017/01/youtube-super-chat/

[85] Проект OpenNMT развивает систему машинного перевода на основе нейронной сети: http://www.opennet.ru/opennews/art.shtml?num=45858

[86] Dialogue with OOP guy: http://paqmind.com/posts/dialogue-with-oop-guy/

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

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

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

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

Нажмите здесь для печати.