Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Веб-разработка

CSS

Javascript

Занимательное

Веб-разработка

• Как в HTML DRM внедрили: измена или эволюция?
• Как PregBuddy достиг уровня 100/100 в LightHouse
• Создание библиотеки шаблонов с помощью Shadow DOM в Markdown
• Медиа:
  
  • HTML Шорты — W3C или WHATWG
  • Подкаст «Веб-стандарты», Выпуск №76: Вертикальный ритм, Sass разрешил, переменные в препроцессорах, Susy жива, экономия на классах, чёрная магия CSS, ES 2017, полезный npx.
  • Подкаст «Frontend Weekend» №11: Как попасть в Google в США и проводить курсы по Angular
  • Подкаст «Фронтерки» №7: Курганов, зависимости, приветы
  • Еженедельный стрим от Юрия Артюха #7 ALL YOUR HTML: дисторт на шейдерах из PIXI, маски на CSS и Canvas и тотальный Displacement
  
  
• AMP/PWA:
  
  • Twitter начал давать AMP-ссылки в своих Android и iOS приложениях
  • AMP — это ложь
  • Как Google AMP повлиял на траффик Newcastle United
  • Прогрессивное Веб Приложение с помощью Webpack
  
  
• Инструменты:
  
  • Представляем npx: утилиту для запуска npm-пакетов
  • Презентация Webpack Academy: полный курс по webpack
  • Как использовать Sublime Text для разработки HTML писем
  • Что нового в DevTools: в Chrome 60, в Chrome 61
  • Webpack import() скоро будет получать JS + CSS — и вот как этого достичь сегодня
  • Bundle Buddy — инструмент для нахождения дупликатов в бандлах
  
  

CSS

• CSS и iOS Safari
• Первый публичный черновик модуля CSS-шрифтов 4 уровня
• Методы организации CSS
• Давайте поговорим о Speech CSS
• Уменьшение размера CSS на 70% путем сокращения имен классов и изоляции скоупа
• CSS — это не темная магия. Пояснение основных концепций
• Как использовать кастомные свойства CSS для написания более читабельного кода
• Релиз Sass 3.5
• 10 вещей, которых вы, вероятно, не знали о Sass
• Теперь этот сайт использует Grid Layout

JavaScript

• Реверс-инжиниринг одной строчки JavaScript
• Простая валидация формы без JS
• Паттерны оптимизации JavaScript. Часть 1
• Паттерны оптимизации JavaScript. Часть 2
• Зачем и как создать сайт без JavaScript
• JavaScript действительно покоряет мир
• Project Guidelines — набор лучших практик для JavaScript проектов
• (Сейчас больше, чем когда-либо) Возможно, вы не нуждаетесь в jQuery
• MVC в Vanilla JavaScript
• Генерация изображений в JavaScript без использования Canvas API
• Десять вещей, которые серьёзный JS разработчик должен знать? (обсуждение на reddit) (What 10 Things Should a Serious Javascript Developer Know Right Now?)
• Javascript @ Uber. Запись доклада с AmsterdamJS Conference 2017
• ES2015+:
  
  • ES8 вышел и вот его основные новые возможности
  • 5 вещей, которые вы должны знать о ES8
  • ES2015 Promises & ES2017 Async/Await
  • JavaScript Async/Await, объясненные за 10 минут
  
  
• VueJS:
  
  • 4 важных изменений в Vue.js 2.4.0
  • Руководство по Vue.js для jQuery разработчиков
  • React or Vue? — это не вопрос для спора, а предпочтение
  • Введение во Vue.js для новичков
  • Юнит тестирование компонентов Vue.js с помощью Jest
  • Как писать юнит тесты для Vue.js
  • vuex-loading — комплексное управление загрузчиков для приложений на Vue/Vuex
  • Урок по созданию ToDo списка: Создание компонентов Vue, Опция удаления Option и глобальные события
  
  
• React:
  
  • Подкаст «Пятиминутка React» #25: Gatsby 1.0
  • emotion — библиотека нового поколения для CSS-in-JS
  • Презентация Microcosm: наш Data Layer для React
  • Высокопроизводительный React: 3 новых инструмента для повышения скорости ваших приложений
  • Юнит тестирование в React: поверхностное или статическое тестирование
  
  
• Angular:
  
  • Топ 5 ошибок производительности мобильных приложений на Angular
  • Continuous Integration с Angular CLI
  • Angular 4 в 60 минут
  
  
• Libs & Plugins:
  
  • Ленивые массивы в JavaScript
  • BotUI — JS фреймворк для создания диалоговых интерфейсов
  • glyphhanger — утилитая для автоматического объединения шрифтов в вебе. Может генерировать комбинированный список каждого глифа, который используется в списке семплов или URL-адресов
  • pell — простейший маленький (1kB) WYSIWYG редактор текста для веба, без зависимостей
  • JQuery FormStyler Modern — самостоятельный форк известной библиотеки для стилизации форм
  
  

Занимательное

• Консорциум W3С дал зелёный свет стандартизации DRM для Web
• Ubuntu Linux теперь можно установить прямо из магазина Windows
• Новый инструмент для резервного копирования и синхронизации данных Google Backup and Sync стал доступен для загрузки на Mac и Windows
• ICO, «глупые» деньги и перспективы эфириума
• «Я продержался в SoundCloud всего одну неделю, а потом меня сократили»
• Бум нейросетей: Кто делает нейронные сети, зачем они нужны и сколько денег могут приносить
• Хакеры «охотятся» на незавершенные установки WordPress
• Mozilla использует Google Analytics в менеджере дополнений Firefox

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.