Представляем вашему вниманию подборку со ссылками на полезные ресурсы и интересные материалы из фронтенд-сферы.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Развлекательный |
Веб-разработка
- Подкаст по веб-стандартам, выпуск № 53 : Релизы Safari, Chrome и Firefox, HTTPS и формы, новый Clearfix, импорт CSS, сервис-воркеры, история JS и фронтенд Сбертеха.
-
Справочник фронтенд-разработчика 2017 года -
14 важных показателей эффективности веб-сайта, которые вам следует проанализировать -
Что вы думаете об ускоренных мобильных страницах (AMP)? Разработчики делятся своим опытом -
Руководство для начинающих по Webpack 2 и сборке модулей -
Как мы создали собственный интерфейсный фреймворк MarsMan (и почему) -
Ответственное использование HTTP/2: адаптация для пользователей -
Безопасность и доступность при открытии ссылок в новом окне -
Введение в светофильтры и источники света SVG -
Основные команды чтения с экрана для тестирования доступности -
Filament Group: Поддержка доступности в адаптивном мире -
Веб-инструменты, созданные в Mozilla -
История редизайна журнала Smashing Magazine от Сары Суэйдан -
МагКонф 2016: «Доступность в Интернете: код, который может сделать мир лучше» , «WebVR: текущий статус и обзор»
CSS
- Опубликовано новое официальное определение CSS (CSS-2017).
- Варианты «взлома Clearfix» и его замены: сводная таблица
- Как работает Flexbox — мы объясняем это с помощью больших красочных GIF-файлов.
- Сила функции цвета CSS rgba()
- CSS-сетка:
- CSS Grid включен по умолчанию в Chrome M57
-
Developers.google.com: CSS Grid – разметка таблиц вернулась.Будьте там и будьте честными.
-
сайт разработчика Mozilla.org: Что такое макет сетки? -
Отладка сеток с использованием стандартных инструментов разработчика Firefox
-
Как работает Calc() -
Коллекция руководств по популярным CSS-сеткам. -
Как создать эффект наведения, чувствительный к направлению -
Создание доступных флажков и переключателей с использованием чистого CSS -
Более читаемый CSS с пользовательскими свойствами CSS -
Карманное руководство по CSS-графике и анимации -
Псевдоклассы CSS: :not() и :target. -
ВПП — онлайн-генератор руководств по стилю CSS -
Вторник.css
- самая «горячая» библиотека для CSS-анимации на данный момент -
CSSПетух — бот, который пишет CSS-классы для HTML с помощью глубокого обучения.
JavaScript
-
Friday JS: как вдохновиться Smalltalk и пойти к черту - Обратные вызовы на примере списка домашних дел
- 17 новых функций jQuery 3 и советы по их использованию
-
Есть навыки работы с Node.js? Официальная служба сертификации скоро появится. -
Нативные модули ECMAScript: новые свойства и отличия от модулей Webpack -
Краткая история JavaScript: часть 1 , часть 2 , часть 3 -
Руководство для начинающих по переменным и типам данных в JavaScript -
Отступы — враг: пишите более простой JavaScript - ЕС2015+:
- Вю:
- 5 идей Vue.js, которые вам понравятся (даже если вы полностью довольны React)
-
OpenLecture #2017.1 — Давайте Vue! .Запись лекции Ильи Климова на канале Javascript.Ninja
-
Серия статей «Введение в Vue.js» о css-хитростях: Рендеринг, директивы и события , Компоненты, реквизиты и слоты , Vue-cli и хуки жизненного цикла , Вуэкс , Анимации -
Продуманный интерфейс — легкая коллекция основных компонентов пользовательского интерфейса, написанная на Vue.js и вдохновленная Material Design. -
avoriaz — утилита для тестирования Vue.js
- Угловой:
- Реагировать:
-
Настройка среды React с помощью Webpack и Babel -
Как создавать, тестировать и развертывать приложения React в 2017 году -
Что происходит, когда RxJS используется в React? -
Когда вам нужна библиотека Flux? Объяснение на примере автомобиля -
КРАФТ: создание приложения React из шаблона -
реакция-редукция-сетка — Компонент таблицы/дерева React, написанный с использованием шаблона Redux.
-
- Библиотеки и плагины:
-
Мифрил 1.0.0 — еще одна современная библиотека для создания SPA -
готоем — копирование в буфер обмена для современных браузеров (менее 1Кб) -
Шестьфликс — определяет поддержку ES6 в среде с помощью алгоритма Netflix -
ванильный-tilt.js - версия Tilt.js без jQuery -
конвертер json-js
-
Браузеры
- Microsoft теряет позиции на рынке десктопных браузеров, а Chrome продолжает победное шествие
- Эксперты Google рассказывают об оптимизации рендеринга в Chrome
- Одноклассники и Mozilla выпустили специальную версию Firefox
- Microsoft демонстрирует новые функции браузера Edge в обновлении Windows 10 Creators Update
- Google открывает Chrome для iOS и планирует открыть Google Earth Enterprise
- Chrome потерял возможность отключать модули DRM
Развлекательный
-
sudo rm -rf, или Хроника инцидента с базой данных GitLab.com от 31.01.2017 - Microsoft представила виртуальную файловую систему для Git
- Игровой режим в Windows 10 – что это такое и зачем он нужен?
- ZDNet: В 2017 году Microsoft выпустит «лёгкую» Windows 10, которая составит конкуренцию Chrome OS
- Google открывает API для тестирования совместимости с мобильными устройствами
- Пять IT-компаний, которые больше не требуют диплома от соискателей
- У Apple рекордная выручка и новый рекорд продаж iPhone , Но Несмотря на финансовый успех, стоимость бренда Apple упала на 38 миллиардов долларов.
- Рынок планшетов сокращается девятый квартал подряд
- Илон Маск, Стивен Хокинг и сотни других экспертов подписали список из 23 принципов развития ИИ
- Mozilla закрыла проект Firefox OS и уволила разработчиков системы
- Как IT-компании продвигали указ Трампа об иммигрантах
- «Я тестирую устройства в воображении, тратить на это деньги просто глупо»
-
Искусственный интеллект издевался над лучшими игроками в покер мира - Работа за компьютером в пожилом возрасте снижает риск «умеренной деменции»
- «iPhone не займет значительную долю рынка»: худшие прогнозы о технологическом прогрессе
- Доля запросов по HTTPS среди пользователей Firefox превысила 50%
Если вы заметили проблемы, напишите нам в личное сообщение, мы постараемся их быстро исправить.
← Дайджест за прошедшую неделю Материал подготовлен Дерсмолл И Алекскоровин Теги: #дайджест #фронтенд #CSS #js #ES6 #ES6 #vue #react #angular #html5 #браузеры #ссылки #разработка веб-сайтов #CSS #JavaScript #HTML
Вместе с данным постом часто просматривают:
-
Sspp (Парсер Состояния Сервера Php)
19 Oct, 24 -
Ищу Адекватного Работодателя
19 Oct, 24 -
Ржд: Приятные Сюрпризы...
19 Oct, 24 -
Если Вам Не Нравится Ie6...
19 Oct, 24 -
Почему Нло Прилетело Нагрязный.ру?
19 Oct, 24
