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

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

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

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

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

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

• podcast Подкаст «CSSSR» Новости 512 — Выпуск №40 (25.02 — 03.03) [7]
• video На митап! #1: запись докладов [8]. Материалы по итогам первой встречи в онлайн-формате, организованной HTML Academy
• video Видеоблог Вадима Макеева: «15. Лайв с ответами „ [9]
• video Турнир: “Лучшая JS-фича 2018» (ЧАСТЬ 4 — ФИНАЛ!) [10]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №354 (25 февраля — 3 марта 2019) - 7 Веб-разработка

• habr Качество кода [11]. Расшифровка доклада Ивана Ботанова с Frontend Conf, где он говорит о читаемости, нейминге, декларативности, Code style и отношениях между джунами и лидами
• habr Тестировать верстку? Легко [12]
• en Переработка портфолио, часть 1: анимация, микровзаимодействия и SVG [13]
• en Генераторы статических сайтов: руководство для начинающих [14]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №354 (25 февраля — 3 марта 2019) - 23 CSS

• Как работает @supports [28]
• en Адаптивный дизайн и пользовательские свойства CSS: определение переменных и брейкпоинтов [29]
• en Ментальная модель CSS [30]. Новая статья PPK, в которой он пытается объяснить философию CSS разработчикам Javascript
• en Рабочая группа CSS согласилась добавить множество математических функций, среди которых acos(), asin(), atan(), hypot(), sqrt() и многие другие [31]
• en Breaking Boxes With CSS Fragmentation [32]. Свежая статья Rachel Andrew о новой спецификации CSS
• en Воссоздание градиентного эффекта Facebook Messenger с помощью CSS [33]
• en Детальный обзор принципов работы CSS селекторов + шпаргалка [34]
• en Менее известные CSS свойства в GIF [35]
• en 8 маленьких видео о редакторе Shape Path Editor в Firefox [36]
• en Победят ли пользовательские свойства CSS циклы Sass? [37]
• en Смотри-ка, никаких медиа-запросов! Адаптивные макеты с использованием CSS Grid [38]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №354 (25 февраля — 3 марта 2019) - 34 JavaScript

• habr Wolfensteiny 3D — реверс-инжиниринг 251 байтов JavaScript [39]
• Google запускает серию видео на тему SEO для JavaScript [40]
• FunES#9: загадка [41]. Фокусы с JavaScript
• en Релизы: Apollo Client 2.5 [42], Ember 3.8 [43], GSAP 2.1 [44]
• en Как писать простые современные JavaScript-приложения с использованием Webpack и прогрессивных веб-технологий [45]
• en Понимание проблемы производительноти с “полиморфическими” JSON данными [46]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №354 (25 февраля — 3 марта 2019) - 65 Браузеры

• 0Day-уязвимость в Chrome используется для кражи данных [72]
• Сторожевой лис. Как настроить Firefox для повышения приватности [73]
• В Firefox 67 появится страница about:compat и выгрузка вкладок при нехватке памяти [74]
• Google ускоряет Chrome с новой функцией кэширования открытых страниц [75]
• В Firefox появится режим картинка в картинке и переработанный менеджер дополнений [76]
• en Хром больше не нужен [77]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №354 (25 февраля — 3 марта 2019) - 67 Занимательное

• Google открыла регистрацию доменов в зоне .dev для всех желающих [78]
• Нейросеть научили подделывать голоса [79]
• «Нашумевшая китайская система социального рейтинга на практике далека от новых технологий» [80]
• Самые значимые события в отрасли искусственного интеллекта в 2018 году [81]
• Узнаете ли вы язык программирования по коду для «Hello, World!» — тест по экзотическим языкам [82]
• Компания Mozilla опубликовала голосовые данные Common Voice [83]
• Линус Торвальдс не верит, что серверы на ARM-архитектуре заменят x86. «Продавать 64-битную модель — идиотизм» [84]
• Новые языки программирования незаметно убивают нашу связь с реальностью [85]


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

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

Автор: alexzfort

Источник [89]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Новости 512 — Выпуск №40 (25.02 — 03.03) : https://soundcloud.com/csssr/novosti-512-vypusk-40-2502-0303

[8] На митап! #1: запись докладов: https://htmlacademy.ru/blog/397-ha-meetup-1

[9] «15. Лайв с ответами „: https://www.youtube.com/watch?v=R3JDaQ4OGSM

[10] Турнир: “Лучшая JS-фича 2018» (ЧАСТЬ 4 — ФИНАЛ!): https://www.youtube.com/watch?v=dSYANcTqvb0

[11] Качество кода: https://habr.com/ru/company/oleg-bunin/blog/433326/

[12] Тестировать верстку? Легко: https://habr.com/ru/company/alfa/blog/441674/

[13] Переработка портфолио, часть 1: анимация, микровзаимодействия и SVG: https://stephaniewalter.design/blog/portfolio-rework-part-1-animation-micro-interaction-svg/

[14] Генераторы статических сайтов: руководство для начинающих: https://www.sitepoint.com/static-site-generators/

[15] Google: скорость загрузки на мобильных должна быть постоянным приоритетом: https://www.searchengines.ru/mobile-speed-priority.html

[16] Для иллюзии быстрой загрузки страниц: правила создания скелетного экрана на сайтах и в приложениях: https://vc.ru/design/59939-dlya-illyuzii-bystroy-zagruzki-stranic-pravila-sozdaniya-skeletnogo-ekrana-na-saytah-i-v-prilozheniyah

[17] A Bit of Performance: https://www.kizu.ru/a-bit-of-performance/

[18] Serve Responsive Images: https://web.dev/fast/serve-responsive-images

[19] Когда кнопка — не кнопка?: https://www.smashingmagazine.com/2019/02/buttons-interfaces/

[20] Доступность не является «проблемой React»: https://www.netlify.com/blog/2019/02/25/accessibility-is-not-a-react-problem/

[21] Web Accessibility Guide: https://webaccessibility.guide/

[22] Практики обеспечения доступности для компонентов с выбором даты: https://a11ywins.tumblr.com/post/182992115383/aria-authoring-practices-on-accessible-date

[23] Анализ доступности домашних страниц 1.000.000 сайтов: https://webaim.org/projects/million/

[24] Использование искусственного интеллекта для создания альтернативного текста на изображениях: https://css-tricks.com/using-artificial-intelligence-to-generate-alt-text-on-images/

[25] Эффекты фильтрации SVG. Часть 7. Продвижение вперед: https://habr.com/en/post/442004/

[26] SVG Filter Effects: двигаемся дальше: https://tympanus.net/codrops/2019/02/26/svg-filter-effects-moving-forward/

[27] Text Trail Effect: https://tympanus.net/codrops/2019/02/27/text-trail-effect/

[28] Как работает @supports: https://medium.com/web-standards/supports-92dba6de7ae7

[29] Адаптивный дизайн и пользовательские свойства CSS: определение переменных и брейкпоинтов: https://css-tricks.com/responsive-designs-and-css-custom-properties-defining-variables-and-breakpoints/

[30] Ментальная модель CSS: https://www.quirksmode.org/blog/archives/2019/02/css_for_javascr_1.html

[31] Рабочая группа CSS согласилась добавить множество математических функций, среди которых acos(), asin(), atan(), hypot(), sqrt() и многие другие: https://twitter.com/bdc/status/1100921258839953408

[32] Breaking Boxes With CSS Fragmentation: https://www.smashingmagazine.com/2019/02/css-fragmentation/

[33] Воссоздание градиентного эффекта Facebook Messenger с помощью CSS: https://css-tricks.com/recreating-the-facebook-messenger-gradient-effect-with-css/

[34] Детальный обзор принципов работы CSS селекторов + шпаргалка: https://medium.com/design-code-repository/css-selectors-cheatsheet-details-9593bc204e3f

[35] Менее известные CSS свойства в GIF: https://www.designyourway.net/blog/css-html/lesser-known-css-properties-in-gifs/

[36] 8 маленьких видео о редакторе Shape Path Editor в Firefox: https://blog.bitsrc.io/8-little-videos-about-the-firefox-shape-path-editor-96a12c7cd3b6

[37] Победят ли пользовательские свойства CSS циклы Sass?: https://css-tricks.com/do-css-custom-properties-beat-sass-loops/

[38] Смотри-ка, никаких медиа-запросов! Адаптивные макеты с использованием CSS Grid: https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/

[39] Wolfensteiny 3D — реверс-инжиниринг 251 байтов JavaScript: https://habr.com/ru/post/441206/

[40] Google запускает серию видео на тему SEO для JavaScript: https://www.searchengines.ru/js-seo-2.html

[41] FunES#9: загадка: https://medium.com/@frontman/funes-9-%D0%B7%D0%B0%D0%B3%D0%B0%D0%B4%D0%BA%D0%B0-6f2a86799467

[42] Apollo Client 2.5: https://blog.apollographql.com/announcing-apollo-client-2-5-c12230cabbb7

[43] Ember 3.8: https://www.emberjs.com/blog/2019/02/27/ember-3-8-released.html

[44] GSAP 2.1: https://greensock.com/2-1

[45] Как писать простые современные JavaScript-приложения с использованием Webpack и прогрессивных веб-технологий: https://medium.freecodecamp.org/how-to-write-simple-modern-javascript-apps-with-webpack-and-progressive-web-techniques-a30354eab214

[46] Понимание проблемы производительноти с “полиморфическими” JSON данными: https://medium.com/wolfram-developers/understanding-a-performance-issue-with-polymorphic-json-data-e7e4cd079be0

[47] 5 советов как лучше писать условные конструкции в JavaScript: https://medium.com/@stasonmars/5-%D1%81%D0%BE%D0%B2%D0%B5%D1%82%D0%BE%D0%B2-%D0%BA%D0%B0%D0%BA-%D0%BB%D1%83%D1%87%D1%88%D0%B5-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D1%83%D1%81%D0%BB%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D0%B8-%D0%B2-javascript-236b31ecf299

[48] 12 концепций JavaScript, о которых нужно знать: https://habr.com/en/company/ruvds/blog/441566/

[49] Полное руководство по циклам в JavaScript: https://medium.freecodecamp.org/the-complete-guide-to-loops-in-javascript-f5e242921d8c

[50] Какая наиболее длинная последовательность ключевых слов в Javascript?: https://gist.github.com/lhorie/c0d9fd9b2aa215f4984f3ce1c8fd01bf

[51] Полное руководство по коллбекам: https://itnext.io/the-definitive-guide-to-callbacks-in-javascript-44a39c065292

[52] Эффективное создание компонентов с помощью styled system: https://habr.com/en/post/441790/

[53] Мы перешли на Next.js, чтобы обрабатывать нашу домашнюю страницу в 7,5 раз быстрее: https://www.manifold.co/blog/we-migrated-to-next-js-to-serve-our-home-page-7-5-faster-559443219c84

[54] Повышение производительности в функциональных компонентах React с помощью React.memo (): https://blog.bitsrc.io/improve-performance-in-react-functional-components-using-react-memo-b2e80c11e15a

[55] Как «золотое правило» компонентов React может помочь вам писать лучший код: https://medium.freecodecamp.org/how-the-golden-rule-of-react-components-can-help-you-write-better-code-127046b478eb

[56] Написание тестов для React-приложений с использованием Jest и Enzyme: https://css-tricks.com/writing-tests-for-react-applications-using-jest-and-enzyme/

[57] Объяснение Redux-а за 1 минуту: https://poet.codes/e/KMXQEO2gquN

[58] 8 причин использовать styled-components: https://blog.logrocket.com/8-reasons-to-use-styled-components-cf3788f0bb4d

[59] Повышаем производительность разработки на примере Vue — часть 2: https://habr.com/ru/post/442344/

[60] Оптимизация производительности приложения Vue.js, часть 1: Введение в оптимизацию производительности и ленивую загрузку: https://medium.com/@KucherDev/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-vue-js-41156e36bfc9

[61] Sliding In And Out Of Vue.js: https://www.smashingmagazine.com/2019/02/vue-framework-third-party-javascript/

[62] Создание пользовательских директив в Vue.js: https://medium.com/js-dojo/creating-custom-directives-in-vue-js-286142392fd8

[63] Еще один пример абстрактного компонента в Vue.js: https://medium.com/js-dojo/one-more-example-of-abstract-component-in-vue-js-6e80293f7a38

[64] MVC в мире Angular : https://scotch.io/tutorials/mvc-in-an-angular-world

[65] Анонс Angular Loadable (ngx-loadable ~ 2.2kB): https://medium.com/@zamamohammed/announcing-angular-loadable-ngx-loadable-2-2kb-4ef7e6321784

[66] Как передавать файлы и данные между клиентом на Angular и бекендом на Node.js: https://www.twilio.com/blog/transfer-files-data-javascript-applications-angular-node-js

[67] FrenchKiss.js : https://github.com/koala-interactive/frenchkiss.js

[68] terser: https://github.com/terser-js/terser

[69] cnbuilder: https://github.com/xobotyi/cnbuilder

[70] Zero Server: zero configuration web framework: https://zeroserver.io/

[71] npmf: быстро подтягивает информацию об npm пакете прямо в терминал: https://github.com/rousan/npmf

[72] 0Day-уязвимость в Chrome используется для кражи данных: https://www.securitylab.ru/news/498157.php

[73] Сторожевой лис. Как настроить Firefox для повышения приватности: https://xakep.ru/2019/03/01/watchfox/

[74] В Firefox 67 появится страница about:compat и выгрузка вкладок при нехватке памяти: http://www.opennet.ru/opennews/art.shtml?num=50231

[75] Google ускоряет Chrome с новой функцией кэширования открытых страниц: https://itc.ua/news/google-uskoryaet-chrome-s-novoy-funktsiey-keshirovaniya-otkryityih-stranits/

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

[77] Хром больше не нужен: https://redalemeden.com/blog/2019/we-need-chrome-no-more

[78] Google открыла регистрацию доменов в зоне .dev для всех желающих: https://itc.ua/news/google-otkryila-registratsiyu-domenov-v-zone-dev-dlya-vseh-zhelayushhih/

[79] Нейросеть научили подделывать голоса: https://itc.ua/blogs/neyroset-nauchili-poddelyivat-golosa/

[80] «Нашумевшая китайская система социального рейтинга на практике далека от новых технологий»: https://itc.ua/blogs/nashumevshaya-kitayskaya-sistema-sotsialnogo-reytinga-na-praktike-daleka-ot-novyih-tehnologiy/

[81] Самые значимые события в отрасли искусственного интеллекта в 2018 году: https://vc.ru/future/59240-samye-znachimye-sobytiya-v-otrasli-iskusstvennogo-intellekta-v-2018-godu

[82] Узнаете ли вы язык программирования по коду для «Hello, World!» — тест по экзотическим языкам: https://tproger.ru/quiz/esoteric-languages-quiz/

[83] Компания Mozilla опубликовала голосовые данные Common Voice: http://www.opennet.ru/opennews/art.shtml?num=50229

[84] Линус Торвальдс не верит, что серверы на ARM-архитектуре заменят x86. «Продавать 64-битную модель — идиотизм» : https://habr.com/ru/post/441664/

[85] Новые языки программирования незаметно убивают нашу связь с реальностью : https://habr.com/ru/post/442112/

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

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

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

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