Анонс Frontend digest: Разрешённые приёмы

Сегодня отрежем от кода всё лишнее и сделаем его быстрее. Ещё посчитаем количество звёздочек у библиотеки Anime.js и посмотрим на аналог платформы CodePen от Mozilla Corporation.

Минификация кода — это один из старейших способов оптимизации, основанный на сокращении размера кода. Чем меньше будет размер файла с кодом, тем быстрее он будет передаваться по сети и работать на целевом устройстве. Лишние пробелы, комментарии и прочие человеческие удобства компьютеру не нужны, и от них можно спокойно избавиться. Меньше символов, меньше оперативной памяти, меньше задержки отображения.

Обычно, анимация создаётся постепенным изменением стиля элемента. Проблема лишь в том, что даже простые анимации отнимают у разработчика много времени. Anime.js поддерживает язык разметки HTML, JavaScript, CSS, SVG и имеет набор инструментов, которые позволяют поставить анимацию на паузу, изменять скорость, воспроизводить в обратном порядке, останавливать и перезапускать её.

Недавно Mozilla Corporation представила свой «CodePen» под названием MDN Playground. Эта платформа позволяет в режиме онлайн создавать и делиться с другими пользователями сниппетами кода. По словам создателей MDN Playground, они прекрасно понимали, что создают ещё одну песочницу. Но идеей было не столько конкурировать с аналогами, сколько улучшать собственную документацию.

Хотите подробностей? Тогда добро пожаловать в полную версию нашего дайджеста.