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

3,945 views
3,731 views

Published on

Юрий Артюх​ @akella
«Как верстать сайты быстрее, чем их рисуют»​
Frontend Dev Conf'14
www.fdconf.by

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,945
On SlideShare
0
From Embeds
0
Number of Embeds
2,058
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  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

×