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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018)

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 1

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


Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 2 Медиа

podcast Подкаст «Frontend Weekend» #54 – Всеволод Шмыров о том, как из разработчика игр на Flash стать тимлидом в Яндексе [6]
podcast Подкаст «devschacht»: Ночной фронтенд #34 — HolyJS 2018 Piter [7]
podcast Подкаст «Фронтенд Юность (18+)» #49 Другой взгляд на конференции [8]
podcast Подкаст «CSSSR», Новости 512 — Выпуск №7 (21.05 — 27.05) [9]
video «ALL YOUR HTML» #50: «Простой generative art на 2d canvas» [10]
video MinskJS Meetup #4 — 24 мая 2018 [11]
video en React Finland 2018 [12]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 11 Веб-разработка

habr Mobile-first indexing — революция в поиске от Google [13]
Исследование: влияют ли ссылки nofollow на ранжирование в Google? Корреляция и анализ данных. [14]
en Learning Gutenberg [15]. Серия статей на css-tricks, посвященная изучению Gutenberg, новому редактору в WordPress (React-driven SPA)
en Работа с динамическими кривыми Безье [16]
en Техники редактирования текста, о которых должен знать каждый разработчик фронтенда [17]
en Web Push Notifications [18]. Руководство и техническое демо от команды Microsoft Edge
en Wired Elements — набор UI компонентов выглядщих как скетчи [19]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 28 CSS

Display: contents — не CSS-сброс [31]
eqio — простая, компактная альтернатива выражениям от элемента/контейнера [32]
en Обяснение Z-Index: как складывать элементы с помощью CSS [33]
en Темная тема за день [34]. Использование набора современных возможностей CSS для создания ночного режима для приложения
en Начинаем работать с CSS Layout [35]. Подробная статья от Rachel Andrew
en Правильный способ стилизации кнопок [36]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 33 JavaScript

habr Классические алгоритмы и структуры данных на JavaScript [37]
habr Новшества Node.js 10 в области разработки и безопасности [38]
habr Практика применения прокси-объектов в JavaScript [39]
habr Символы, генераторы, async/await и асинхронные итераторы в JavaScript: их сущность, взаимосвязь и варианты использования [40]

  • Libs & Plugins:
    en nanoJS [58] — минимальная JS библиотка без зависимостей для манипуляций с DOM
    en hybrids [59] — UI библиотека для создания веб-компонентов с простым и функциональным API
    en Hyphenopoly [60] — полифил для клиентской расставки переносов в тексте

Дайджест свежих материалов из мира фронтенда за последнюю неделю №316 (21 — 27 мая 2018) - 60 Занимательное

habr GDPR. Практические советы [61]
habr Истерия вокруг GDPR [62], habr часть 2. Полезные советы [63]
Adobe купит одну из самых популярных в мире систем для управления интернет-магазинами Magento за $1,68 млрд [64]
Как потерять друзей и заставить всех себя ненавидеть, делая код-ревью [65]
Каким станет будущее — 7 предсказаний журнала Wired [66]
Facebook открыла исходный код библиотеки для балансировки нагрузки на сеть [67]
Pornhub запустил бесплатный и безлимитный сервис VPNhub [68]
Ученые представили новую технику, позволяющую размещать скрытую информацию в символах шрифта [69]


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

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

Автор: alexzfort

Источник [73]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #54 – Всеволод Шмыров о том, как из разработчика игр на Flash стать тимлидом в Яндексе: https://soundcloud.com/frontend-weekend/fw-54

[7] Ночной фронтенд #34 — HolyJS 2018 Piter: https://soundcloud.com/devschacht/nightly-34

[8] #49 Другой взгляд на конференции: https://soundcloud.com/frontend_u/e49

[9] Новости 512 — Выпуск №7 (21.05 — 27.05): https://soundcloud.com/csssr/news512_07

[10] «Простой generative art на 2d canvas»: https://www.youtube.com/watch?v=XWjdaCsj48M

[11] MinskJS Meetup #4 — 24 мая 2018: https://www.youtube.com/playlist?list=PL-whh3wS8xsKCC0nEdFzLv869pOjD2Htz

[12] React Finland 2018: https://www.youtube.com/playlist?list=PL-a9lBflNu2rXmXqorswbrjNkCKypXOrE

[13] Mobile-first indexing — революция в поиске от Google: https://habr.com/post/359092/

[14] Исследование: влияют ли ссылки nofollow на ранжирование в Google? Корреляция и анализ данных.: https://partnerkin.com/tribuna/blog_alexburaks/issledovanie_vliyayut_li_ssylki_nofollow_na_ranzhirovanie_v_google_korrelyaciya_i_analiz_dannyh

[15] Learning Gutenberg: https://css-tricks.com/learning-gutenberg-1-series-intro/

[16] Работа с динамическими кривыми Безье: https://www.joshwcomeau.com/posts/dynamic-bezier-curves

[17] Техники редактирования текста, о которых должен знать каждый разработчик фронтенда: https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/

[18] Web Push Notifications: https://webpushdemo.azurewebsites.net/

[19] Wired Elements — набор UI компонентов выглядщих как скетчи: https://wiredjs.com/

[20] Ускорение загрузки шрифтов на сайте: https://www.searchengines.ru/uskorenie-zagruzki-shriftov.html

[21] Состояния веба: лучшие стратегии по оптимизации изображений : https://dougsillars.com/2018/05/21/state-of-the-web-top-image-optimization-strategies/

[22] Как использyовать Lazy Loading в контексте времени загрузки Slash Page: https://www.machmetrics.com/speed-blog/how-to-lazy-loading-images-script-slash-page-load-time/

[23] Делаем легаси сайты более производительными с помощью современных техник фронтенд производительности : https://www.lullabot.com/articles/making-legacy-sites-more-performant-using-modern-frontend-techniques

[24] Выбираем победителя битвы между ESLint и Prettier: https://medium.com/@daveed_kz/eslint-and-prettier-battle-for-supremacy-f2657c9cf950

[25] 10 трюков в Firefox Dev Tools, которые снесут вам крышу: https://hackernoon.com/10-firefox-dev-tools-tricks-that-will-blow-your-mind-d641f1714903

[26] Что нового в DevTools (Chrome 68): https://developers.google.com/web/updates/2018/05/devtools

[27] Каким инструментом тестировать доступность?: https://medium.com/pulsar/which-accessibility-testing-tool-should-you-use-e5990e6ef0a

[28] Grid Layout, совмещенный с эффектами смещения при наведении и возможностью предпросмотра контента: https://tympanus.net/codrops/2018/05/23/grid-layout-with-motion-hover/

[29] Воссоздание анимации из MS fluent design — наведение, затрагивающее целую группу элементов: https://codepen.io/Tepec/pen/deBZVa

[30] segmented-type: https://aresluna.org/segmented-type/

[31] Display: contents — не CSS-сброс: http://css-live.ru/articles/display-contents-ne-css-sbros.html

[32] eqio — простая, компактная альтернатива выражениям от элемента/контейнера: http://css-live.ru/javascript/eqio-prostaya-kompaktnaya-alternativa-vyrazheniyam-ot-elementa-kontejnera.html

[33] Обяснение Z-Index: как складывать элементы с помощью CSS: https://medium.freecodecamp.org/z-index-explained-how-to-stack-elements-using-css-7c5aa0f179b3

[34] Темная тема за день: https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a

[35] Начинаем работать с CSS Layout: https://www.smashingmagazine.com/2018/05/guide-css-layout/

[36] Правильный способ стилизации кнопок: https://fvsch.com/code/styling-buttons/

[37] Классические алгоритмы и структуры данных на JavaScript: https://habr.com/post/359192/

[38] Новшества Node.js 10 в области разработки и безопасности: https://habr.com/company/ruvds/blog/359150/

[39] Практика применения прокси-объектов в JavaScript: https://habr.com/company/ruvds/blog/359060/

[40] Символы, генераторы, async/await и асинхронные итераторы в JavaScript: их сущность, взаимосвязь и варианты использования: https://habr.com/company/ruvds/blog/359004/

[41] Почему VueX — это лучший интерфейс между фронтендом и API: https://zendev.com/2018/05/21/vuex-perfect-interface-frontend-backend.html

[42] Vue.js — соображения и трюки: https://blog.webf.zone/vue-js-considerations-and-tricks-fa7e0e4bb7bb

[43] Привет Protovue — фреймворк прототипирования компонентов для Vue.js: https://hackernoon.com/hello-protovue-prototyping-component-framework-for-vue-js-8d33351e59c0

[44] Создание и публикация веб-компонентов с Vue CLI 3: https://vuejsdevelopers.com/2018/05/21/vue-js-web-component/

[45] Vuido: https://github.com/mimecorg/vuido

[46] React v16.4.0: События указателей: https://habr.com/post/359264/

[47] CI и развертывание React приложений: http://jem-space.ru/ci-i-razviertyvaniie-react-prilozhienii/

[48] Всё о React: https://www.telerik.com/blogs/all-things-react

[49] Flow vs TypeScript в React — мои две копейки: https://levelup.gitconnected.com/flow-vs-typescript-in-react-my-two-cents-d4d0c657d236

[50] Что React Context API может для вам сделать?? Multi-language text, Modals и переключатели тем: http://www.js-craft.io/blog/15-What-can-React-Context-API-do-for-you-Multi-language-Modals-Themes/

[51] RSUITE: https://rsuitejs.com/en/

[52] Продвинутая визуализация с помощью react-vis: https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4

[53] Определение изменений в Angular Ivy: вы готовы?: https://blog.angularindepth.com/angular-ivy-change-detection-execution-are-you-prepared-ab68d4231f2c

[54] Понимание provider scope в Angular: https://itnext.io/understanding-provider-scope-in-angular-4c2589de5bc

[55] Использование Angular Augury для отладки вашего кода: https://www.sitepoint.com/angular-augury-debug-code/

[56] Ускоряем процесс разработки с помощью Angular 5 сниппетов и VS Code: https://www.sitepoint.com/boosting-workflow-angular-5-snippets-vs-code/

[57] Реактивное программирование в Angular: о пуш нотификациях: https://itnext.io/reactive-programming-in-angular-on-push-communication-af44de553c18

[58] nanoJS: https://vladocar.github.io/nanoJS/

[59] hybrids: https://github.com/hybridsjs/hybrids

[60] Hyphenopoly: https://github.com/mnater/Hyphenopoly

[61] GDPR. Практические советы: https://habr.com/post/353532/

[62] Истерия вокруг GDPR: https://habr.com/post/359014/

[63] часть 2. Полезные советы: https://habr.com/post/359180/

[64] Adobe купит одну из самых популярных в мире систем для управления интернет-магазинами Magento за $1,68 млрд: https://vc.ru/38450-adobe-kupit-odnu-iz-samyh-populyarnyh-v-mire-sistem-dlya-upravleniya-internet-magazinami-magento-za-1-68-mlrd

[65] Как потерять друзей и заставить всех себя ненавидеть, делая код-ревью: https://medium.com/@lucyhackwrench/%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D1%82%D0%B5%D1%80%D1%8F%D1%82%D1%8C-%D0%B4%D1%80%D1%83%D0%B7%D0%B5%D0%B9-%D0%B8-%D0%B7%D0%B0%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D0%B1%D1%8F-%D0%BD%D0%B5%D0%BD%D0%B0%D0%B2%D0%B8%D0%B4%D0%B5%D1%82%D1%8C-%D0%B4%D0%B5%D0%BB%D0%B0%D1%8F-%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E-11fec8e17000

[66] Каким станет будущее — 7 предсказаний журнала Wired: https://ain.ua/2018/05/24/7-predskazanij-wired

[67] Facebook открыла исходный код библиотеки для балансировки нагрузки на сеть: https://tproger.ru/news/facebook-open-source-l4lb-katran/

[68] Pornhub запустил бесплатный и безлимитный сервис VPNhub: https://tproger.ru/news/pornhub-vpnhub/

[69] Ученые представили новую технику, позволяющую размещать скрытую информацию в символах шрифта: https://tproger.ru/news/fontcode/

[70] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/358978/

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

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

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