Your SlideShare is downloading. ×
0
Добрий вечiр!
Как верстать сайты
быстрее чем их рисуют
Юрий Артюх
Текстовый редактор
!
Некоторые школы предпочитают
сверхдлинные мечи. Это слабые школы.
Они не принимают принципа «рубить
врага любыми средств...
Emmet
Hayaku
Emmet-Hayaku
https://gist.github.com/akella/9757676
Photoshop
CSS Hat
PNG Hat
Препроцессоры
15 иконок в спрайте:
(png или base64, что угодно)
Наследование
@extend
Чем это компилировать
Кто не использует препроцессор
тот…
Тот Андрей Ситник и использует
постпроцессор!
Методология верстки
• БЭМ
• MCSS
• UBERCSS
• PonyCSS
• WTFCSS
• MLP:FIM
плевать какая
лишь бы она была
Полезный Grunt
Что там есть
• Автоматическое тестирование
• Компиляция
• Запуск чего угодно
Полезные мелочи для верстки
HTML инклуды
https://github.com/alanshaw/grunt-include-replace
Сохранять только в SVG
PNG создавать автоматически
https://github.com/filamentgroup/grunticon
Компилировать только новое
https://github.com/tschaub/grunt-newer
Вебсервер в любой папке
python -m SimpleHTTPServer
Alfred (launchy)
Если вы не автоматизируете
Вы работаете больше чем надо
Тратьте меньше времени
Делайте больше работы
Получайте удовольствие от процесса
Идите и живите жизнь
Дякую!
!
Юрiй Артюх
coderiver.com.ua
cssing.org.ua
twitter.com/akella
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Юрий Артюх (Coderiver)
Upcoming SlideShare
Loading in...5
×

Юрий Артюх (Coderiver)

1,765

Published on

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,765
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Юрий Артюх (Coderiver)"

  1. 1. Добрий вечiр!
  2. 2. Как верстать сайты быстрее чем их рисуют Юрий Артюх
  3. 3. Текстовый редактор
  4. 4. ! Некоторые школы предпочитают сверхдлинные мечи. Это слабые школы. Они не принимают принципа «рубить врага любыми средствами». Они предпочитают особо длинный меч. Книга пяти колец, XVII век, Миямото Мусаси
  5. 5. Emmet Hayaku
  6. 6. Emmet-Hayaku
  7. 7. https://gist.github.com/akella/9757676
  8. 8. Photoshop
  9. 9. CSS Hat
  10. 10. PNG Hat
  11. 11. Препроцессоры
  12. 12. 15 иконок в спрайте: (png или base64, что угодно)
  13. 13. Наследование @extend
  14. 14. Чем это компилировать
  15. 15. Кто не использует препроцессор тот…
  16. 16. Тот Андрей Ситник и использует постпроцессор!
  17. 17. Методология верстки • БЭМ • MCSS • UBERCSS • PonyCSS • WTFCSS • MLP:FIM
  18. 18. плевать какая лишь бы она была
  19. 19. Полезный Grunt
  20. 20. Что там есть • Автоматическое тестирование • Компиляция • Запуск чего угодно
  21. 21. Полезные мелочи для верстки
  22. 22. HTML инклуды https://github.com/alanshaw/grunt-include-replace
  23. 23. Сохранять только в SVG PNG создавать автоматически https://github.com/filamentgroup/grunticon
  24. 24. Компилировать только новое https://github.com/tschaub/grunt-newer
  25. 25. Вебсервер в любой папке python -m SimpleHTTPServer
  26. 26. Alfred (launchy)
  27. 27. Если вы не автоматизируете Вы работаете больше чем надо
  28. 28. Тратьте меньше времени Делайте больше работы Получайте удовольствие от процесса Идите и живите жизнь
  29. 29. Дякую! ! Юрiй Артюх coderiver.com.ua cssing.org.ua twitter.com/akella
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×