[Из песочницы] Инструментарий для front-end разработки под Linux

Скрипты и советы | 13 октября 2016 2 992

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов

Доброго времени суток, господа девелоперы! В этой статье я расскажу, как сделать разработку под Linux действительно комфортной и удобной, чтобы она приносила только боль удовольствие.

Чего мы добиваемся:
Просматриваем страницу в браузере и правим в текстовом редакторе HTML и CSS/SASS. Код извлекаем напрямую из PSD, попутно корректируя до PixelPerfect прямо в браузере. При сохранении SASS автоматически преобразуется в CSS и загружается на сервер. Необходимые картинки из PSD шаблона вырезаем в два клика, после чего они так-же автоматически загружаются на сервер. Как этого добиться менее чем за пол часа? Я расскажу вам!

Сразу хочу предупредить вас, если ваш опыт работы более нескольких лет и вы являетесь достаточно опытным front-end'ером, то ничего нового вы в этой статье не найдете. Она предназначена для людей, которые относительно недавно присоединились к GNU/Linux сообществу или только решили к нему примкнуть.

Краткое содержание

Выбор браузера

Установка расширений для Firefox

Выбор текстового редактора

Необходимые расширения для Sublime Text 3

Дополнительные инструменты и оптимизация системы

Читать дальше →

Источник: Уроки CSS на Хабрахабре

Каскадные Таблицы Стилей / Вкусный CSS: Sass + Compass

Что такое Haml/Sass? Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою...

Подробнее
Модульные front-end блоки – пишем свой мини фреймворк

Доброго времени суток уважаемые читатели хабра. С каждым годом в веб разработке появляется все больше разнообразных...

Подробнее
С чего начать разработку приложения

Доброго времени суток, друзья! Я очень не люблю заниматься саморекламой, но в ситуации, когда команда состоит из одного...

Подробнее
Работа с Sass в приложении ASP.NET Core

Sass (Syntactically Awesome Style Sheets) — это скриптовый язык, используемый для создания каскадных таблиц стилей...

Подробнее
[Перевод] Приветствуем CSS Container Queries

*Container Queries — Выражения от контейнера За последние шесть лет моей работы в качестве front-end разработчика я не...

Подробнее
[Перевод] Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?

С момента релиза CodyHouse Framework, пару месяцев назад, многие пользователи спрашивали нас, почему мы выбрали...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями