WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
2 likes441 views
Документ описывает опыт и навыки Юрия Артюха в веб-верстке, включая использование технологий и инструментов, таких как CSS, JavaScript, Gulp и Webpack. Он делится своим подходом к адаптивной верстке и методологиям, таким как БЭМ, а также отмечает важность соблюдения дедлайнов и перфекционизма. В заключение Юрий указывает на необходимость изучения JavaScript для дальнейшей работы в верстке.
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
- 1. пам-пам
- 3. Чем я занимаюсь • 12 лет верстаю • 18 человек в команде • Больше 2 тысяч сайтов • Сплю • Лентяй
- 4. Чем я не занимаюсь • Соблюдаю дедлайны • Перфекционист • Пишу много javascript
- 7. Slow, but open source
- 8. Photoshop
- 17. Адаптивность
- 18. not a big deal
- 19. CSS Media Queries Level 4 PostCSS
- 21. Как это делать
- 22. например
- 25. no media query! Работает в email!
- 28. Cool!
- 31. Element query!
- 32. Flex!
- 33. Footer к низу body: flex-direction: column
- 34. Еще • CSS Grid Layout http://gridbyexample.com/ examples/ • Flex, http://www.flexboxdefense.com/, flex-basis • nth-child - quantity селектор, http://alistapart.com/ article/quantity-queries-for-css
- 37. Сборка • Gulp • Webpack • NPM • bower
- 38. • Gulp • Webpack • NPM
- 40. PostCSS mqpacker
- 42. PostCSS RTL
- 43. PostCSS SugarSS
- 45. У каждого своя задача SASS PostCSSCSS CSS→ → →
- 46. Pug (ex-jade)
- 48. front-matter
- 50. Premailer
- 51. Lint-staged • Валидирует файлы в перед коммитом • Только файлы в коммите • Отличная защита от начинающих верстальщиков
- 52. Yeoman для тех у кого много проектов https://www.npmjs.com/package/generator-man
- 54. БЭМ
- 58. webcomponents another way to build it all
- 59. polymer
- 63. react+webpack
- 66. Результат
- 68. Polymer vs React Реализация одной идеи
- 70. придется учить js чтобы верстать в 2017