Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №138: 17 сентября 2018: 10 лет Chrome, кому нужен URL, что такое каскад, курсор на кнопках, микробенчмаркинг, DOM в воркерах, JS 2018
• Подкаст «Weekly Vue»: Weekly Vue #3, Weekly Vue #4
• Подкаст «Frontend Weekend» #69 – Руслан Каймаков о том, как построить карьеру руководителя в мире разработки, #70 – Глеб Михеев о развитии собственного production-агентства и подготовке Frontend Conf
• Подкаст «Пятиминутка React» #47 — Elm 0.19
• Подкаст «Девшахта/Ночной фронтенд »: 49: Vue.js 2,5 года в продакшене — полёт нормальный, 50: В гостях питонист: как и зачем погружаться в Python
• Подкаст «Фронтенд Юность (18+)» #63 Что же стало с WSD
• Подкаст «CSSSR», Новости 512 — Выпуск №21 (10.09 — 16.09)
• Видеоблог Вадима Макеева: №1. Пилот, разборы, ответы и лайвы, №2. CSS-Minsk-JS, митапы, будущее фронтенда и главная страница
•
BEM'a не должно существовать
•
Использование SVG с Media Queries
• HTML элементы, собирайтесь! Способности Вольтрона в контексте комбинации элементов
• iOS CSS of death
• Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры)
• Улучшенные эффекты с режимом смешивания фоновых слоев в CSS
• Поле загрузки файлов, которое мы заслужили
• Плохой, зато свой: как написать по-настоящему ужасный CSS
• Никто не знает CSS: специфичность — не каскад
• Новое в Chrome 69: создаем круговой индикатор прогресса с помощью конических градиентов
• Как использовать функции 2D трансформации в CSS
• Введение в Trashy.css — простой способ обзора структуры страницы
• Полное руководство по CSS Scroll Snap
• Отказ от CSS — это про исключение, а не технология
• :empty и :blank
• Создание скользящего эффекта с помощью position sticky
• Рекурсия для неискушённых
• Фундаментальные принципы объектно-ориентированного программирования на JavaScript
• State Of JavaSript 2018, свежий опрос среди JS разработчиков о состоянии индустрии
• Празднование 10 лет V8
• Удаление jQuery из фронтенда GitHub.com
• 12 вещей, которые вам нужно учитывать при оценке любой новой библиотеки JavaScript
• Я создал одно и то же приложение на React и Vue. Часть 2: Angular
• 100% правильный способ разделять ваш код на части с помощью Webpack
• Линтинг Javascript и форматирование с помощью ESLint, Prettier и Airbnb
• Что делает ReasonML таким клевым?
• Всплытие в современном JavaScript — let, const и var
• Режим картинка в картинке в Chrome 69
• Google хочет убить URL
• Вышел Firefox 62: новые инструменты безопасности и интерфейс настроек, а также технические детали для разработчиков в блоге Марата Таналина
• Вышел Chrome 69 с новым дизайном, улучшенным менеджером паролей и омнибоксом
• Браузеру Chrome исполнилось 10 лет
• Microsoft попробовала более агрессивный способ продвижения Edge
• Google отменил скрытие поддоменов «www» и «m», но намерен стандартизировать их особый статус
• В Firefox появится поддержка перевода страниц при помощи Google Translate
• Chrome 70 beta: shape detection, web authentication и многое другое
• Внутренний взгляд на современный веб-браузер: Часть 1, Часть 2
• Редизайн Chrome: интервью с ведущим дизайнером Chrome
• Python тоже частично отказывается от терминов master/slave
• Компилятор Glow от Facebook получил поддержку от Intel, Marvell и Qualcomm
• Google открыла API Google Photos для сторонних разработчиков
• Не так важна персона, как её данные!
• Сентябрьский рейтинг языков программирования от TIOBE: Python впервые попал на 3 место
• Как перестать бесить коллег-разработчиков
• Какие типичные ошибки в программировании совершают новички — отвечают эксперты
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «Веб-стандарты», Выпуск №138: 17 сентября 2018: 10 лет Chrome, кому нужен URL, что такое каскад, курсор на кнопках, микробенчмаркинг, DOM в воркерах, JS 2018•
Подкаст «Weekly Vue»: Weekly Vue #3, Weekly Vue #4•
Подкаст «Frontend Weekend» #69 – Руслан Каймаков о том, как построить карьеру руководителя в мире разработки, #70 – Глеб Михеев о развитии собственного production-агентства и подготовке Frontend Conf•
Подкаст «Пятиминутка React» #47 — Elm 0.19•
Подкаст «Девшахта/Ночной фронтенд »: 49: Vue.js 2,5 года в продакшене — полёт нормальный, 50: В гостях питонист: как и зачем погружаться в Python•
Подкаст «Фронтенд Юность (18+)» #63 Что же стало с WSD•
Подкаст «CSSSR», Новости 512 — Выпуск №21 (10.09 — 16.09)•
Видеоблог Вадима Макеева: №1. Пилот, разборы, ответы и лайвы, №2. CSS-Minsk-JS, митапы, будущее фронтенда и главная страница 
Веб-разработка
•
BEM'a не должно существовать•
Использование SVG с Media Queries•
HTML элементы, собирайтесь! Способности Вольтрона в контексте комбинации элементов- Производительность:
• Оптимизация графики для веба: самое важное
• Улучшаем клиентскую производительность. Шпаргалка-руководство по основным методам оптимизации
• Чеклист загрузки шрифтов
- Tools:
• В расширение GitHub для Atom добавили новые функции pull-запросов
• GitHub Pull Requests в Visual Studio Code
• 
6 советов по VSCode Tips… за 60 секунд (by Paul Lewis)
- Accessibility:
• Самый простой способ сохранять доступность ваших веб-приложений: просто используйте текст
• Как вы делаете разметку для аккордиона?
• Важность ручного тестирования доступности
• Кастомизация radio-кнопок без отказа от их доступности
CSS
•
iOS CSS of death•
Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры)•
Улучшенные эффекты с режимом смешивания фоновых слоев в CSS•
Поле загрузки файлов, которое мы заслужили•
Плохой, зато свой: как написать по-настоящему ужасный CSS• Никто не знает CSS: специфичность — не каскад
•
Новое в Chrome 69: создаем круговой индикатор прогресса с помощью конических градиентов•
Как использовать функции 2D трансформации в CSS•
Введение в Trashy.css — простой способ обзора структуры страницы•
Полное руководство по CSS Scroll Snap•
Отказ от CSS — это про исключение, а не технология•
:empty и :blank•
Создание скользящего эффекта с помощью position sticky
JavaScript
• Рекурсия для неискушённых
• Фундаментальные принципы объектно-ориентированного программирования на JavaScript
•
State Of JavaSript 2018, свежий опрос среди JS разработчиков о состоянии индустрии•
Празднование 10 лет V8•
Удаление jQuery из фронтенда GitHub.com•
12 вещей, которые вам нужно учитывать при оценке любой новой библиотеки JavaScript•
Я создал одно и то же приложение на React и Vue. Часть 2: Angular•
100% правильный способ разделять ваш код на части с помощью Webpack•
Линтинг Javascript и форматирование с помощью ESLint, Prettier и Airbnb•
Что делает ReasonML таким клевым?•
Всплытие в современном JavaScript — let, const и var
VueJS:
• Как создать SPA с помощью Vue.js
• Создание VueJS приложений с TypeScript
• Структура кода универсального приложения в Nuxt.js
• Vuesax — новый компонентный фреймворк для Vue.js 2
• Ленивая загрузка изображений с директивами Vue.js и IntersectionObserver
VueJS:
React:
• Удобный способ тестирования React-компонентов
• React, Webpack и Babel с нуля
• Введение в использование элементы форм в React
• Как имплементировать лучший Drag and Drop в вашем React приложении
React:
Angular:
• Справочник по Angular 6: Шаблоны, Ядро
• Прокачиваем веб с помощью PWA. Progressive Web Apps + Angular = love
• Руководство по Angular 6: новые функции с новыми мощностями
• Сравнение Angular и React, а также языков их ядер
Angular:- Libs & Plugins:
• low.js — Node.JS порт для встроенных устройств
• sqorn — Javascript библиотека для построения SQL запросов
Браузеры
•
Режим картинка в картинке в Chrome 69•
Google хочет убить URL • Вышел Firefox 62: новые инструменты безопасности и интерфейс настроек, а также технические детали для разработчиков в блоге Марата Таналина
• Вышел Chrome 69 с новым дизайном, улучшенным менеджером паролей и омнибоксом
• Браузеру Chrome исполнилось 10 лет
• Microsoft попробовала более агрессивный способ продвижения Edge
• Google отменил скрытие поддоменов «www» и «m», но намерен стандартизировать их особый статус
• В Firefox появится поддержка перевода страниц при помощи Google Translate
•
Chrome 70 beta: shape detection, web authentication и многое другое•
Внутренний взгляд на современный веб-браузер: Часть 1, Часть 2•
Редизайн Chrome: интервью с ведущим дизайнером Chrome
Занимательное
• Python тоже частично отказывается от терминов master/slave
• Компилятор Glow от Facebook получил поддержку от Intel, Marvell и Qualcomm
• Google открыла API Google Photos для сторонних разработчиков
• Не так важна персона, как её данные!
• Сентябрьский рейтинг языков программирования от TIOBE: Python впервые попал на 3 место
• Как перестать бесить коллег-разработчиков
• Какие типичные ошибки в программировании совершают новички — отвечают эксперты
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
