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

2,222 views
2,032 views

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
2,222
On SlideShare
0
From Embeds
0
Number of Embeds
1,004
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Юрий Артюх (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

×