Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Занимательное |
Веб-разработка
Пробуем делать web-frontend на Rust (WebAssembly)- Гид по верстке адаптивных писем
- Знакомьтесь, вариативные шрифты (variable fonts)!
Awesome Newsletters: подборка еженедельных рассылок на тему веб-разработки- Производительность:
- Бесплатные инструменты сжатия изображений для ускорения работы сайта
- Preload, Prefetch и приоритеты в Chrome
- Повышение скорости сайта с помощью машинного обучения
- Разработка под мобильные: RWD, PWA, AMP или Instant Articles?
- Как выбрать идеальный формат изображения для оптимизации вашего сайта
- Являются ли SVG изображения хорошим вариантом для производительности сайта?
- Для веб-разработчиков скорость — это новое SEO
- AMP: breaking news. О негативных аспектах использования Google AMP
- Обстоятельный обзор WebPack
- Ускоряем разработку темы под WordPress с помощью Gulp
- Почему сейчас самое время бизнесу серьезно задуматься о Progressive Web Apps
- Как создать эффект сдвигающегося подчёркивания с CSS и JavaScript
- Экспериментальный макет демонстрации 3D комнаты
Media
- Подкаст Веб-стандарты, Выпуск №62: Всё, что вы не хотели знать про Олю, Вадима и Лёшу в случайном выпуске. Ничего интересного, проходите мимо.
- Подкаст Веб-стандарты, Выпуск №61: Бета Chrome 58, Safari TP, кастомные свойства в Edge, переключатель на кнопке, гриды на практике, быстрое меню, редактор в браузере, ереси БЭМа, вёрстка для школоты.
- Подкаст radiojs, Выпуск №48: МозгиJS
- Подкаст Фронтёрки 003: Андрей Ситник, выборы вкладок и англоязычные конференции
- Подкаст Пятиминутка React: #8 — Plan for Addons in React 16, #9 — Lifting State Up Example Explained
Запись трансляции «Moscow JS» в офисе Superjob- MinskCSS Meetup #2
CSS
- CSS-анимация подождет
- Пользовательские свойства CSS в качестве API
- CSS Grid Layout:
- CSS Grid на практике: добавляем гриды к существующему дизайну
- Месяц CSS-гридов: первые итоги
- Красивое выравнивание блоков по резиновой сетке. По-новому
- Знакомство с CSS Grid Layout
- CSS Grid и Flexbox: сравнение на практике
- Создание сложных макетов с помощью CSS Grid Layout, бесплатный курс на egghead.io
- 3 свойства CSS Grid, которые заставляют мое сердце трепетать
- Простой визуальный онлайн-билдер для облегчения работы над CSS гридами
- Заменит ли CSS Grid Flexbox?
- CSS Custom Properties в Microsoft Edge
- Приручаем непослушные стили с помощью этих трех CSS методологий
- Глубокое погружение в CSS: matrix3d() для идеальной кастомной полосы прокрутки
- Единицы вьюпорта в CSS: быстрый старт
- С CSS все хорошо, просто он действительно сложный
- Stylelint Config Generator
- Пружинящая анимация в CSS
- Responsive font calculator: генерация отзывчивых значений для шрифтов
- О новом псевдо-классе :focus-ring из спецификации CSS Selectors Level 4
JavaScript
- Вы знаете, что такое трансдьюсеры
- Справочник современных концепций JavaScript: часть 1
- Сборщик мусора в V8, иллюстрированное руководство
- Создаем игровой движок с видом от первого лица за 265 строк кода на JavaScript
- 77% сайтов используют хотя бы одну уязвимую JS библиотеку
- Улучшаем JavaScript с помощью Flow
- Cyclow — реактивный фронтенд фреймворк для JavaScript
- 12 крайне полезных хака для JavaScript
- Основы работы с DOM-ом на ванильном JavaScript (без jQuery)
- Glimmer — UI компоненты для Ember
- ES2015+:
- Первый взгляд на ES2018 (первоапрельское)
- ECMAScript Observable
- Использование генератовров в итераторах
- Шесть причин, по которым Async/Await заменят промисы
- React:
- Как создать собственный React Router v4
- Простая разработка React в 2017
- Да, React захватывает разработку фронтенда. И вот почему
- Reactide — первая выделенная IDE для разработки веб-приложений на React
- React Bits — сборник шаблонов React, техник, советов и трюков
- Берегись состояния Undefined в React
- Angular:
- Дружим Angular с Google (Angular Universal)
- Angular v4: Hybrid Upgrade Application
- Angular 4 уже здесь? Вот некоторые его особенности
- Что нового в Angular 4?
- Vue:
- Vue.js Tutorial: пример, как создать и пререндерить дружественный к SEO сайт
- Создание игры Tic-Tac-Toe с помощью Vue 2: часть 1
- Шпаргалка по VueJS 2.2
- Семь способов задать шаблон компонента во Vue.js
- Однонаправленный поток данных с Vuex
- Plugins:
- polished — инструментарий для написания стилей в JavaScript
- Popper.js — библиотека для создание всплывающих подсказок
- Choices.js — легкий плагин для выпадающих списков, аналог Select 2 или Selectize но без jQuery-зависимости
Браузеры
- Mozilla развивает средства верификации бинарных файлов Firefox
- Разработчики Chrome намерены ограничить всплывающие диалоги на JavaScript
- Выпуск web-браузера Vivaldi 1.8
- FF Developer Edition 54: новый инспектор и отладчик фич, помощь MDN в netmonitor и многое другое
- Новые функции в Safari 10.1
Занимательное
- CodePlex закрывается
- Илон Маск основал компанию Neuralink, которая займется подключением мозга к компьютеру
- Google открыла портал для 2000 своих Open Source проектов
- Visual Studio Code отнимает 13% ресурсов CPU из-за мерцания курсора
- С Flash Player все плохо: логистическая компания FedEx готова «платить» по $5 клиентам за использование Adobe Flash Player
- Смерть SMS: операторы отключают услугу по всему миру
- Экс-сотрудник YouTube перешел в Apple. Он займется развитием видеоплатформы компании
- Бесплатный Google Optimize приносит A/B-тестирование сайтов в массы
- Сложные ситуации в IT, и что с ними делать?
- Вредные советы: зачем нужен неподдерживаемый код и как его писать
- Обмен значений переменных: разбор популярных способов решения известной задачи с IT-собеседований
- Как изменился RuTracker спустя год после «вечной блокировки»
- Незаменимых нет: Что такое диффузия технологий и как она влияет на рабочие места
- Как не захлебнуться в информационной волне?
- Пиратство — не порок?
- 1 апреля: Первоапрельский IT-юмор: подборка шуток известных компаний, Как российские и иностранные бренды шутили на 1 апреля, Подборка первоапрельских шуток 2017 года
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
