- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | Javascript [4] | Браузеры [5]
• Подкаст «Фронтенд Юность (18+)» #84 Каждый из нас видал пострашнее [6]
• Видеоблог Вадима Макеева: «13. Лайв с ответами» [7], 14. Кастомные чекбоксы правильно [8]
• MinskJS Meetup #5 — 3 видео [9]
• Разработка под WebAssembly: реальные грабли и примеры [10]
• Удобный БЭМ [11]
• AMP и Турбо-страницы: плюсы, минусы и результаты внедрения [12]
• AMP способствует повышению органического трафика из поиска – исследование [13]
• 30 необходимых практик для написания современного и эффективного HTML5 [14]
• Слайды Александры Шинкевич с внутреннего МК про тестирование фронтенда для разработчиков [15]
• Try GraphQL! Интерактивное руководство по GraphQL [16]
• Почему я пишу CSS в JavaScript [31]
• Рисование на чистом CSS [32]. Топ 5 CSS свойств, на которые я полагаюсь при создании CSS искусства
• JS-in-CSS [33] — ворклет, который будет создан прямо из CSS (в рамках эксперимента CSS HOUDINI)
• 21 способ оптимизировать ваш CSS и ускорить ваш сайт [34]
• Как работает @supports [35]
• Правильное использование CSS Grid [36]
• Автоматически выравнивающаяся сетка на Flexbox, совместимая с IE10 [37]
• Переменные CSS + calc () + rgb () = Обеспечение высокой контрастности цветов [38]
• CSS: FLIP-анимации [39]
• FunES#8: Math.pow не равно** [40]
• Манипуляции с DOM на чистом JavaScript [41]
• Введение в jQuery [42] (версия 2019 года)
• Полное руководство по функциям ES10 [43]
• Приоритеты загрузки JavaScript в Chrome [44]
• Разбор JavaScript-решений по общим алгоритмическим вопросам (часть 1) [45]
• 12 идей, которые улучшат ваши навыки JavaScript [46]
• XMLHttpRequest или Fetch API: что лучшее для Ajax в 2019-м? [47]
• В 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
Нажмите здесь для печати.