Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №54: Новинки Chrome, установка веб-приложений, баги в браузерах, очевидный CSS, банальный флексбокс, ад колбэков, нативные ES-модули, офлайн, локальный HTTP2.
Google дает возможность взаимодействовать с URL-ом страниц AMP
Оптимизируем фронтенд для браузера
Полифилы и эволюция веба
HTML API: что это такое и как создать свой
Блог WebKit: Новое поколение 3D графики в вебе
GitLab: раскрыты большие планы по фронтенду на проекте
Web Share API приносит возможности нативного шаринга в браузеры
Почему алгоритм Tree Shaking в Webpack 2 не так эффектвен, как вы думаете
WebPack — это не единственный путь для бандлинга (есть ещё FuseBox)
Подкасты для дизайнеров и разработчиков в 2017-м
Креативная реализация поискового интерфейса
Анимация каруселей Bootstrap с помощью анимационной библиотеки GSAP
Из чего сделан статический генератор сайтов?
Lepton — прекрасный клиент для работы с Gist, основанный на Electron
Первый взгляд на производительность WebAssembly
Голосование за логотип WebAssembly
CSS
Основные фигуры и Path: особенности поведения clip-path, shape-outside и offset-path
Связка CSS и JS с помощью пользовательских свойств
Использование “C” в CSS. Хватит бороться со своими стилями, пусть каскад работает на вас
Терминология CSS Grid Layout Terminology, объяснение
Используем Fontello для загрузки иконочных шрифтов только там, где нужно
Строим Flexbox-сетку с помощью Less
Code Smells in CSS Revisited
Введение в Reduced Motion Media Query
Как я начала рисовать изображения на CSS
Кодирование в Base64 и производительность: часть 1, часть 2
JavaScript
- Обещание бургерной вечеринки
Производительность запуска приложений на JavaScript
Инструментарий Javascript — эволюция и будущее инструментов сборки в JS
Все JavaScript фреймворки ужасны
Основы модульного JavaScript
JavaScript без циклов
Делаем AJAX-запросы снова великими
Обновленная информация по модулям ES6 в Node.js
Манипуляция данными в функциональном стиле в JavaScript
Mnemonist — курируемая коллекция структур данных, реализованных на JavaScript
Тост за деструктуризацию в ES2015
Simple Statistics — статистические методы
- Vue:
Vue.js Component Style Guide
Подборка библиотек управления состояниями в Vue.js
Сравнение фронтенд фреймворков для Vue.js
Vuex вместе с Redux-saga
DejaVue — визуализация и стресс-тестирование приложений на Vue.js
Vuedeux — биндинг Vuex к Redux
«Масштабирование приложений с Vue и Firebase» от Eduardo San Martin Morote
Несколько руководств по созданию игр на Vue.js: Pokemon Battle, Pizza Maker
- Angular:
Angular — настройка среды разработки и production сборки с AOT-компиляцией и tree-shaking (Gulp, Rollup, SystemJS)
Настройка вашего первого проекта на Angular (2) с использованием Angular Material (2)
- React:
10 причин, по которым я перешел с Angular на React
Когда определять Action Creators в Redux
Кастомизация create-react-app: Как создать свой собственный шаблон
React Native в Instagram
Как достигнуть переиспользования компонентов React
- Plugins & Libs:
История создания библиотеки MooTools
Представление GraphicsJS, мощной графиской библиотеки
Between — библиотека для работы с анимацией в стиле Cocoa Animation
.dom — крошечный (510 байт) шаблонизатор использующий виртуальный DOM и некоторые принципы Реакта
notti — простые сообщения для пользователей
Браузеры
- Новая Opera 43 c технологией фоновой загрузки страниц на 13% быстрее предыдущей Opera 42
- Выпуск web-браузера Vivaldi 1.7
- С 2018 года Gmail перестанет работать в браузере Chrome на Windows XP и Vista
Занимательное
- Баг в jQuery Mobile может обернуться XSS-уязвимостью для множества сайтов
- Массовый дефейс WordPress сайтов продолжается, а уведомления Google пугают пользователей
- В Google научили нейронную сеть «восстанавливать» детали изображений с низким разрешением
- Pinterest запустил Shazam для поиска объектов на фото
- Facebook будет конкурировать с сервисами знакомств
- Google анонсировала запуск платформы для проверки новостей в партнерстве с Facebook
- Тим Кук заявил, что фейковые новости — это временное явление
- Есть ли предел техническому прогрессу?
- Анализ изменения популярности языков программирования в выходные дни
- Своеобразный юмор: как шутят в Google
- WWW: 5 лучших браузерных эмуляторов старых операционных систем и компьютеров
- Хакер из Anonymous «положил» 20% даркнета
- 14 рекламных роликов, которые IT-компании показали на Super Bowl 2017
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group