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

1. Добрий вечiр!

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

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

9. !
Некоторые школы предпочитают
сверхдлинные мечи. Это слабые школы.
Они не принимают принципа «рубить
врага любыми средствами».
Они предпочитают особо длинный меч.
Книга пяти колец, XVII век, Миямото Мусаси

10. Emmet
Hayaku

13. Emmet-Hayaku

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

15. Photoshop

16. CSS Hat

20. PNG Hat

26. Препроцессоры

33. 15 иконок в спрайте:
(png или base64, что угодно)

34. Наследование
@extend

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

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

43. Тот Андрей Ситник и использует
постпроцессор!

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

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

46. Полезный Grunt

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

48. Полезные мелочи для верстки

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

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

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

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

53. Alfred (launchy)

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

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

59. Дякую!
!
Юрiй Артюх
coderiver.com.ua
cssing.org.ua
twitter.com/akella