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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Как стать веб-разработчиком в 2017 году — план действий: https://habrahabr.ru/company/netologyru/blog/328426/

[7] Подкаст devschacht, Выпуск №2: https://soundcloud.com/devschacht/devschacht-2

[8] HTML сломан: https://medium.com/web-standards/html-is-broken-69d6dfebf91

[9] Фронтенд по фэн-шуй. Часть 2: http://www.master-web.info/frontend-po-fen-shuy-chast-2/

[10] Тренды — презентация нового функционала на Stack Overflow: https://stackoverflow.blog/2017/05/09/introducing-stack-overflow-trends/

[11] Секции в футере — HTML Шорты: https://www.youtube.com/watch?v=NRkr7be8sw8&feature=youtu.be&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

[12] Видео докладов с KharkivCSS 2017: https://www.youtube.com/playlist?list=PLJ5NW5T60Uphxafs2etSYrVYshi_V5T1-

[13] Скорость установки в npm, npm5, shrinkpack и yarn: https://github.com/JamieMason/npm-cache-benchmark

[14] Используйте линтеры для ошибок, форматтеры для исправления стиля: https://benfrain.com/use-linters-for-errors-formatters-to-fix-style/

[15] webpack для реальных задач: уменьшение размера фронтенда и улучшение кеширования: https://iamakulov.com/notes/webpack-front-end-size-caching/

[16] Анонс нового webpack CLI: https://medium.com/webpack/announcing-the-new-webpack-cli-75ce1d9b8663

[17] Pingy CLI: https://pin.gy/cli/

[18] Неоправданное усложнение разработки фронтенда, чтобы казаться более умным: https://medium.com/@julienetienne_/unnecessarily-complicating-front-end-development-to-feel-like-a-smarter-person-5e555fe650ed

[19] label атрибуты на интерактивных элементах для поддержки доступности: https://hiddedevries.nl/en/blog/2017-05-05-accessibly-labelling-interactive-elements

[20] Доступная панель с табами с помощью ARIA: https://van11y.net/accessible-tab-panel/

[21] Очередная подборка любимых демок с CodePen от его создателя, Криса Койера: https://davidwalsh.name/codepen-animations

[22] Подробно о создании Progressive Web App для сайта китайского магазина Ele.me: https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509

[23] Создание анимированных баннеров на SVG: https://davidwalsh.name/building-animated-svg-banners

[24] Git репозитории, которые можно использовать как альтернативы GitHub: http://www.designyourway.net/blog/resources/git-repositories-to-use-as-github-alternatives/

[25] Таблицы в адаптивном дизайне — 2: https://habrahabr.ru/post/328230/

[26] Добавляем в Chromium селектор :focus-within: https://habrahabr.ru/company/mailru/blog/328478/

[27] Введение в CSS :focus-within — что это за псевдокласс и как он может помочь сделать доступными выпадающие подменю: http://www.scottohara.me/blog/2017/05/14/focus-within.html

[28] Обратитесь к спецификации: что предваряет спецификацию?: https://medium.com/devschacht/rachel-refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec-3853fd3566d3

[29] Решение задачи о широком блоке внутри узкого контейнера с помощью CSS Grid Layout: https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/

[30] Нативная валидация форм: https://medium.com/samsung-internet-dev/native-form-validation-part-2-552c78f563b

[31] Высокопроизводительные динамические стили: https://medium.com/@oleg008/high-performance-dynamic-styles-db28c873940

[32] Способы задания контрастного цвета тексту, который лежит на разноцветном фоне: https://css-tricks.com/methods-contrasting-text-backgrounds/

[33] Experiments in fixed aspect ratios: http://ramenhog.com/blog/2017/05/09/experiments-in-fixed-aspect-ratios

[34] Почему я отказался от @apply: http://www.xanthir.com/b4o00

[35] Проблема с препроцессингом пользовательских свойств: https://css-tricks.com/issue-preprocessing-css-custom-properties/

[36] Делаем пользовательские свойства (CSS переменные) более динамическими: https://css-tricks.com/making-custom-properties-css-variables-dynamic/

[37] Отслеживание истории шрифтов в CSS : https://www.chenhuijing.com/blog/tracing-the-history-of-css-fonts/

[38] 5 симпатичных эффектов для изображений с помощью CSS Shapes и фильтров: http://tutorialzine.com/2017/05/5-beautiful-image-effects-with-css/

[39] Easing Linear Gradients: https://css-tricks.com/easing-linear-gradients/

[40] CSS и первая значимая отрисовка: https://pusher.com/sessions/meetup/london-css/css-and-the-first-meaningful-paint

[41] От CSS препроцессора к стилизованным компонентам: https://pusher.com/sessions/meetup/reactivate-london/from-css-preprocessors-to-styled-components

[42] BBC Grandstand: http://bbc.github.io/grandstand/

[43] #15 — Amsterdam, PWA, RealWorld, Prepack: http://5minreact.ru/15-amsterdam-pwa-realworld-prepack/

[44] Цикл событий Node.js, таймеры и process.nextTick() : https://medium.com/devschacht/event-loop-timers-and-nexttick-18579cd122e0

[45] PhantomJS всё?: https://medium.com/devschacht/phantomjs-is-over-df065e5b23bf

[46] 2017: Автостопом по галактике JavaScript: https://habrahabr.ru/post/328570/

[47] Актуальное состояние популярных JS библиотек по версии Stack Overflow JS Trends: https://insights.stackoverflow.com/trends?tags=angular%2Creactjs%2Cvue.js%2Cangularjs%2Cember.js

[48] Многогранность функций в JavaScript: https://bocoup.com/blog/the-many-faces-of-functions-in-javascript

[49] Я до сих пор люблю jQuery  — и вы тоже должны: https://hackernoon.com/i-still-love-jquery-and-you-should-too-3114f33f249e

[50] 8 трюков в npm, которыми вы можете удивить коллег: https://medium.com/@adiramsalem/8-npm-tricks-you-can-use-to-impress-your-colleagues-dbdae1ef5f9e

[51] Спецификаторы модулей: что нового в модулях ES?: http://2ality.com/2017/05/es-module-specifiers.html

[52] Что такое Transducer?: http://raganwald.com/2017/04/30/transducers.html

[53] Автостопом по галактике d3.js: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a

[54] Пришло время Fetch, или как я перестал использовать http библиотеки: https://medium.com/@mutebg/its-fetch-time-or-how-i-stopped-using-http-libraries-d9fc93c4167

[55] Все о рекурсии, PTC, TCO и STC в JavaScript: http://lucasfcosta.com/2017/05/08/All-About-Recursion-PTC-TCO-and-STC-in-JavaScript.html

[56] #14 — Redux Business Logic (part 2): http://5minreact.ru/14-redux-business-logic-part2/

[57] Сделайте ваши функциональные React компоненты на 45% быстрее уже сейчас (перевод): https://medium.com/@karafizi/%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%B9%D1%82%D0%B5-%D0%B2%D0%B0%D1%88%D0%B8-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-react-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B-%D0%BD%D0%B0-45-%D0%B1%D1%8B%D1%81%D1%82%D1%80%D0%B5%D0%B5-%D1%83%D0%B6%D0%B5-%D1%81%D0%B5%D0%B9%D1%87%D0%B0%D1%81-%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4-9093a8fb2378

[58] Redux Offline: https://pusher.com/sessions/meetup/reactivate-london/redux-offline

[59] Создание карт с помощью React: https://blog.webkid.io/making-maps-with-react/

[60] Полная настройка редактора Atom для работы с ReactJS: https://medium.com/productivity-freak/my-atom-editor-setup-for-js-react-9726cd69ad20

[61] redux-orchestrate: https://github.com/domagojk/redux-orchestrate

[62] Архитектура компонентов приложения по созданию рецептов для реактивных Angular форм: https://toddmotto.com/component-architecture-reactive-forms-angular

[63] Angular Model Pattern: https://medium.com/@tomastrajan/model-pattern-for-angular-state-management-6cb4f0bfed87

[64] Как создать AngularJS приложение для работы с событиями: https://hackernoon.com/how-to-build-an-angularjs-events-app-8b2d7e87052d

[65] Начало работы с Vue.Js: https://www.webdesignerdepot.com/2017/05/getting-started-with-vue-js/

[66] Что я узнал о VueJS в процессе создания расширения для Chrome: http://vuejsdevelopers.com/2017/05/08/vue-js-chrome-extension/

[67] vue-rate: https://github.com/SinanMtl/vue-rate

[68] vue-easy-gantt: https://github.com/mamboer/vue-easy-gantt

[69] TypeScript на сервере: https://habrahabr.ru/post/328466/

[70] TypeScript-Vue-Starter: https://github.com/Microsoft/TypeScript-Vue-Starter

[71] TypeScript-React-Starter: https://github.com/Microsoft/TypeScript-React-Starter

[72] UPNG.js: https://github.com/photopea/UPNG.js

[73] Функции высшего порядка в Lodash: http://pragmatists.pl/blog/2017/05/higher-order-functions-in-lodash/

[74] Sticky Sidebar: https://abouolia.github.io/sticky-sidebar/

[75] Britecharts: http://eventbrite.github.io/britecharts/

[76] britecharts: https://github.com/eventbrite/britecharts/

[77] Десять jQuery HTML5 аудио проигрывателей: https://www.sitepoint.com/10-jquery-html5-audio-players/

[78] Вышла новая Opera 45 c обновленным интерфейсом и встроенной боковой панелью мессенджеров: http://itc.ua/news/vyishla-novaya-opera-45-c-obnovlennyim-interfeysom-i-vstroennoy-bokovoy-panelyu-messendzherov/

[79] Из-за бага Microsoft Edge подменяет цифры во время печати PDF-файлов: https://xakep.ru/2017/05/10/edge-pdf-print-bug/

[80] Microsoft продемонстрировала Microsoft Edge с Fluent Design: http://microsoftportal.net/windows-9/8231-microsoft-prodemonstrirovala-microsoft-edge-s-fluent-design.html

[81] Microsoft: у нас нет планов по разделению обновлений браузера Edge от Windows 10: http://microsoftportal.net/windows-9/8230-microsoft-u-nas-net-planov-po-razdeleniyu-obnovleniy-brauzera-edge-ot-windows-10.html

[82] Десктопные браузеры не попадут в Windows Store: http://microsoftportal.net/windows-store/8220-desktopnye-brauzery-ne-popadut-v-windows-store.html

[83] Предложение по разделению Web приложений и сайтов в браузере: https://www.reddit.com/r/web_design/comments/69xba8/my_simple_chrome_change_proposal_to_make_web_apps/

[84] Ведется массовая атака криптором Wana decrypt0r 2.0: https://geektimes.ru/post/289115/

[85] первого: https://habrahabr.ru/company/microsoft/blog/328378/

[86] второго: https://habrahabr.ru/company/microsoft/blog/328460/

[87] Презентация Windows 10 Fall Creators Update (Microsoft Build 2017) за 12 минут: https://www.youtube.com/watch?v=iWmxY_ul4Ug

[88] Немного подробнее о Microsoft Fluent Design System: http://www.wincore.ru/windows-news/5618-nemnogo-podrobnee-o-microsoft-fluent-design-system.html

[89] Опубликованы первые скриншоты и видео пользовательского интерфейса новой ОС Google Fuchsia: http://itc.ua/news/opublikovanyi-pervyie-skrinshotyi-i-video-polzovatelskogo-interfeysa-novoy-os-google-fuchsia/

[90] «Яндекс» запустил тестирование «Турбо-страниц» для новостных сайтов — аналога Google AMP: https://vc.ru/n/ya-turbo-news

[91] Создатели MP3 объявили о смерти формата: http://4pda.ru/2017/05/14/341941/

[92] Ваш пароль ужасен. И все хотят изменить это: https://ain.ua/2017/05/11/vash-parol-uzhasen-i-vse-xotyat-izmenit-eto

[93] Капитализация Apple достигла рекордных $800 млрд: https://ain.ua/2017/05/10/kapitalizaciya-apple-dostigla-rekordnyx-800-mlrd

[94] Как оно быть начальником в Google: ни власти, ни контроля: https://ain.ua/2017/05/08/kak-ono-byt-nachalnikom-v-google-ni-vlasti-ni-kontrolya

[95] Bash на Windows 10 получит поддержку openSUSE и Fedora: https://tproger.ru/news/windows-10-bash-opensuse-fedora/

[96] Если вам пришлось собеседовать: https://dou.ua/lenta/articles/how-to-interview-candidate/

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

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

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

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

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