Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
- Как стать веб-разработчиком в 2017 году — план действий
- Подкаст 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 Eväkallio с 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 с возможностью композиций визуализаций
- 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.
Автор: Zfort Group