Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №125: Все события до конца года и впечатления с pitercss_conf от организаторов
•
Подкаст «Веб-стандарты», Выпуск №124: Гитхаб продался, Safari в часах, доступные карточки, разная сложность кода, конец cssnext и будущее PostCSS.
•
Подкаст «Frontend Weekend» #57 – Михаил Башкиров о нюансах переезда в Нидерланды и причинах ухода из RadioJS
•
Подкаст «devschacht»: Ночной фронтенд #37 — Школа разработки интерфейсов Яндекса. Итоги.
•
Подкаст «Фронтенд Юность (18+)» #53 Как выйти замуж за программиста
•
Подкаст «Фронтенд Юность (18+)» #52 Как Райан Дал вашу ноду шатал
•
Подкаст «uWebDesign» [18+] Об ИТ-рынке в России по-чесноку — Суровый веб #169
•
«ALL YOUR HTML» #53: Декомпиляция сайта azarclub.fr, 2d анимация, + three.js с 2d канвас
•
DeltaV Conference London 2018
•
JSConf EU 2018, 12 видео
•
Frontend United 2018 — Utrecht, 27 видео
•
O'Reilly Fluent Conference 2018 — San Jose, California, 6 видео
•
Как выживать в изменяющемся мире разработки
•
Непоследовательное поведение изображений в вебе: как и когда браузеры загружают картинки
•
Что каждый разработчик должен знать про HTML для писем
•
Автоматизация создания шаблонов писем двумя способами: Snippets vs. Partials
•
Дополненная реальность в вебе
•
5 способов обработать формы на статических сайтах
•
Что такое CDN и как это работает
•
Взгляд с другой стороны: пять вещей, которые должен знать каждый адвокат о цифровой доступности
• Почему браузер читает CSS-селекторы справа налево
•
Новые (и старые) единицы в CSS, о которых вы никогда не слышали
•
Еще креативные паттерны для заполнения фона юникод символами
•
M o t u s — библиотека для анимации, которая имитирует CSS keyframes во время скроллинга
•
Прекращение работы над cssnext
• Функции-декораторы, которые можно написать с нуля
• 5 способов создать массив в JavaScript
•
Почти весь Office 365 переписан с помощью JS.
•
Интерактивная визуализация данных с помощью JavaScript и D3
•
Как работает JavaScript: движки хранилищ + как выбрать правильное API хранилища
•
JS не хуже, чем …
•
Как улучшить ваш процесс разработки с помощью консоли JavaScript
•
Основы JS движка: формы и встроенное кеширование
•
Отправка HTML форм с помощью JS фреймворков (Vue, React, Hyperapp)
• В Chrome будет прекращена поддержка установки дополнений по запросу сторонних сайтов
• Mozilla рассматривает возможность создания системы голосовой навигации для браузера
• 11 способов ускорить тормозящий Chrome
• В Firefox для iOS появилась возможность скачивать файлы
•
Пропущенный дедлайн, или почему больше половины компаний оказались не готовы к GDPR
• В США перестал действовать принцип сетевого нейтралитета
• Будущий генеральный директор GitHub Нэт Фридман ответил на вопросы пользователей Reddit о сделке с Microsoft
• В процессорах Intel обнаружена новая критическая уязвимость
• Наборы эксплоитов уже используют свежие баги во Flash и Internet Explorer
• Google открыла конструктор для создания приложений без навыков программирования
• Microsoft прекратит помогать пользователям Windows 7 и 8 на своих форумах
• Итоги E3 2018
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Веб-разработка
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Производительность:
•Приоритизация долговременной производительности
•О том, как ускоряли новую версию сайта scotch, добившись времени загрузки страницы 1s
•7 советов по производительности для плавной JavaScript анимации
•Базовый анализ сайта с помощью GTmetrix
•PageSpeed Insights: лучший инструмент для проверки производительности вашего сайта для Google Speed Update?
- Инструменты:
•Parcel v1.9.0 — Tree Shaking, уcкоренный в два раза вотчер и многое другое
•Усовершенствование автоматизированного тестирования в Microsoft Edge с новыми возможностями WebDriver, поддержкой протокола W3C и автоматическими обновлениями
•Введение для новичков в Webpack
CSS
• Почему браузер читает CSS-селекторы справа налево
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
• Функции-декораторы, которые можно написать с нуля
• 5 способов создать массив в JavaScript
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- ES2015+:
•Когда и почему стоит использовать стрелочные функции ES6, а когда нет
•Изучаем промисы в JavaScript: из грязи в князи за 25 тестов
•JavaScript async/await: хорошая часть, ловушки и способы использования
•Что нового в ES2018
VueJS:
•Опыт разработки SPA на VueJS + Nuxt
•Переход с jQuery на Vue.js
• Функция render() — что такое аргумент h
•Vue обогнал React по звездам на GitHub
•vuesax — фреймворк компонентов на vue.js
•Как создать компонент Vue как профессионал
React:
• Видео со встреч React Kyiv в марте и апреле + TDD Workshop
•Реактивный фронтенд. История о том, как мы снова всё переписали
•Создание приложения для трекинга здоровья с помощью React, GraphQL и User Authentication
•Погружение в React Context
- Libs & Plugins:
•Simonwep/pickr — простой и настраиваемый Color-Picker. Без зависимостей, без jQuery, совместим со всеми CSS фреймворками
•jeelizWeboji — JavaScript/WebGL библиотека для определения и воспроизведения выражения лица
•yett — небольшая библиотека для контроля и вызова третьесторонних скриптов
•9 Javascript библиотек 2018 года для манипуляций временем и датой
Браузеры
• В Chrome будет прекращена поддержка установки дополнений по запросу сторонних сайтов
• Mozilla рассматривает возможность создания системы голосовой навигации для браузера
• 11 способов ускорить тормозящий Chrome
• В Firefox для iOS появилась возможность скачивать файлы
Занимательное
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• В США перестал действовать принцип сетевого нейтралитета
• Будущий генеральный директор GitHub Нэт Фридман ответил на вопросы пользователей Reddit о сделке с Microsoft
• В процессорах Intel обнаружена новая критическая уязвимость
• Наборы эксплоитов уже используют свежие баги во Flash и Internet Explorer
• Google открыла конструктор для создания приложений без навыков программирования
• Microsoft прекратит помогать пользователям Windows 7 и 8 на своих форумах
• Итоги E3 2018
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin