Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Медиа
Подкаст «Веб-стандарты», Выпуск №79: Сервис-воркеры уже не шутка, загрузка шрифтов, гриды и флексы, picture на практике, тяжёлые пакеты, WTF JS?
Подкаст «Frontend Weekend» #14: От фриланса до собственной школы онлайн-образования
Подкаст «Пятиминутка React» #28: React 16 Beta
Подкаст «Пятиминутка React» #29: Мониторинг ошибок (youtube версия с видеорядом и слайдами презентации)
Подкаст «Фронтенд Юность (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/SVG/JS #47
Сравнение времени на Vue (+SVG, GSAP и .toLocaleTimeString )
Креативная анимация для эффектов наведения на мыши на меню
Эффекты переходов для полноэкраных лейаутов страниц
Инструменты для параллакс-анимации SVG
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:
Что нового в Angular 5: упрощена работа с прогрессивными веб приложениями
Сравнение между: Angular 1 Vs Angular 2 Vs Angular 4
Ключевые концепции разработки приложений на Angular
Состояние CSS в Angular
Оптимизация производительности вашего 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.
Автор: Zfort Group