Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №55: Графика в WebKit, ссылки в Opera, дизайнеры верстают, HTML API, кастомные свойства, фигуры в CSS, обещанный бургер, быстрый старт JS, отчёты W3C TAG.
- Подкаст RadioJS, Выпуск 46: Учиться, учиться и еще раз учиться. В гостях один из основателей школы LoftSchool и видео-блога LoftBlog Николай Чернобаев и недавно присоединившийся к HTML Academy Вадим Макеев
Оптимизация GIFs для веба- Руководство по кросс-браузерному тестированию
- htmlreference.io — бесплатный интерактивный справочник по HTML от создателей cssreference.io
- HTML5 для мобильного веба – формы и типы ввода
- Ускоряем Service Worker с помощью Navigation Preloads
- Создаем отзывчивые шаблоны писем с помощью MJML
- Иконочная система SVG, основанная на компонентах
- Manifoldjs превращается в PWA Builder, инструмент, упрощающий создание Progressive Web Apps
- Прозрачный JPG (с помощью SVG)
- Чеклист для запуска сайта
- Доступность в веб-приложениях с помощью ARIA Live Regions
- Спектр технологий фронт-енд разработчика
- Большинство веба — отстой при слабом интернет соединении
- Обсуждение предлагаемого элемента <h>
CSS
Знакомство с Styled components- Новая сетка на inline-block: описание, пример использования, плюсы и минусы
- CSS и прогрессивное улучшение
- CSS исключения: делаем скучную разметку менее скучной
- Как достичь 60 FPS в мобильных анимациях с помощью CSS3
- Создание непрямоугольных хедеров
- CSS Grid: один макет, множество вариантов
- Глубокое погружение в CSS: метрики шрифтов, line-height и vertical-align
- Псевдо-классы CSS: стилизация элементов, основываясь на их индексе
- Использование кубических кривых Безье для сглаживания скругленных углов
- CSS4 селекторы: чего можно ожидать?
-
Свежее видео CSS Grid Layout от Rachel Andrew
JavaScript
- Умер ли MVC для фронтенда?
- Производительность старта JavaScript
- Обзор 5 самых популярных JavaScript фреймворков и библиотек 2017
- Видео с KyivJS, февраль 2017
- Путешествие по миру JavaScript 2016-го года
- JavaScript в 2017-м – вне браузера
- JavaScript в 2017-м – библиотеки и фреймворки
- События и отключенные поля формы
- Понимание области видимости в JavaScript
- Алгоритм вопросов интервью по Javascript() {...}
- Как писать JavaScript и обеспечивать доступность приложения
- Всесторонний взгляд на навигацию jQuery по DOM-у
- Эксперимент со speechSynthesis
- ES2015+:
- Нативные модули ECMAScript: динамический import()
- Высокопроизводительный ES2015 и за его пределами
- Функциональность ES6 с примерами
- ES6 Proxies на практике
- Свежая информация о ES6 модулях в Node.js
- Angular:
- Автоматизируем разработку на Angular с помощью Angular CLI
- Бутстрэппинг в браузере с помощью Angular 2
- Динамически созданные компоненты с помощью Angular
- Подробный разбор тестирования Angular приложений: HTTP сервисы
- Управление состоянием (state) в Angular приложениях
- Отладка и оптимизация Angular 2 приложений
- React:
- Библиотека ретро-игр с помощью Node, React, и Redux 1: Server API и React Frontend
- Контекст в приложениях ReactJS
- Как работать и манипулировать состояниями в React
- Как создать анимированные микровзаимодействая в React
- Разбор Redux Store Twitter-ра
- Универсальные JavaScript приложения с React роутером версии 4
- Создание React компонентов для разных брендов и приложений
- Vue:
- VueJS — зеленый фреймворк
- React’s JSX vs шаблоны Vue’s: сравнение фронтенда
- Создание плагина для Vue.js
- Создание компонентов Vue.js
- Vue.js, Vuex и тестирование; Введение
- Vueplete — текстовое поле с автозаполнением для Vue.js
- Создание компонента с древовидной структурой JSON на Vue.js с нуля за шесть шагов
- vue-material — Material дизайн для Vue.js
- Vue.js компонент — весь код в одном файле
- Libs & Plugins:
- spinStroke — анимация контура шрифтов с помощью эффекта морфинга
- surveyjs — Движок для создания опросов на JavaScript
- Rough.js — создание графики с эффектом «рисования от руки»
Браузеры
- Opera готовит редизайн своего настольного браузера в виде проекта Reborn
- Расширенный метод идентификации системы и браузера без применения cookie
- В Chrome тестируют новый подход к компиляции JavaScript
- План прекращения совместимости Firefox со старыми дополнениями
- Маленький шаг для Chrome, огромный прыжок для V8
Занимательное
- Google тестирует ИИ на агрессию и расположенность к сотрудничеству
- Почему Мюнхен отказывается от Линукса?
- Google vs. Oracle. Cуд длиной в семь лет
- Система для машинного обучения TensorFlow вышла из беты — Google выпустила версию 1.0
- Alphabet поумерила свой пыл и теперь планирует покрыть интернетом с шаров Project Loon лишь отдельные регионы, а не весь мир
- Перспективы VR-направления: туманно или абсолютно ясно?
- Почему обучение — это новая прокрастинация
- Топ тегов на Stack Overflow с 2010 по 2017 год в реальном времени
- Facebook запустит инструмент для публикации вакансий
- 99,6% смартфонов в мире работают под управлением Android и iOS
- Apple обыграла негативные твиты пользователей в рекламных роликах для iPad Pro
- Билл Гейтс предложил ввести налоги для роботов, занимающих рабочие места людей
- Microsoft предложила заключить «цифровую Женевскую конвенцию»
- У Google отсудили 20 млн долларов за нарушение патентов в механизмах защиты Chrome
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
