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

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

CSS

Javascript

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

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

• Июньские новинки мира веб-стандартов
• Визуальное регрессионное тестирование (как быстро продвигаться в разработке и ничего не ломать)
• Валидация форм, Часть 1: Проверка ограничений в HTML, Часть 2: API проверки достоверности (JavaScript), Часть 3: Validity State API Polyfill, Part 4: Валидация формы подписки MailChimp
• Медиа:
  
  • Подкаст Frontend Weekend FW #9 – Как стать крутым разработчиком без профильного образования
  • Подкаст «Пятиминутка React»: #23 — webpack 3.0.0, pnpm 1.0, TypeScript 2.4
  • Прогрессивная деградация — HTML Шорты
  • Запись стрима Юрия Артюха ALL YOUR HTML #5: Sexy Fragment Shader and throttle-debounce
  • Полная компиляция видео с React Amsterdam 2017 + бонус
  
  
• Инструменты:
  
  • JS Foundation: Episode #0 – sonar: инструмент линтинга для веба
  • 8 свойств CodePen, о которых вы не знаете
  • Полноразмерные скриншоты страниц нативными средствами браузеров
  
  
• Анимации:
  
  • GreenSock для начинающих: руководство по веб-анимации (часть 1)
  • Анимация органической формы с помощью SVG clipPath
  
  
• AMP/PWA:
  
  • Я решил отключить Google AMP на своём сайте
  • Любой сайт может стать PWA – но мы должны делать это лучше
  • Создание m.uber: разработка высокопроизводительного веб-приложения для глобального маркета
  
  

CSS

• От бутстрапа — к CSS-гридам
• Полное руководство по Flexbox
• Применение стилей для фокуса с клавиатуры
• Выбираем, как структурировать наши CSS компоненты
• Как определить и использовать пользовательские свойства CSS
• Пять основных этапов развития CSS
• Наложение шрифтов, или как переименовать шрифт в CSS
• Отзывчивая типографика с помощью calc(), vw, и суперспособности Sass
• reproCSS — CSS репроцессор, использующий теги

https://habrahabr.ru/post/332138/