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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Подкаст «CSSSR»: https://soundcloud.com/csssr/novosti-512-vue-3-perekhod-na-context-api-i-react-hooks-i-derzhis-huawei

[8] Подкаст «Frontend Weekend»: https://soundcloud.com/frontend-weekend/fw-91

[9] Подкаст «Сделайте мне красиво!»: https://soundcloud.com/begebot/ep18

[10] Подкаст «Фронтенд Юность (18+)» : https://soundcloud.com/frontend_u/e94/

[11] «Repozitorro»: https://www.youtube.com/watch?v=K_pkZmJOD00

[12] KharkivCSS #4 2019: https://www.youtube.com/playlist?list=PLJ5NW5T60UpgJIZ53Syoy79JKPHcU0zPa

[13] Настоящее реактивное программирование в Svelte 3.0: https://habr.com/ru/post/453458/

[14] «Там надо знать и веб-стек, и C++»: интервью с Алексеем Козятинским о разработке Chrome DevTools и не только: https://habr.com/ru/company/jugru/blog/452990/

[15] Передняя документация, руководства по стилю и развитие MDX: https://css-tricks.com/front-end-documentation-style-guides-and-the-rise-of-mdx/

[16] Сноски, которые работают в RSS читалках: https://css-tricks.com/footnotes-that-work-in-rss-readers/

[17] DevChecklist: совместное пространство для создания и хранения чеклистов, которые помогают обеспечить качество программного обеспечения: https://devchecklists.com/

[18] Webpack от нуля до героя — часть 3: Все является модулем: https://tech.olx.com/webpack-from-zero-to-hero-cf1b77b852c9

[19] WebAssembly в eBay: реальный пример использования: https://www.ebayinc.com/stories/blogs/tech/webassembly-at-ebay-a-real-world-use-case/

[20] Статический веб — назад к корням?: https://blog.callr.tech/static-web-roots/

[21] Измерение интерактивности с TTI: Time To Interactive: https://blog.dareboost.com/en/2019/05/measuring-interactivity-time-to-interactive/

[22] Инклюзивные компоненты: меню и кнопки меню: https://medium.com/web-standards/menu-buttons-7f3aa1ad008d

[23] Доступные кнопки с иконками: https://www.sarasoueidan.com/blog/accessible-icon-buttons/

[24] Контекстная разметка доступных изображений и SVG: https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html

[25] Внешние ссылки, новые вкладки и Accessibility: https://codersblock.com/blog/external-links-new-tabs-and-accessibility/

[26] Гибкие таблицы на CSS Grid: https://habr.com/ru/post/452922/

[27] Визуальное выделение текста с помощью HTML тега mark: https://medium.com/@samanthaming/highlight-text-with-html-mark-tag-72297c053be8

[28] Что нового в Tailwind CSS v1: https://scotch.io/bar-talk/whats-new-in-tailwind-css-v1

[29] benefit — небольшая CSS-утилита, совместимая с TailwindCSS: https://benefit.netlify.com/

[30] font-display не совместим с иконочными шрифтами: https://www.zachleat.com/web/font-display-icon-fonts/

[31] Текущее состояние резиновой типографики: https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/

[32] Код как документация: новые стратегии с помощью CSS Grid: https://css-tricks.com/code-as-documentation-new-strategies-with-css-grid/

[33] 10 советов по CSS, которые я освоил при использовании Sass: https://www.telerik.com/blogs/10-time-saving-css-tips-i-learned-the-hard-way-when-using-sass

[34] Визуальный онлайн-редактор Flex Layout : http://www.csstutorial.org/flex-both.html

[35] Проблема внутренних отступов контейнера: https://css-tricks.com/the-inside-problem/

[36] CSS так может?: https://dev.to/ananyaneogi/css-can-do-that-18g7

[37] JavaScript — лучший язык программирования для начинающих: https://medium.com/webbdev/js-240edd8f3887

[38] Выведение Action type с помощью Typescript: https://habr.com/en/company/alfa/blog/452620/

[39] Node.js для начинающих: основы работы с файлами: https://habr.com/en/company/ruvds/blog/452566/

[40] Как подключить скрипт на сторонний сайт: https://habr.com/ru/company/jivosite/blog/452802/

[41] Исчезающие фреймворки: https://habr.com/ru/company/oleg-bunin/blog/450822/

[42] Злоупотребление jQuery для атак по сторонним каналам с помощью CSS: https://portswigger.net/blog/abusing-jquery-for-css-powered-timing-attacks

[43] Ленивая загрузка изображений с использованием Intersection Observer API: https://blog.bitsrc.io/lazy-loading-images-using-the-intersection-observer-api-5a913ee226d

[44] Создание Grid-to-Fullscreen анимации с Three.js: https://tympanus.net/codrops/2019/05/22/creating-grid-to-fullscreen-animations-with-three-js/

[45] JavaScript-движки: как они работают? От стека вызовов до промисов — (почти) всё, что вам нужно знать: https://habr.com/ru/company/mailru/blog/452906/

[46] Пишем чистый и масштабируемый JavaScript-код: 12 советов: https://habr.com/ru/company/ruvds/blog/452562/

[47] FunES#10: Странный массив: https://medium.com/@frontman/funes-10-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9-%D0%BC%D0%B0%D1%81%D1%81%D0%B8%D0%B2-2603cb15419

[48] Путешествие по JavaScript: от загрузки скриптов до исполнения — часть II: https://www.telerik.com/blogs/journey-of-javascript-downloading-scripts-to-execution-part-ii

[49] Функциональный JavaScript: как использовать array reduce для чего-то кроме чисел: https://jrsinclair.com/articles/2019/functional-js-do-more-with-reduce/

[50] Берем под контроль производительность React: https://blog.opendigerati.com/taking-control-of-react-performance-4f21a15a19b5

[51] Релиз Material-UI v4: https://medium.com/material-ui/material-ui-v4-is-out-4b7587d1e701

[52] Использование WebAssembly с React: https://www.telerik.com/blogs/using-webassembly-with-react

[53] Почему вы должны рендерить React на стороне сервера: https://blog.logrocket.com/why-you-should-render-react-on-the-server-side-a50507163b79

[54] Начало работы с react-testing-library: https://css-tricks.com/getting-started-with-react-testing-library/

[55] Мой опыт перехода от Enzyme к react-testing-library: https://medium.com/@boyney123/my-experience-moving-from-enzyme-to-react-testing-library-5ac65d992ce

[56] Доступное руководство по useReducer: https://www.seangroff.com/useReducer/

[57] Начало работы с Vue — обзор и учебное руководство: https://www.taniarascia.com/getting-started-with-vue/

[58] Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов: https://www.smashingmagazine.com/2019/05/vue-js-seo-reactive-websites-search-engines-bots/

[59] 5 простых способов радикально улучшить скорость вашего VueJS-приложения : https://medium.com/@vaibhav_35703/5-easy-ways-to-drastically-improve-your-vuejs-apps-speed-f9a57943b5

[60] Angular 8 RC.5 – кандидат в релиз запущен с новыми функциями и критическими изменениями: https://helpdev.eu/angular-8-rc-5-release-candidate-shipped-with-features-and-breaking-change/

[61] Исследование хуков жизненного цикла Angular – OnInit: https://ultimatecourses.com/blog/exploring-angular-lifecycle-hooks-oninit

[62] Создайте прогрессивное веб-приложение с Angular: https://john-green.net/web/build-a-progressive-web-app-with-angular/

[63] await-timeout: API на базе промисов для setTimeout / clearTimeout: https://github.com/vitalets/await-timeout

[64] v8n: ультимативная библиотека для валидации: https://github.com/imbrn/v8n

[65] Tornis — библиотека, следящая за состоянием видимой области браузера, позволяющая реагировать на её изменения: https://tornis.robbowen.digital/

[66] is-incognito-mode: функция для определения нахождения браузера в режиме инкогнито: https://github.com/yankouskia/is-incognito-mode

[67] Firefox 67: http://tanalin.com/blog/2019/05/firefox-67/

[68] В Firefox 69 по умолчанию будет прекращена обработка userContent.css и userChrome.css: http://www.opennet.ru/opennews/art.shtml?num=50743

[69] Больше года мобильные Chrome, Safari и Firefox не предупреждали пользователей о фишинге: https://xakep.ru/2019/05/24/certificate-abuse/

[70] Opera анонсировала первый геймерский браузер: http://4pda.ru/2019/05/22/357621/

[71] Представляем первые предварительные сборки Microsoft Edge для macOS: https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/

[72] Firefox обеспечивает плавное воспроизведение видео с помощью самого быстрого в мире декодера AV1: https://hacks.mozilla.org/2019/05/firefox-brings-you-smooth-video-playback-with-the-worlds-fastest-av1-decoder/

[73] Справочная: конфликт США и Huawei — хронология и причины: https://habr.com/ru/post/453084/

[74] GitHub Sponsors: новый способ внести свой вклад в open source: https://habr.com/ru/post/453272/

[75] Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов: https://vc.ru/design/68826-sketch-55-obnovlenie-adobe-xd-shablony-dlya-risovaniya-diagramm-v-figma-i-drugie-novye-instrumenty-dizayna-interfeysov

[76] IT-рынок в цифрах: статистика и прогнозы развития: https://servernews.ru/987595#5cddd097b4182e0c0c8b456c

[77] Он нас понимает? Как компьютер учит языки людей: https://www.computerra.ru/237787/on-nas-ponimaet-kak-kompyuter-uchit-yazyki-lyudej/

[78] Человек, купивший первую пиццу за биткоины: не только мем, но и пионер майнинга: https://www.computerra.ru/237781/chelovek-kupivshij-pervuyu-pitstsu-za-bitkoiny-ne-tolko-mem-no-i-pioner-majninga/

[79] За этот сайт нам заплатили более 5 млн рублей, и вот почему: https://vc.ru/marketing/68202-za-etot-sayt-nam-zaplatili-bolee-5-mln-rubley-i-vot-pochemu

[80] Краткий справочник анонима. Виды шифрования и защиты трафика, выбор софта: https://xakep.ru/2019/05/24/anonymize-howto/

[81] Дайджест за прошлую неделю: https://habr.com/ru/post/452556/

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

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

[84] Источник: https://habr.com/ru/post/453580/?utm_source=habrahabr&utm_medium=rss&utm_campaign=453580

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