Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Занимательное
• Подкаст «Веб-стандарты», Выпуск №155: Успехи Патреона, a11y и ответственность за UX, SVG-фильтры, скринкасты и поля классов из ES, монорепозитории.
• Подкаст «Веб-стандарты», Выпуск №154: Признание подкаста, наш Патреон, ёлочные игрушки, безопасность, Edge, нейронки на JS, фронтенд в Италии, почему не знать нормально, корейское сердечко и брызги шампанского.
• «Девшахта-подкаст»: #63: Новогодний выпуск. В роли гостя?—?Вадим Макеев
• Джон Мюллер о создании AMP-only сайтов
• Лучшие генераторы статических сайтов для React в 2019 году
• Сколько стоит создание сайтов в 2019 году?
• Static Site Boilerplate: инструментарий для создания современных статических сайтов — автоматизированная сборка, локальный сервер разработки, минимизация и оптимизация, а также новейшие стандарты для статических веб-сайтов
• Узнайте, как использовать JSON Web Tokens (JWT) для аутентификации
• PageSpeed Module: значительное увеличение скорости вашего сайта в автоматическом режиме
• Как создать сниппеты для VS Code
• 4 CSS фишки на каждый день
• Как изучать CSS
• CSS Grid для дизайнеров. Как новая технология меняет лейауты в вебе
• Простое руководство по анимации CSS
• Быстрый аудит CSS и общие заметки о системах дизайна
• Фоновый градиент на многострочном тексте
• JavaScript реализация throttle на пальцах — скринкаст
• Y-комбинатор на JavaScript
• Чем опасны сторонние модули Node.js
• Топ фреймворков и областей JavaScript для изучения в 2019 году
• Изучение современного JavaScript десятью простыми способами
• Фоновая синхронизация с Service Workers
• AI в JavaScript с TensorFlow.js
• SEO-итоги 2018: качество сайта, дискриминация органики и пауки в банке
• Наиболее важные события 2018 года
• Стабильный выпуск web-браузера Otter 1.0 с интерфейсом в стиле Opera 12
• Империя Amazon — список всех подразделений онлайн-гиганта
• 8K, VR и голограммы: каким будет телевидение завтрашнего дня?
• Net Applications: в декабре 2018 года Windows 10 обошла Windows 7 по доле рынка настольных ОС
• MIT: в 2019 году блокчейн станет «скучным»
• Итоги акционеров: как изменилась стоимость крупнейших ИТ-компаний мира за 2018 год
• Почему 2018 год стал худшим для Марка Цукерберга и что это значит для свободного интернета
• Видео: какими Microsoft видела технологии 2019 года в 2009 году
?
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Занимательное
Медиа
• Подкаст «Веб-стандарты», Выпуск №155: Успехи Патреона, a11y и ответственность за UX, SVG-фильтры, скринкасты и поля классов из ES, монорепозитории.
• Подкаст «Веб-стандарты», Выпуск №154: Признание подкаста, наш Патреон, ёлочные игрушки, безопасность, Edge, нейронки на JS, фронтенд в Италии, почему не знать нормально, корейское сердечко и брызги шампанского.
• «Девшахта-подкаст»: #63: Новогодний выпуск. В роли гостя?—?Вадим Макеев
Веб-разработка
• Джон Мюллер о создании AMP-only сайтов
• Лучшие генераторы статических сайтов для React в 2019 году
• Сколько стоит создание сайтов в 2019 году?
• Static Site Boilerplate: инструментарий для создания современных статических сайтов — автоматизированная сборка, локальный сервер разработки, минимизация и оптимизация, а также новейшие стандарты для статических веб-сайтов
• Узнайте, как использовать JSON Web Tokens (JWT) для аутентификации
• PageSpeed Module: значительное увеличение скорости вашего сайта в автоматическом режиме
• Как создать сниппеты для VS Code
- Accessibility:
• Инклюзивные компоненты: переключатели. Перевод «Toggle Buttons» Хейдона Пикеринга
• На Beyonce's Parkwood Entertainment подали в суд из-за (не)доступности веб-сайта
• Доступность — Состояние Сети. Интервью с Nektarios Paisios из Chrome Accessibility team
- Эффектный веб:
• Инструмент для создания SVG-фильтров с Gradient Map
• HTML5 SVG-анимация на CSS3 и ванильном JavaScript
• Наиболее понравившиеся работы на CodePen в 2018
• Новогодняя композиция с помощью three.js
• Игра Crossy Road на three.js
CSS
• 4 CSS фишки на каждый день
• Как изучать CSS
• CSS Grid для дизайнеров. Как новая технология меняет лейауты в вебе
• Простое руководство по анимации CSS
• Быстрый аудит CSS и общие заметки о системах дизайна
• Фоновый градиент на многострочном тексте
JavaScript
• JavaScript реализация throttle на пальцах — скринкаст
• Y-комбинатор на JavaScript
• Чем опасны сторонние модули Node.js
• Топ фреймворков и областей JavaScript для изучения в 2019 году
• Изучение современного JavaScript десятью простыми способами
• Фоновая синхронизация с Service Workers
• AI в JavaScript с TensorFlow.js
- Теория:
• Курс лекций по JavaScript и Node.js в КПИ
• Как работать с async/await в циклах JavaScript
• Краткая история JavaScript. Часть 1, Часть 2
• Когда использовать var vs let vs const в JavaScript
• Особенности ES6, которые вы должны знать
• Хроники JavaScript объектов
- VueJS:
• Состояние JavaScript в 2018 году: обзор Vue.js
• О чем вас спросят на собеседовании vue.js в 2019
• Семь причин изучать Vue.js в 2019 году
• Сайт с блогом и портфолио с использованием Vue.js + Nuxt + Markdown
• Хранение и использование последнего известного маршрута в Vue
• Лучшие практики Vue.js. Подборка лучших практик и стайлгайдов
• Hooper: настраиваемая карусель для приложений на Vue
• D3.js и Vue.JS
- React:
• Next.js для начинающих, с базовыми знаниями React
• Использование React.lazy и Suspense для разделения кода вашего приложения
• 3 основных инструмента для повышения SEO вашего приложения на React
• Универсальные конфигурации Webpack для приложений на React
• Рекурсивные пути с React Router
- Angular:
• Создание переиспользуемого акордион-компонента, который может работать где угодно
• Создание своего собственного Angular CLI Schematic с Nx
• Прогрессивное веб-приложение с использованием Angular и Google API
- Libs & Plugins:
• FBT — фреймворк от Facebook для интернационализации пользовательских интерфейсов
• Readlint — линтит все примеры кода в вашей README-документации, используя общие конфиги
• omniclone — изоморфная и настраиваемая утилита для глубокого копирования объектов
Занимательное
• SEO-итоги 2018: качество сайта, дискриминация органики и пауки в банке
• Наиболее важные события 2018 года
• Стабильный выпуск web-браузера Otter 1.0 с интерфейсом в стиле Opera 12
• Империя Amazon — список всех подразделений онлайн-гиганта
• 8K, VR и голограммы: каким будет телевидение завтрашнего дня?
• Net Applications: в декабре 2018 года Windows 10 обошла Windows 7 по доле рынка настольных ОС
• MIT: в 2019 году блокчейн станет «скучным»
• Итоги акционеров: как изменилась стоимость крупнейших ИТ-компаний мира за 2018 год
• Почему 2018 год стал худшим для Марка Цукерберга и что это значит для свободного интернета
• Видео: какими Microsoft видела технологии 2019 года в 2009 году
?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.