Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него
Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
Как стать веб-разработчиком в 2017 году — план действий
- Подкаст «Веб-стандарты», Выпуск №68: Edge и PWA, Opera всё, Electrino, Автопрефиксер, доступное меню-кнопка, ирония, валидация форм, логичные размерности.
- Подкаст devschacht, Выпуск №2: Поговорили про историю и перспективы развития Node.js
- HTML сломан. Перевод «HTML Is Broken» Хейдона Пикеринга
- Фронтенд по фэн-шуй. Часть 2
Тренды — презентация нового функционала на Stack Overflow
Секции в футере — HTML Шорты. Можно ли вкладывать элемент section в footer? Давайте разберёмся
Видео докладов с KharkivCSS 2017
- Инструменты:
Скорость установки в npm, npm5, shrinkpack и yarn
Используйте линтеры для ошибок, форматтеры для исправления стиля
webpack для реальных задач: уменьшение размера фронтенда и улучшение кеширования
Анонс нового webpack CLI
Pingy CLI — легкий сборщик фронтенда. Когда вам не нужно настраивать тяжелые сборки Gulp и Grunt, а можно просто запустить инструмент и работать
Неоправданное усложнение разработки фронтенда, чтобы казаться более умным
label атрибуты на интерактивных элементах для поддержки доступности
Доступная панель с табами с помощью ARIA
Очередная подборка любимых демок с CodePen от его создателя, Криса Койера
Подробно о создании Progressive Web App для сайта китайского магазина Ele.me
Создание анимированных баннеров на SVG
Git репозитории, которые можно использовать как альтернативы GitHub
CSS
Таблицы в адаптивном дизайне — 2
Добавляем в Chromium селектор :focus-within
Введение в CSS :focus-within — что это за псевдокласс и как он может помочь сделать доступными выпадающие подменю
- Обратитесь к спецификации: что предваряет спецификацию? Перевод заметки приглашенного эксперта Рабочей группы CSS Rachel Andrew к серии Refer to the spec.
Решение задачи о широком блоке внутри узкого контейнера с помощью CSS Grid Layout
Нативная валидация форм, часть 2.
Высокопроизводительные динамические стили в контексте JSS и React
Способы задания контрастного цвета тексту, который лежит на разноцветном фоне
Experiments in fixed aspect ratios. How to responsively maintain aspect ratios & how CSS Grid may be changing that game
Почему я отказался от @apply. Рассказ Таба Аткинса, работающего в Google над Chrome и являющегося членом CSS Working Group
Проблема с препроцессингом пользовательских свойств
Делаем пользовательские свойства (CSS переменные) более динамическими
Отслеживание истории шрифтов в CSS
5 симпатичных эффектов для изображений с помощью CSS Shapes и фильтров
Easing Linear Gradients
CSS и первая значимая отрисовка. Выступление Patrick Hamann на London CSS
От CSS препроцессора к стилизованным компонентам. Выступление Max Stoiber на Reactivate London
BBC Grandstand — масштабируемая фронтенд архитектура и Sass фреймворк от BBC Sport
JavaScript
- Подкаст «Пятиминутка React» #15 — Amsterdam, PWA, RealWorld, Prepack
- Цикл событий Node.js, таймеры и process.nextTick()
- PhantomJS всё?. Расшифровка интервью с Виталием Слободиным, автором PhantomJS
2017: Автостопом по галактике JavaScript
Актуальное состояние популярных JS библиотек по версии Stack Overflow JS Trends
Многогранность функций в JavaScript
Я до сих пор люблю jQuery? — и вы тоже должны
8 трюков в npm, которыми вы можете удивить коллег
Спецификаторы модулей: что нового в модулях ES?
Что такое Transducer?
Автостопом по галактике d3.js
Пришло время Fetch, или как я перестал использовать http библиотеки
Все о рекурсии, PTC, TCO и STC в JavaScript
- React:
- Подкаст «Пятиминутка React» #14 — Redux Business Logic (part 2)
- Сделайте ваши функциональные React компоненты на 45% быстрее уже сейчас (перевод)
Redux Offline. Доклад Jani Evakallio с Reactivate London
Создание карт с помощью React
Полная настройка редактора Atom для работы с ReactJS
redux-orchestrate — middleware для управления экшенами с помощью простого объекта с конфигурацией
- Angular:
Архитектура компонентов приложения по созданию рецептов для реактивных Angular форм
Angular Model Pattern
Как создать AngularJS приложение для работы с событиями
- Vue:
Начало работы с Vue.Js
Что я узнал о VueJS в процессе создания расширения для Chrome
vue-rate — компонент рейтинга для VueJS
vue-easy-gantt — простой Vue.js плагин для отображения задач на неделю
- Typescript:
TypeScript на сервере
TypeScript-Vue-Starter — стартовый шаблон для TypeScript и Vue от Microsoft с детальным README
TypeScript-React-Starter — стартовый шаблон для TypeScript и React от Microsoft с детальным README
- Libs & Plugins:
UPNG.js — небольшой и быстрый кодировщик PNG
Функции высшего порядка в Lodash
Sticky Sidebar — jQuery-плагин для создания прилипающей боковой панели
Britecharts — клиентская библиотека для построения графиков на базе D3.js v4 с возможностью композиций визуализаций
Десять jQuery HTML5 аудио проигрывателей
Браузеры
- Вышла новая Opera 45 c обновленным интерфейсом и встроенной боковой панелью мессенджеров
- Из-за бага Microsoft Edge подменяет цифры во время печати PDF-файлов
- Microsoft продемонстрировала Microsoft Edge с Fluent Design
- Microsoft: у нас нет планов по разделению обновлений браузера Edge от Windows 10
- Десктопные браузеры не попадут в Windows Store
Предложение по разделению Web приложений и сайтов в браузере
Занимательное
- Ведется массовая атака криптором Wana decrypt0r 2.0.
Ключевые анонсы первого и второго дней конференции Build 2017
Презентация Windows 10 Fall Creators Update (Microsoft Build 2017) за 12 минут
- Немного подробнее о Microsoft Fluent Design System
- Опубликованы первые скриншоты и видео пользовательского интерфейса новой ОС Google Fuchsia
- «Яндекс» запустил тестирование «Турбо-страниц» для новостных сайтов — аналога Google AMP
- Создатели MP3 объявили о смерти формата
- Ваш пароль ужасен. И все хотят изменить это
- Капитализация Apple достигла рекордных $800 млрд
- Как оно быть начальником в Google: ни власти, ни контроля
- Bash на Windows 10 получит поддержку openSUSE и Fedora
- Если вам пришлось собеседовать
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Поделиться с друзьями
Punk_UnDeaD