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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 1

    Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    Javascript [4]    |    Браузеры [5]


Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 2 Медиа

podcast Подкаст «Фронтенд Юность (18+)» #84 Каждый из нас видал пострашнее [6]
video Видеоблог Вадима Макеева: «13. Лайв с ответами» [7], 14. Кастомные чекбоксы правильно [8]
video MinskJS Meetup #5 — 3 видео [9]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 6 Веб-разработка

habr Разработка под WebAssembly: реальные грабли и примеры [10]
habr Удобный БЭМ [11]
habr AMP и Турбо-страницы: плюсы, минусы и результаты внедрения [12]
AMP способствует повышению органического трафика из поиска – исследование [13]
30 необходимых практик для написания современного и эффективного HTML5 [14]
Слайды Александры Шинкевич с внутреннего МК про тестирование фронтенда для разработчиков [15]
en Try GraphQL! Интерактивное руководство по GraphQL [16]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 22 CSS

en Почему я пишу CSS в JavaScript [31]
en Рисование на чистом CSS [32]. Топ 5 CSS свойств, на которые я полагаюсь при создании CSS искусства
en JS-in-CSS [33] — ворклет, который будет создан прямо из CSS (в рамках эксперимента CSS HOUDINI)
en 21 способ оптимизировать ваш CSS и ускорить ваш сайт [34]
en Как работает @supports [35]
en Правильное использование CSS Grid [36]
en Автоматически выравнивающаяся сетка на Flexbox, совместимая с IE10 [37]
en Переменные CSS + calc () + rgb () = Обеспечение высокой контрастности цветов [38]
video CSS: FLIP-анимации [39]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 32 JavaScript

FunES#8: Math.pow не равно** [40]
Манипуляции с DOM на чистом JavaScript [41]
en Введение в jQuery [42] (версия 2019 года)
en Полное руководство по функциям ES10 [43]
en Приоритеты загрузки JavaScript в Chrome [44]
en Разбор JavaScript-решений по общим алгоритмическим вопросам (часть 1) [45]
en 12 идей, которые улучшат ваши навыки JavaScript [46]
en XMLHttpRequest или Fetch API: что лучшее для Ajax в 2019-м? [47]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019) - 61 Браузеры

В CERN запустили браузер интернета 90-х в честь 30-летия всемирной сети [69]
«Яндекс» начал тестировать в мобильном «Яндекс.Браузере» публичные чаты с людьми поблизости [70]
31% дополнений к Chrome используют библиотеки с известными уязвимостями [71]
Microsoft Edge втайне разрешает Facebook использовать Flash-контент [72]
В Firefox появится режим картинка в картинке и переработанный менеджер дополнений [73]

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

Дайджест за прошлую неделю [74]
Материал подготовили dersmoll [75] и alekskorovin [76]

Автор: alexzfort

Источник [77]


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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] #84 Каждый из нас видал пострашнее : https://soundcloud.com/frontend_u/e84

[7] «13. Лайв с ответами»: https://www.youtube.com/watch?v=rLjwo5Ct4AI&

[8] 14. Кастомные чекбоксы правильно: https://www.youtube.com/watch?v=E6kLaaQFctU

[9] MinskJS Meetup #5 — 3 видео: https://www.youtube.com/playlist?list=PL-whh3wS8xsKJHySf_D3Kfpbhx8FVNKLp

[10] Разработка под WebAssembly: реальные грабли и примеры: https://habr.com/ru/company/jugru/blog/441140/

[11] Удобный БЭМ: https://habr.com/ru/post/440554/

[12] AMP и Турбо-страницы: плюсы, минусы и результаты внедрения: https://habr.com/ru/post/440742/

[13] AMP способствует повышению органического трафика из поиска – исследование: https://www.searchengines.ru/amp-sposobstvuet-povysheniyu-organicheskogo-trafika-issledovanie.html

[14] 30 необходимых практик для написания современного и эффективного HTML5: https://medium.com/@stasonmars/30-%D0%BD%D0%B5%D0%BE%D0%B1%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D1%8B%D1%85-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%B0%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D1%8F-%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-%D0%B8-%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B3%D0%BE-html5-79da9b3f245

[15] Слайды Александры Шинкевич с внутреннего МК про тестирование фронтенда для разработчиков: https://docs.google.com/presentation/d/1B0cxyDwYDSrW3mh2v0E8HjJwSW3e33XVwlwQhCO2aiY/edit

[16] Try GraphQL! Интерактивное руководство по GraphQL: https://trygql.com/

[17] Новый взгляд на изучение и документирование исходного кода: https://habr.com/ru/post/440786/

[18] Как размер кода зависит от минификатора, сборщика и языка. Неожиданное обновление webpack: https://habr.com/ru/company/yandex/blog/438022/

[19] 10 советов по безопасности для npm : https://snyk.io/blog/ten-npm-security-best-practices/

[20] ICONSVG: https://iconsvg.xyz/

[21] 7 JavaScript-песочниц в 2019 году: https://scotch.io/tutorials/7-javascript-playgrounds-to-use-in-2019

[22] Советы по обеспечению доступности интерактивных элементов на мобильных устройствах: https://medium.com/@ABatickaya/mobile-a11y-aac0330569ae

[23] Инклюзивные компоненты: список дел: https://medium.com/web-standards/a-todo-list-40a324436b3e

[24] Что означает европейский стандарт доступности EN 301 549 для организаций США?: https://www.deque.com/blog/european-accessibility-standard-en-301-549/

[25] Видео о том, как пользователи скринридеров пользуются вебом: https://www.smashingmagazine.com/2019/02/accessibility-webinar/

[26] Эффекты фильтрации SVG. Часть 6. Создание текстуры с помощью feTurbulence: https://habr.com/en/post/441234/

[27] Создание анимаций, которые оживят ваш сайт: https://css-tricks.com/writing-animations-that-bring-your-site-to-life/

[28] Как создать фальшивый эффект 3D-изображения с помощью WebGL: https://tympanus.net/codrops/2019/02/20/how-to-create-a-fake-3d-image-effect-with-webgl/

[29] Blobs!: https://css-tricks.com/blobs/

[30] SVG SPA: https://codepen.io/alnat2/full/BMqEPM

[31] Почему я пишу CSS в JavaScript: https://mxstbr.com/thoughts/css-in-js/

[32] Рисование на чистом CSS : http://diana-adrianne.com/how/

[33] JS-in-CSS: https://css-houdini.rocks/js-in-css/

[34] 21 способ оптимизировать ваш CSS и ускорить ваш сайт: https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your-site

[35] Как работает @supports: https://css-tricks.com/how-supports-works/

[36] Правильное использование CSS Grid: https://vgpena.github.io/using-css-grid-the-right-way/

[37] Автоматически выравнивающаяся сетка на Flexbox, совместимая с IE10 : https://css-tricks.com/ie10-compatible-grid-auto-placement-with-flexbox/

[38] Переменные CSS + calc () + rgb () = Обеспечение высокой контрастности цветов: https://css-tricks.com/css-variables-calc-rgb-enforcing-high-contrast-colors/

[39] CSS: FLIP-анимации: https://www.youtube.com/watch?v=jOFScunknuI

[40] FunES#8: Math.pow не равно**: https://medium.com/@frontman/funes-8-math-pow-%D0%BD%D0%B5-%D1%80%D0%B0%D0%B2%D0%BD%D0%BE-972955382594

[41] Манипуляции с DOM на чистом JavaScript: https://tproger.ru/translations/dom-javascript/

[42] Введение в jQuery: https://itnext.io/an-introduction-to-jquery-53d821e13153

[43] Полное руководство по функциям ES10: https://medium.com/@js_tut/the-complete-guide-to-es10-features-f09a8c7be1bd

[44] Приоритеты загрузки JavaScript в Chrome: https://addyosmani.com/blog/script-priorities/

[45] Разбор JavaScript-решений по общим алгоритмическим вопросам (часть 1): https://dev.to/emmawedekind/breaking-down-javascript-solutions-to-common-algorithmic-questions-part-1-1228

[46] 12 идей, которые улучшат ваши навыки JavaScript: https://hackernoon.com/12-javascript-concepts-that-will-level-up-your-development-skills-b37d16ad7104

[47] XMLHttpRequest или Fetch API: что лучшее для Ajax в 2019-м?: https://www.sitepoint.com/xmlhttprequest-vs-the-fetch-api-whats-best-for-ajax-in-2019/

[48] JavaScript: Большое целое Ну почему: https://habr.com/ru/post/439402/

[49] Публичные и приватные поля классов: https://medium.com/webbdev/js-5c96df7f8c91

[50] Try/Catch/Finally: https://medium.com/@frontman/try-catch-finally-f64a2076961

[51] Руководство по наследованию классов на основе прототипов в JavaScript: https://medium.freecodecamp.org/a-guide-to-prototype-based-class-inheritance-in-javascript-84953db26df0

[52] Пришло время поговорить об объектно-ориентированном JavaScript: https://itnext.io/its-time-we-talk-about-object-oriented-javascript-81b4b9b70981

[53] Как избежать блокировки DOM в JavaScript: https://www.sitepoint.com/avoiding-dom-blocking/

[54] 26 советов по экономии времени при работе со Vue: http://michaelnthiessen.com/26-time-saving-tips/

[55] Создание современного приложения с использованием Nest.js, MongoDB и Vue.js: https://scotch.io/tutorials/building-a-modern-app-using-nestjs-mongodb-and-vuejs

[56] Оптимизация производительности приложений на Vue.js: часть 3 — Ленивая загрузка модулей Vuex: https://itnext.io/vue-js-app-performance-optimization-part-3-lazy-loading-vuex-modules-ed67cf555976

[57] Коллекция из 2200 ресурсов для всего, связанного с реакт — от Next.js, Gatsby и JSX до анимации, Apollo GraphQL и подкастов: https://reactresources.com/

[58] Анонс Ionic React Beta: https://blog.ionicframework.com/announcing-the-ionic-react-beta/

[59] React Hooks, первые впечатления: https://codeburst.io/react-hooks-first-impressions-bc417b908e94

[60] Использование Pre-Commit и Pre-Push Git Hooks в проекте React: https://levelup.gitconnected.com/using-pre-commit-and-pre-push-git-hooks-in-a-react-project-6c83431ef2bd

[61] Как начать работу с интернационализацией в JavaScript: https://medium.freecodecamp.org/how-to-get-started-with-internationalization-in-javascript-c09a0d2cd834

[62] React: связь между компонентами: https://blog.bitsrc.io/react-communication-between-components-c0cfccfa996a

[63] Прогрессивный React: https://houssein.me/progressive-react

[64] Создание прогрессивных веб-приложений с помощью React. Часть 2: https://blog.bitsrc.io/build-progressive-web-apps-with-react-part-2-be7eb1a7335d

[65] Стилизация Angular приложений с помощью Bootstrap: https://www.smashingmagazine.com/2019/02/angular-application-bootstrap/

[66] Реактивное восстановление положения прокрутки с помощью RxJS: https://blog.angularindepth.com/reactive-scroll-position-restoration-with-rxjs-792577f842c

[67] Обнаружение NSFW контента на стороне клиента через Tensorflow JS: https://shift.infinite.red/avoid-nightmares-nsfw-js-ab7b176978b1

[68] Изучайте, проектируйте или документируйте кодовую базу, помещая бредкамбы в исходный код: https://github.com/Bogdan-Lyashenko/codecrumbs

[69] В CERN запустили браузер интернета 90-х в честь 30-летия всемирной сети: https://tjournal.ru/tech/88482-v-cern-zapustili-brauzer-interneta-90-h-v-chest-30-letiya-vsemirnoy-seti

[70] «Яндекс» начал тестировать в мобильном «Яндекс.Браузере» публичные чаты с людьми поблизости: https://vc.ru/services/59242-yandeks-nachal-testirovat-v-mobilnom-yandeks-brauzere-publichnye-chaty-s-lyudmi-poblizosti

[71] 31% дополнений к Chrome используют библиотеки с известными уязвимостями: http://www.opennet.ru/opennews/art.shtml?num=50192

[72] Microsoft Edge втайне разрешает Facebook использовать Flash-контент: https://xakep.ru/2019/02/21/edge-white-list/

[73] В Firefox появится режим картинка в картинке и переработанный менеджер дополнений: http://www.opennet.ru/opennews/art.shtml?num=50200

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

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

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

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