Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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
- React:
• Удобный способ тестирования React-компонентов
• React, Webpack и Babel с нуля
• Введение в использование элементы форм в React
• Как имплементировать лучший Drag and Drop в вашем React приложении
- Angular:
• Справочник по Angular 6: Шаблоны, Ядро
• Прокачиваем веб с помощью PWA. Progressive Web Apps + Angular = love
• Руководство по Angular 6: новые функции с новыми мощностями
• Сравнение Angular и React, а также языков их ядер
- 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.
Автор: alexzfort