Дайджест свежих материалов из мира фронтенда за последнюю неделю №255 (20 — 26 марта 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Подкаст Фронтёрки, №002: http://www.fronterki.fm/post/158701505151/002-%D0%B0%D0%BD%D0%B4%D1%80%D0%B5%D0%B9-%D0%B3%D1%83%D1%80%D1%8B%D0%BB%D1%91%D0%B2-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D1%81%D0%BA%D0%B8%D0%B5-%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D1%81%D1%82%D0%B2%D0%B0-%D0%B8

[8] Вёрстка – это не тупо.: http://webmasters.teamdev.com/

[9] За пределами браузера: от веба к десктопным приложениям: https://www.smashingmagazine.com/2017/03/beyond-browser-web-desktop-apps/

[10] Результаты Stackoverflow Developer Survey 2017: http://stackoverflow.com/insights/survey/2017/

[11] Что я узнал из опроса на Stack Overflow среди 64,000 разработчиков: https://medium.freecodecamp.com/73-of-programmers-are-web-developers-and-other-insights-from-stack-overflows-massive-2017-survey-89a13b11e370#.s07ub219g

[12] Progressive Web Apps — следующий шаг в Responsive Web Design: https://julian.is/article/progressive-web-apps/

[13] Модернизация веб-сайта в прогрессивное веб-приложение: https://www.sitepoint.com/retrofit-your-website-as-a-progressive-web-app/

[14] Вопросы и ответы о Progressive Web App от cloudfour: https://cloudfour.com/thinks/progressive-web-app-questions/

[15] Оптимизируем мобильную версию сайта: что такое Google AMP: https://ain.ua/2017/03/24/optimiziruem-mobilnuyu-versiyu-sajta-chto-takoe-google-amp

[16] А вы знаете скорость загрузки вашего сайта с мобильных устройств? Самое время разобраться: https://habrahabr.ru/company/hosting-cafe/blog/324504/

[17] Может ли Guetzli, новый декодер JPEG от Google, помочь решить проблему раздутого веба?: http://developer.telerik.com/content-types/opinion/can-googles-guetzli-jpeg-encoder-help-solve-web-page-bloat/

[18] Дискуссия на тему AMP: https://css-tricks.com/need-catch-amp-debate/

[19] 7 способов, которыми AMP делает ваши страницы быстрыми: https://www.youtube.com/watch?v=9Cfxm7cikMY&index=2&list=PLXTOW_XMsIDTIRIu4Af-bqfGkUhPSE75A&t=5s

[20] «Но у меня уже есть быстрый сайт»: Для ощущения мгновенной загрузки : https://www.youtube.com/watch?v=jpyHTTtddUo&list=PLXTOW_XMsIDTIRIu4Af-bqfGkUhPSE75A&index=1

[21] Webpack для реальных задач: бандлинг фронтенда и добавление компиляции: https://iamakulov.com/notes/all/webpack-for-real-tasks-part-1/

[22] Введение в архитектуру Elm и как создать наше первое приложение: https://css-tricks.com/introduction-elm-architecture-build-first-application/

[23] Создание производительной анимации expand & collapse: https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse

[24] Воссоздание легендарой музыки из восьмибитных игр с помощью Web Audio API: http://codepen.io/gregh/post/recreating-legendary-8-bit-games-music-with-web-audio-api

[25] Генератор адаптивных спрайтов: http://adaptivesprites.com/

[26] Как и почему можно использовать кастомные data атрибуты HTML5: https://www.sitepoint.com/how-why-use-html5-custom-data-attributes/

[27] Какой Responsive Design Framework лучший? Конечно же, это зависит: https://www.smashingmagazine.com/2017/03/which-responsive-design-framework-is-best/

[28] Полное руководство по верстке писем под Android : https://litmus.com/blog/the-ultimate-guide-to-email-on-android

[29] A11Y Style Guide: https://cehfisher.github.io/a11y-style-guide/style-guide/

[30] Я был веб-разработчиком 17 лет, и вот что я узнал — Daniel Khan: https://community.risingstack.com/ive-been-a-web-developer-for-17-years-and-this-is-what-i-learned-daniel-khan/

[31] Представлен CodePen Projects: https://blog.codepen.io/2017/03/20/codepen-projects-is-here/

[32] Учимся мыслить в REM. Разговор об очевидном и о производительности труда в небольшой веб-студии: https://habrahabr.ru/post/324814/

[33] Пользовательские свойства как связующее звено между CSS и JS: http://zmeika.name/2017/03/20/bridging-css-and-js.html

[34] Свойства для выравнивания всего и их новые тайны: http://css-live.ru/articles-css/svojstva-dlya-vyravnivaniya-vsego-i-ix-novye-tajny.html

[35] CSS-гриды пришли насовсем: http://css-live.ru/articles/css-gridy-prishli-nasovsem.html

[36] Демонстративная страница CSS Grid от Moz://a: https://www.mozilla.org/en-US/developer/css-grid/

[37] Первые впечатления от CSS Grid Layout: http://daverupert.com/2017/03/initial-impressions-of-css-grid/

[38] Моя первая практика с CSS Grid Layout: https://cloudfour.com/thinks/first-css-grid-layout/

[39] “Фоллбеки” для гридов: https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks

[40] Добавление Grid на существующий дизайн: https://alistapart.com/article/practical-grid

[41] Пишем модульный CSS (часть 2): https://zellwk.com/blog/css-architecture-2/

[42] Команда разработчиков Sass отвечает на вопросы: https://hashnode.com/ama/with-sass-cj0j8hjmy0005f5533xzd86xs

[43] Ваш CSS мог бы быть более понятным: http://waarissyb.nl/articles/your-css-could-be-more-understandable.html

[44] Кастомные свойсва CSS приходят и в Microsoft Edge: https://blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/#FdSs4HQGzRGM8pdS.97

[45] Вы вроде как можете использовать кастомные шрифты в HTML письмах: https://css-tricks.com/kinda-can-use-custom-fonts-html-emails/

[46] Подборка эффектов наведения из CodePen: https://freebiesupply.com/blog/css-button-hover-effects/

[47] Текстовые эффекты с помощью CSS (и небольшой трюк с contenteditable) : https://css-tricks.com/text-effects-css-little-contenteditable-trick/

[48] Краткая история JavaScript. Часть 2: https://habrahabr.ru/company/livetyping/blog/324506/

[49] Отслеживание js-ошибок с помощью Метрики: https://habrahabr.ru/post/324366/

[50] Лучшие доклады HolyJS 2016 Moscow: Доступ открыт: https://habrahabr.ru/company/jugru/blog/324364/

[51] Почему NaN это не «Not a Number»?: http://css-live.ru/articles/pochemu-nan-eto-ne-not-a-number.html

[52] Как унизить джаваскриптера: https://medium.com/@vkozulya/%D0%BA%D0%B0%D0%BA-%D1%83%D0%BD%D0%B8%D0%B7%D0%B8%D1%82%D1%8C-%D0%B4%D0%B6%D0%B0%D0%B2%D0%B0%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%B5%D1%80%D0%B0-e0aa256a8905#.1d7oq5kzc

[53] Современный JavaScript для древних веб-разработчиков: https://trackchanges.postlight.com/modern-javascript-for-ancient-web-developers-58e7cae050f9

[54] Жизнь после JavaScript: преимущества изучения второго языка: https://www.sitepoint.com/life-after-js-learning-2nd-language/

[55] Пишем JavaScript с учетом доступности : https://www.sitepoint.com/writing-javascript-with-accessibility-in-mind/

[56] JavaScript против Python в 2017: https://hackernoon.com/javascript-vs-python-in-2017-d31efbb641b4

[57] Ловушки ES7 Async/Await: https://medium.com/@matansokolovsky/es7-async-await-pitfalls-d24331388a70

[58] Упрощение асинхронного кода с функцями Async/Await: https://www.sitepoint.com/simplifying-asynchronous-coding-es7-async-functions/

[59] Быстрый совет: как работают ссылки в JavaScript: https://www.sitepoint.com/how-javascript-references-work/

[60] Крупномасштабная веб-разработка с TypeScript: http://bet365techblog.com/large-scale-web-development-using-typescript

[61] Как я изучаю любой front-end фреймворк: https://medium.com/@IMM9O/how-i-learn-any-front-end-framework-e91a0a84eefc

[62] Тестирование Service Worker-ов: https://medium.com/dev-channel/testing-service-workers-318d7b016b19

[63] Создание обложки книги с использованием JavaScript и p5.js: https://css-tricks.com/creating-book-cover-using-javascript-p5-js/

[64] Стал доступен Angular 4.0.0: https://angularjs.blogspot.fi/2017/03/angular-400-now-available.html

[65] Что нового в Angular 4?: http://blog.ninja-squad.com/2017/03/24/what-is-new-angular-4/

[66] 8 ресурсов для изучения Angular 4: https://hackernoon.com/top-8-resources-to-explore-angular-4-ff2c1b42020a

[67] Эврика! Моменты озарения при изучении React: https://habrahabr.ru/company/netologyru/blog/324788/

[68] Понимание развёртывания React приложений: https://medium.com/@baphemot/understanding-react-deployment-5a717d4378fd

[69] Шпаргалка по композиции React компонентов: https://github.com/xat/react-component-composition-cheatsheet

[70] setState() Gate: https://medium.com/javascript-scene/setstate-gate-abc10a9b2d82

[71] Функциональный setState — это будущее React: https://medium.freecodecamp.com/functional-setstate-is-the-future-of-react-374f30401b6b

[72] React медленный, React быстрый: практическая оптимизация React приложений: https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba

[73] Bootstrap + Vue: http://bootstrap-for-vue.znck.me/

[74] vue-webpack-typescript: https://github.com/ducksoupdev/vue-webpack-typescript

[75] Как работать с полем для загрузки файлов в Vue 2: https://scotch.io/tutorials/how-to-handle-file-uploads-in-vue-2

[76] iterare: http://iterare.surge.sh/index.html

[77] 7 JavaScript библиотек для приборных панелей: https://techshard.com/2017/03/19/7-javascript-libraries-for-dashboards/

[78] MoveTo: https://github.com/hsnaydd/moveTo

[79] Проект Mozilla по созданию нового оформления интерфейса Firefox: http://www.opennet.ru/opennews/art.shtml?num=46254

[80] Что нового в Chromium 57 и Opera 44: https://dev.opera.com/blog/opera-44/

[81] Chrome 58 Beta: IndexedDB 2.0, улучшение в iframe навигацииnavigation и полноэкранный режим для PWA: https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html

[82] Подробности релиза Safari Technology Preview 26: https://webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/

[83] Технические детали Chrome 58: https://developers.google.com/web/updates/2017/03/chrome-58-media-updates

[84] GitHub добавил защиту от атак, использующих коллизии SHA-1: http://www.opennet.ru/opennews/art.shtml?num=46232

[85] Twitter даст телеканалам возможность вести профессиональные прямые трансляции: https://ain.ua/2017/03/21/twitter-videotranslyatsii-api

[86] Apple показала красный iPhone. И убила линейку iPad Air: https://ain.ua/2017/03/21/apple-pokazala-krasnyj-iphone-i-ubila-linejku-ipad-air

[87] Следующей инновацией Apple станет дополненная реальность: https://ain.ua/2017/03/19/apple-sdelaet-ar

[88] Google выпустила первую тестовую версию Android O: https://vc.ru/n/android-o-dev

[89] Три ветви Node.js получили обновления: https://tproger.ru/news/node-js-release-brief/

[90] Почему Google не планирует запуск mobile-first индекса: http://www.cossa.ru/news/156392/

[91] Сооснователь Mozilla и создатель JavaScript планирует создать рекламную платформу на базе блокчейн: https://geektimes.ru/post/287268/

[92] Business Insider: Facebook сформировала секретное подразделение для разработки «сканеров мозга» и камер дополненной реальности: https://vc.ru/n/building-8-facebook

[93] Школьный учитель разгадал сигнальный код на здании Adobe: https://tproger.ru/news/adobe-semaphore-cracked/

[94] Бесплатный Google Optimize приносит A/B-тестирование сайтов в массы: https://ain.ua/2017/03/25/besplatnyj-google-optimize-prinosit-ab-testirovanie-sajtov-v-massy

[95] Приоритеты, вера и лидерство: почему команды в Apple и Google работают продуктивнее конкурентов: https://vc.ru/p/productivity-in-corporations

[96] Крупнейшие рекламодатели ушли с YouTube. Это стоило Alphabet $35 млрд: https://ain.ua/2017/03/25/krupnejshie-reklamodateli-ushli-s-youtube-eto-stoilo-alphabet-35-mlrd

[97] «Собеседование — это бесплатный урок»: чему я научился, когда меня не взяли менеджером в Google: https://vc.ru/p/i-was-not-hired

[98] GitHub теперь позволяет своим сотрудникам сохранять за собой права на интеллектуальную собственность, созданную в рабочее время: https://tproger.ru/news/github-lets-workers-keep-the-ip/

[99] В чём разница между популярными Open Source лицензиями? Объясняет Github: https://tproger.ru/articles/whats-difference-between-licenses/

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

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

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

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

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