Grunt

Сейчас SVG актуальнее, чем когда-либо Странно говорить о том,что SVG в данный момент заслуживает внимание, просто потому что ей уже 100 лет в обед. В то же время, нет сомнений, что SVG переживает сейчас период возрождения. Давайте посмотрим почему же сейчас это стало так актуально и какие технологии делают использование SVG легче в современных веб-сайтах. Почему сейчас? SVG получило огромный приток интереса при взлёте Отзывчивого дизайна, разработчики стали искать решения, которые масштабировались в различных устройствах. SVG весят немного и выглядят отлично при ресайзе, что делает их привлекательными альтернативами обычных изображений и иконок. ...

Вступление Если Grunt — это новое для вас словом, то лучшим способом будет начать с предыдущей статьи Grunt для чайников. После этого вступления у нас будет собственный Grunt проект и мы почуем силу, которую предлагает Grunt. В этой статье мы не будем фокусироваться на различных плагинах Grunt для вашего текущего проекта, но на самом процессе. Рассмотрим пару практических идей по тому: Как содержать ваш Gruntfile в порядке и чистоте, Как существенно ускорить время сборки, И как уведомлять о том, что происходить сборка. Короткий дисклеймер: Grunt — это всего лишь один из многих инструментов, которые можно использовать для выполнения задач. Если вам больше нравится Gulp, то отлично! После того, как вы исследуете все возможности и вам по-прежнему нужно будет сделать свой велосипед, то это тоже нормально! Давайте сфокусируемся на Grunt в этой статье, вследствие эго мощной экосистеме и огромной базе пользователей. ...

Оригинал — статья Grunt for People Who Think Things Like Grunt are Weird and Hard Фронтэнд разрабочикам часто говорят: Разрабатывайте всё в маленьких кусках CSS и JavaScript кода, чтобы вам было понятно, а дальше соберите их вместе для продакшн сайта. Сожмите ваш CSS и минифицируйте JavaScript, чтобы размеры файлов были минимальными в работающем сайте. Оптимизируйте ваши изображения для уменьшения их размера без ущерба для качества. Используйте Sass для создания CSS из-за возможности использования многочисленных полезных абстракций. Это не всеобъемлющий список действий, но некоторые из них мы должны делать. Вы можете называть их задания. Могу поспорить, что вы уже слышали о Grunt. Короче говоря, Grunt — это исполнитель заданий. Grunt может делать их за вас. После того, как вы его установили, что на самом-то деле и не особенно сложно, то он выполняет автоматически, без необходимости снова продумывать все задания. Но давайте начистоту: Grunt — это одна из новомодных штукенций, которой пользуются все крутые детишечки, но которая на первый взгляд кажется странной и недоступной. Я вас понимаю. Эта статья именно для вас. ...