Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Занимательное |
Медиа
Подкаст «Веб-стандарты», Выпуск №79: Сервис-воркеры уже не шутка, загрузка шрифтов, гриды и флексы, picture на практике, тяжёлые пакеты, WTF JS?- Подкаст «Frontend Weekend» #14: От фриланса до собственной школы онлайн-образования
- Подкаст «Пятиминутка React» #28: React 16 Beta
- Подкаст «Пятиминутка React» #29: Мониторинг ошибок (youtube версия с видеорядом и слайдами презентации)
- Подкаст «Drinkcast» №2 : Бойкий Джун — Счастливый Ментор
- Подкаст «Фронтенд Юность (18+)» #12 : Где зашкварно работать
- Подкаст «Фронтенд Юность (18+)» #13 : Хороший/Плохой программист
Посторонние шрифты — HTML Шорты. Как правильно загружать шрифты? Вадим Макеев про FOIT, FOUT, FOFT и Font Face Observer- Еженедельный стрим от Юрия Артюха «ALL YOUR HTML» #10 : Юрий играет в играл в Code In The Dark, делает акварель эффект и триангуляцию для будущих анимаций
Веб Разработка
Руководство для начинающих по прогрессивным веб-приложениям и фронтенду-
7 инструментов для разработки вашего первого прогрессивного веб-приложения - Адаптивные изображения 201: технология Client Hints
- Упрощаем работу с npm: полезные сокращения и трюки
- 10 руководств для улучшения доступности в вебе
- Заменяемые элементы в HTML: мифы и реальность
- Я сделал стайлгайд для моего личного сайта и вы тоже должны. Свежая заметка от Zach Leatherman
- Производительность:
- Разница между GTmetrix, PageSpeed Insights, Pingdom Tools и WebPagetest
- Критический запрос. Подробная статья об особенностях загрузки различных типов контента, с приоритетами, примерами и чеклистом проверки
- «Первая значимая отрисовка», доклад Patrick Hamann на Front-Trends 2017
- «Производительность рендера наоборот» Martin Splitt на Front-Trends 2017 со взглядом на сайты с точки зрения компьютерной графики
- Эффектный веб:
CSS
- Унифицированный язык стилей
- emotion: Следующее поколение CSS-in-JS
- Топ 9 библиотек для анимации в 2017
- Фокусировка на фокусе. О :focus, :focus-ring и доступности
- Есди вы действительно не любите FOUT, `font-display: optional` может вам помочь
- Shoelace — стартовый набор кастомизируемых стилей в духе bootstrap, но на современный лад
- Избавление от некрасивого состояния :focus (а так же его сохранение)
- Релиз Glamorous v4
- Как использовать пользоватеслькие CSS свойства с переходами, трансформациями и анимацией
- «Мастерим фоллбек для веб-шрифта», свежий ролик от Front End Center
- «Мощь CSS», доклад Una Kravets на Front-Trends 2017
JavaScript
- JavaScript как явление, JavaScript как праздник, JavaScript как мыслевирус
- Скрытые послания в именах свойств JavaScript
- Новый V8 и скорость Node.js: техники оптимизации сегодня и завтра
- Выпуск JavaScript-движка V8 6.1
- Online VS Code IDE для Angular и React.
- Дорога к современному JavaScript
- Vue vs React: битва Javascript фреймворков
- What the f*ck JavaScript?. Курируемый список забавных и хитрых примеров на JavaScript забавы ради
- Ваш последний ESLint config. Следующий будет с Prettier
- JavaScript-загадки для забавы и пользы — Dan Shappir
- Всплытие в JavaScript
- Создание библиотеки для эффекта Image Zoom на ванильном JavaScript
- О да! Async / Await
VueJS:
- Аудит производительности Vue.js docs
- Nuxt.js: фреймворк для создания универсальных Vue.js приложений
- Создание кастомных инпутов на Vue.js
- Биндинг классов к HTML с помощью Vue.js
- Как создать фотогалерею на Vue.js
- vuestic — Админская приборная панель для Vue.js приложений
React:
- Как задеплоить веб-приложение на связке React и Redux за 10 минут
- TDD React.js приложений
- Изучение React.js проще, чем ты думаешь
- Глубокое погружение в анимацию React
- hocs — коллекция высокоуровненвых компонентов для React
- Введение в React роутер
- React.JS ?—? передача данных в компонентах
- Прототипирование с React VR
Angular:
Браузеры
В Firefox началось тестирование отправки файлов, голосового ввода и заметок- Разработчики Mozilla тестируют инструмент для передачи уничтожающихся после загрузки файлов
В тестовых сборках Chrome для Android появился встроенный блокировщик рекламы- Еще одно расширение для Chrome превратили в adware, взломав его разработчика
- Intersection Observer приходит в Firefox
- Facebook присоединился к Chromium
- Машинное обучение проникает в браузеры с помощью JavaScript
Занимательное
- Flash мертв: кто следующий?
- Издатели возвращаются обратно к WordPress после коротких экспериментов с Medium
- Запущена рабочая группа по WebAssembly (W3C)
- webpack награждён $125,000 программой MOSS (Mozilla)
- Почему проваливаются стартапы: анализ причин, названных основателями 194 компаний
- Форк Bitcoin Cash в сети биткоина официально состоялся
- Более $3000: Курс Bitcoin обновил исторический максимум и продолжает расти
- В Facebook теперь для перевода используют нейронные сети
- Что происходит в интернете за минуту в 2017 году (инфографика)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Комментарии (6)
L2jLiga
08.08.2017 10:23+1Спасибо за подборку, но как же надоели эти вечные «противостояния» React vs Angular vs Vue.
torbasow
08.08.2017 12:40«О да! Async / Await» — эта статья, вроде бы, уже была в переводе. Во всяком случае, была переведённая статья с той же ошибкой: распаралелливание первым из описанных в статье способов не работает, только вторым — через Promise.all.
zabidon
Спасибо за подборку