Как верстать сайты быстрее чем их рисуют

Доброго дня, друзi!

Как верстать сайты
быстрее чем их рисуют
Юрий Артюх

Текстовый редактор

https://gist.github.com/akella/9757676

+s(bigorel) - миксин
icons.png

15 иконок в спрайте:

Чем это
компилировать

Кто не использует
препроцессор
тот…

Методология верстки
• БЭМ
• MCSS
• UBERCSS
• PonyCSS
• WTFCSS
• MLP:FIM

плевать какая
лишь бы она была

Что там есть
• Автоматическое тестирование
• Компиляция
• Запуск чего угодно
• Автоматизация всех задач

HTML инклуды
https://github.com/alanshaw/grunt-include-replace

Сохранять только в SVG
PNG автоматически
https://github.com/ﬁlamentgroup/grunticon

Компилировать
только изменившееся
https://github.com/tschaub/grunt-newer

Вебсервер в любой папке
python -m SimpleHTTPServer

Если вы не автоматизируете
Вы работаете больше чем надо

Тратьте меньше времени
Делайте больше работы
Получайте удовольствие от процесса
Идите и живите жизнь

Дякую! Запитання?
!
Юрiй Артюх
coderiver.com.ua
cssing.org.ua
twitter.com/akella

-20%
bit.ly/csshat-discountbit.ly/pnghat-discount

Related slideshows