С новым годом! Я только что закончил делать ретроспективу своего 2017 года, часть которой превратилась в пост в блоге, и планирую, чего я хочу достичь в 2018 году.
Одно из моих решений — писать больше — я выделяю 30 минут каждое утро в начале дня, чтобы заставить себя писать — так что ожидайте увидеть больше сообщений от меня, и если вас интересуют определенные темы, не не стесняйтесь спрашивать.
Над чем вы сосредоточены, над чем работаете или что изучаете в 2018 году? Прокрутите вниз до комментариев и дайте мне знать!
Счастливой пятницы!
KBall от ZenDev
CSS и SCSS
Автоматическое изменение размера столбцов в CSS Grid: «автозаполнение и автоподбор»
Посмотрите, как автоматически размещать столбцы для заполнения пространства без переполнения контейнера с помощью CSS Grid.
Переход от After Effects к CSS-переходам и ключевым кадрам
Практическое пошаговое руководство о том, как взять анимацию, созданную в After Effects, и перевести ее в HTML и CSS.
10 докладов и презентаций разработчиков о будущем CSS
Отличный список выступлений для тех, кто хочет понять, что будет дальше, до того, как это произойдет. Я особенно в восторге от Houdini, но есть отличные доклады по целому ряду тем, включая игры на основе CSS, CSS Grid, адаптивную типографику и многое другое.
8 лучших практик для идеальной CSS-документации
Мне нравится эта разбивка — она говорит не только о хороших практиках документирования, но и о хороших практиках организации CSS.
Реальное пошаговое руководство по применению CSS Grid в рамках ограничений существующей системы дизайна. Охватывает не только создание новых сеток, но и адаптацию старых сеток на основе разметки к новой системе.
Создатели одной из моих самых любимых игр Flexbox Froggy представляют еще одну восхитительно причудливую игру, которая поможет вам изучить CSS Grid на практике.
JavaScript
Лучшие библиотеки и технологии JavaScript для изучения в 2018 году
Большая часть этой статьи — это мнение о том, почему React продолжит доминировать в 2018 году (о чем стоит прочитать и подумать), но есть также действительно хороший список тем для изучения со ссылками на ресурсы.
Годовой обзор разработчиков Vue.js — 5 лучших статей 2017 года
Для альтернативного взгляда на то, какой фреймворк будет доминировать в 2018 году, а также для набора отличных статей, посвященных Vue.js, за 2017 год, ознакомьтесь с этим обзором на vuedevelopers.com.
Вавилон: приближается релиз 7.0
Обновление обо всех удивительных вещах, происходящих с Babel по мере приближения к выпуску версии 7.0. Это один из самых важных проектов для экосистемы JavaScript, поэтому, если вы ищете место, где можно принять участие или помочь, обязательно рассмотрите их.
Главные тренды JavaScript, за которыми стоит следить в 2018 году
Заглянув за пределы фреймворков (хотя у них есть мнение о фреймворках), этот пост исследует ряд самых горячих тенденций в технологии JavaScript, чтобы дать вам возможность посмотреть и начать копаться в них.
Аддитивная анимация с API веб-анимации
Я имел удовольствие видеть, как Дэн Уилсон выступал с докладом об API веб-анимации на QConSF в этом году, и был потрясен. Он не разочаровывает в своем дебюте CSS Tricks — это отличная статья о некоторых возможностях композитной анимации, открываемых Web Animations API.
Другое
Контрольный список производительности внешнего интерфейса 2018 [PDF, Apple Pages]
Эпический загружаемый контрольный список для повышения производительности вашего сайта. Собран Smashing Magazine, который недавно выпустил обновленную (и ОЧЕНЬ быструю) версию своего веб-сайта. Определенно стоит прочтения.
Итак, на самом деле это не связано с внешним интерфейсом, но эти эксплойты, которые стали достоянием общественности в среду, могут нанести ущерб всем в отрасли, поэтому вы обязательно должны иметь их на своем радаре, и если вы хотите меня и, как правило, ждут установки обновлений… на этот раз пропустите эту тенденцию и установите обновления безопасности как можно скорее.
Yew — фреймворк Rust для веб-приложений
Рост Web Assembly начал приносить плоды. Ознакомьтесь с этой структурой для Rust, которая позволяет создавать веб-приложения на стороне клиента в Rust с помощью языка шаблонов, подобного JSX, компилировать прямо в веб-сборку и запускать в браузере!
Stripe Connect: за интерфейсом
Очень крутая ретроспектива того, как команда дизайнеров Stripe использовала ряд передовых веб-технологий, включая CSS Grid, CSS 3D, API веб-анимации и API Intersection Observer, для создания своих новых целевых страниц Stripe Connect.
Счастливой пятницы!
Вам нравится этот информационный бюллетень? Получите его прямо в свой почтовый ящик! Каждую пятницу я рассылаю 15 ссылок на лучшие статьи, уроки и анонсы по CSS/SCSS, JavaScript, а также множество других замечательных Front-end новостей — подпишитесь здесь: https://zendev.com/friday-frontend.html
Первоначально опубликовано на zendev.com 5 января 2018 г.
