Медиа | Веб-разработка | 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.
Комментарии (10)
i360u
18.09.2018 13:24А можно поинтересоваться, по какому принципу формируются подборки? Я бы с удовольствием читал подборку лучших материалов и не тратил бы время на изучение ленты, но мне часто попадаются интересные статьи, которые в дайджест не попали и наоборот, в дайджесте часто присутствуют ссылки на спорные по качеству материалы… Насколько я вижу, статьи берутся не на основании их рейтинга. Так на каком?
alexzfort Автор
18.09.2018 15:02Дайджесты составляются по материалам из десятка разных источников (социальные сети, rss, почтовые рассылки, чаты, агрегаторы, тематические подборки), которые собираются в течении недели на свое субъективное усмотрение. Иногда присылают ссылки в личку (что приветствуется). Обязательное условие — возраст материала не больше недели. Что касается спорных материалов, то такое стараемся минимизировать, но сложно быть глубоко в теме всех технологий, поэтому иногда не прокатывает :) Если в комментариях или личке пишут, что статья — откровенная дичь, то ссылку сразу удаляем.
Gargo
20.09.2018 10:00вот не надо только пиарить фигню под названием vuesax — название отлично отражает его суть.
Автор все явные баги списывает на то, что readme старый и что в браузере конечного пользователя нужно просить отключать кеширование:
github.com/lusaxweb/vuesax/issues/137
github.com/lusaxweb/vuesax/issues/138alexzfort Автор
20.09.2018 10:01Мы не пиарим, мы информируем. В том числе и благодаря вашим коментариям, спасибо
CoolWolf
Понедельник. Проснулся утром. По привычке, не вылезая из кровати, залез с телефона на хабр. Хотел прочитать дайджест. Дайджеста не обнаружил. Сильно волновался. Теперь спокоен.
Спасибо! :)
alexzfort Автор
Всегда пожалуйста :)
DuDDiTs
Тоже самое, и так уже вторую неделю в подряд. Совсем уже было пригорюнился, но нет — Вы снова с нами и спасибо вам за вашу работу!)
alexzfort Автор
До следующего года отпусков не предвидится, так что перерывов пока больше не намечается :)