Дайджест свежих материалов из мира фронтенда за последние две недели №330 (3 — 16 сентября 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Выпуск №138: 17 сентября 2018: https://soundcloud.com/web-standards/episode-138

[8] Weekly Vue #3: https://soundcloud.com/dmitry-zlygin/weekly-vue-3

[9] Weekly Vue #4: https://soundcloud.com/dmitry-zlygin/weekly-vue-4

[10] #69 – Руслан Каймаков: https://soundcloud.com/frontend-weekend/fw-69

[11] #70 – Глеб Михеев: https://soundcloud.com/frontend-weekend/fw-70

[12] #47 — Elm 0.19: https://soundcloud.com/5minreact/47-elm-019

[13] 49: Vue.js 2,5 года в продакшене — полёт нормальный: https://soundcloud.com/devschacht/devschacht-49

[14] 50: В гостях питонист: как и зачем погружаться в Python: https://soundcloud.com/devschacht/devschacht-50

[15] #63 Что же стало с WSD: https://soundcloud.com/frontend_u/e63

[16] Новости 512 — Выпуск №21 (10.09 — 16.09): https://soundcloud.com/csssr/novosti-512-vypusk-21-1009-1609

[17] №1. Пилот, разборы, ответы и лайвы: https://www.youtube.com/watch?v=neHA4MJwpnY

[18] №2. CSS-Minsk-JS, митапы, будущее фронтенда и главная страница: https://www.youtube.com/watch?v=A2O_TbS5TKw&feature=youtu.be

[19] BEM'a не должно существовать: https://habr.com/post/422537/

[20] Использование SVG с Media Queries: https://www.sitepoint.com/using-svg-with-media-queries/

[21] HTML элементы, собирайтесь! Способности Вольтрона в контексте комбинации элементов: https://css-tricks.com/html-elements-unite-the-voltron-like-powers-of-combining-elements/

[22] Оптимизация графики для веба: самое важное: https://habr.com/post/422531/

[23] Улучшаем клиентскую производительность: https://tj.ie/improving-client-side-performance/

[24] Чеклист загрузки шрифтов: https://www.zachleat.com/web/font-checklist/

[25] В расширение GitHub для Atom добавили новые функции pull-запросов: https://tproger.ru/news/github-atom-improvements/

[26] GitHub Pull Requests в Visual Studio Code: https://code.visualstudio.com/blogs/2018/09/10/introducing-github-pullrequests

[27] 6 советов по VSCode Tips… за 60 секунд: https://www.youtube.com/watch?v=h_jWotbLUEA&feature=youtu.be

[28] Самый простой способ сохранять доступность ваших веб-приложений: просто используйте текст: https://blog.logrocket.com/the-easiest-way-to-keep-your-web-apps-accessible-c2b57506cc2a

[29] Как вы делаете разметку для аккордиона?: https://www.sarasoueidan.com/blog/accordion-markup/

[30] Важность ручного тестирования доступности: https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/

[31] Кастомизация radio-кнопок без отказа от их доступности: https://www.chenhuijing.com/blog/customise-radios-without-compromising-accessibility/

[32] iOS CSS of death: https://habr.com/post/423411/

[33] Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры): https://habr.com/company/poiskvps/blog/422487/

[34] Улучшенные эффекты с режимом смешивания фоновых слоев в CSS: https://habr.com/company/poiskvps/blog/423115/

[35] Поле загрузки файлов, которое мы заслужили: https://habr.com/post/423035/

[36] Плохой, зато свой: как написать по-настоящему ужасный CSS: https://habr.com/company/skillbox/blog/422897/

[37] Никто не знает CSS: специфичность — не каскад: http://css-live.ru/css/nikto-ne-znaet-css-specifichnost-ne-kaskad.html

[38] Новое в Chrome 69: создаем круговой индикатор прогресса с помощью конических градиентов: https://blog.logrocket.com/new-in-chrome-69-building-progress-doughnut-charts-with-conical-gradients-356820b1d081

[39] Как использовать функции 2D трансформации в CSS: https://www.sitepoint.com/how-to-use-2d-transformation-functions-in-css/

[40] Введение в Trashy.css: https://css-tricks.com/introducing-trashy-css/

[41] Полное руководство по CSS Scroll Snap: https://newinweb.com/2018/09/06/css-scroll-snap/

[42] Отказ от CSS — это про исключение, а не технология: https://zendev.com/2018/09/11/css-dismissal-is-about-exclusion-not-technology.html

[43] :empty и :blank: https://zellwk.com/blog/empty-and-blank/

[44] Создание скользящего эффекта с помощью position sticky: https://css-tricks.com/creating-sliding-effects-using-sticky-positioning/

[45] Рекурсия для неискушённых: http://blog.csssr.ru/2018/09/06/recursion

[46] Фундаментальные принципы объектно-ориентированного программирования на JavaScript: https://tproger.ru/translations/oop-js-fundamentals/

[47] State Of JavaSript 2018: https://stateofjs.com/

[48] Празднование 10 лет V8: https://v8project.blogspot.com/2018/09/10-years.html

[49] Удаление jQuery из фронтенда GitHub.com: https://githubengineering.com/removing-jquery-from-github-frontend/

[50] 12 вещей, которые вам нужно учитывать при оценке любой новой библиотеки JavaScript: https://medium.freecodecamp.org/the-12-things-you-need-to-consider-when-evaluating-any-new-javascript-library-3908c4ed3f49

[51] Я создал одно и то же приложение на React и Vue. Часть 2: Angular: https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-part-2-angular-39b1aa289878

[52] 100% правильный способ разделять ваш код на части с помощью Webpack: https://hackernoon.com/the-100-correct-way-to-split-your-chunks-with-webpack-f8a9df5b7758

[53] Линтинг Javascript и форматирование с помощью ESLint, Prettier и Airbnb: https://medium.com/@joshuacrass/javascript-linting-and-formatting-with-eslint-prettier-and-airbnb-30eb746db862

[54] Что делает ReasonML таким клевым?: https://blog.logrocket.com/what-makes-reasonml-so-great-c2c2fc215ccb

[55] Всплытие в современном JavaScript — let, const и var: https://blog.bitsrc.io/hoisting-in-modern-javascript-let-const-and-var-b290405adfda

[56] Как создать SPA с помощью Vue.js: https://itnext.io/how-to-build-spa-with-vue-js-b431255418c2

[57] Создание VueJS приложений с TypeScript: https://dev.to/georgehanson/building-vuejs-applications-with-typescript-1j2n

[58] Структура кода универсального приложения в Nuxt.js: https://medium.com/@krutie/universal-application-code-structure-in-nuxt-js-4cd014cc0baa

[59] Vuesax: https://lusaxweb.github.io/vuesax/

[60] Ленивая загрузка изображений с директивами Vue.js и IntersectionObserver: https://itnext.io/lazy-loading-images-with-vue-js-directives-and-intersectionobserver-d0eb390cad9

[61] Удобный способ тестирования React-компонентов: https://habr.com/post/421647/

[62] React, Webpack и Babel с нуля: https://medium.com/@joshuacrass/react-webpack-and-babel-from-scratch-7aea5e768945

[63] Введение в использование элементы форм в React: https://medium.com/@rossbulat/an-introduction-to-using-form-elements-in-react-3778042ff334

[64] Как имплементировать лучший Drag and Drop в вашем React приложении: https://blog.bitsrc.io/implement-better-drag-and-drop-in-your-react-app-beafc4451599

[65] Шаблоны: https://ngrefs.com/en/v6/templates/intro

[66] Ядро: https://ngrefs.com/en/v6/core/intro

[67] Прокачиваем веб с помощью PWA: https://medium.com/blogyuxiglobal/rocking-the-web-with-pwa-8fa3ccc482e

[68] Руководство по Angular 6: новые функции с новыми мощностями: https://www.toptal.com/angular/angular-6-tutorial-new-features-power

[69] Сравнение Angular и React, а также языков их ядер: https://medium.freecodecamp.org/a-comparison-between-angular-and-react-and-their-core-languages-9de52f485a76

[70] low.js: http://www.lowjs.org/

[71] sqorn: https://github.com/lusakasa/sqorn

[72] Режим картинка в картинке в Chrome 69: https://habr.com/post/422955/

[73] Google хочет убить URL : https://habr.com/post/422895/

[74] Вышел Firefox 62: новые инструменты безопасности и интерфейс настроек: https://tproger.ru/news/firefox-62/

[75] технические детали для разработчиков в блоге Марата Таналина: http://tanalin.com/blog/2018/09/firefox-62/

[76] Вышел Chrome 69 с новым дизайном, улучшенным менеджером паролей и омнибоксом: https://tproger.ru/news/chrome-69-released/

[77] Браузеру Chrome исполнилось 10 лет: http://www.opennet.ru/opennews/art.shtml?num=49217

[78] Microsoft попробовала более агрессивный способ продвижения Edge: http://www.wincore.ru/windows-news/7013-microsoft-poprobovala-bolee-agressivnyy-sposob-prodvizheniya-edge.html

[79] Google отменил скрытие поддоменов «www» и «m», но намерен стандартизировать их особый статус: http://www.opennet.ru/opennews/art.shtml?num=49281

[80] В Firefox появится поддержка перевода страниц при помощи Google Translate: http://www.opennet.ru/opennews/art.shtml?num=49247

[81] Chrome 70 beta: shape detection, web authentication и многое другое: https://blog.chromium.org/2018/09/chrome-70-beta-shape-detection-web.html

[82] Часть 1: https://developers.google.com/web/updates/2018/09/inside-browser-part1

[83] Часть 2: https://developers.google.com/web/updates/2018/09/inside-browser-part2

[84] Редизайн Chrome: интервью с ведущим дизайнером Chrome: https://www.blog.google/products/chrome/redesigning-chrome-interview-chromes-lead-designer/

[85] Python тоже частично отказывается от терминов master/slave: https://habr.com/post/423057/

[86] Компилятор Glow от Facebook получил поддержку от Intel, Marvell и Qualcomm: https://tproger.ru/news/glow-facebook/

[87] Google открыла API Google Photos для сторонних разработчиков: https://tproger.ru/news/google-photos-library-api-released/

[88] Не так важна персона, как её данные!: https://www.computerra.ru/230906/ne-tak-vazhna-persona-kak-eyo-dannye/

[89] Сентябрьский рейтинг языков программирования от TIOBE: Python впервые попал на 3 место: https://tproger.ru/news/tiobe-sept2018-python-top3/

[90] Как перестать бесить коллег-разработчиков: https://tproger.ru/translations/dont-be-a-bad-guy/

[91] Какие типичные ошибки в программировании совершают новички — отвечают эксперты: https://tproger.ru/experts/typical-newbie-mistakes/

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

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

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

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

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