Как верстать быстрее

Transcript

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