Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

4,458 views

Published on

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

Published in: Technology
  • Be the first to comment

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

  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

×