Eugene
ну или html :))
Vladislav
Ты мыслишь правильно
Я именно так и работаю с большими проектами
Тебе нужно разобраться как это все настроить ?
Да. И что к чему, какая фигня что обрабатывает и прочее.
Eugene
на бутстрап или любые другие фреймворки посмотри лол
Eugene
там как раз все компонентно
Eugene
uikit хорошый пример
Eugene
https://github.com/uikit/uikit/tree/develop/src/scss/components
Vladislav
Ты не понял
Vladislav
Я свои куски кода хочу применять где надо
Vladislav
А не бутстраповские и прочее
Eugene
ну я и говорю про твои)
Eugene
Посмотри как у них все организовано
Eugene
Бест практики можно сказать
Galeups
Мне всегда казалось, что jade (pug) это как sass, только для html. Типа, удобнее и быстрее делать верстку
в нем удобно инклюдить блоки, файлы и подобное, + циклы для одинаквых элементов
Galeups
например шапку и футер делаешь отдельными файлами и инклюдишь их во все остальные файлы
Galeups
нужна правка шапки, не надо будет её правиь на 20 страницах, а исправить только в одном файле
Vladislav
Вот этого я и хочу!
Vladislav
и инклюдить формы, кнопки и прочее подобное
Galeups
но это если верстаешь без запущенного lamp, если имеешь lamp, это можно делать с помощью инклюда php файлов
Galeups
но для фронтендера - lamp вроде как нужен будет потом, отлаживать формы, ajax, данные отправляемые на бэк
Eugene
ток как ты будешь комилить пхп в html?;D
Galeups
в одном проекте столкнулся с jade, вроде как прикольно
Vladislav
Не не, я чисто верстак
AlekVolsk
но это если верстаешь без запущенного lamp, если имеешь lamp, это можно делать с помощью инклюда php файлов
у меня опенсервер и я делаю это с его помощью, т.к. на беке у меня всегда 100% пых
Galeups
просто верстку делаю в файлах php
Galeups
согласен, openserver наше все ))
Vladislav
Мне нужно будет отдавать верстку в html, надо чтобы все компилилось в простой html.
Vladislav
Если pug это и делает, то замечательно вообще
Vladislav
У меня тоже опенсервер, если что)
AlekVolsk
Ты мыслишь правильно
Я именно так и работаю с большими проектами
Тебе нужно разобраться как это все настроить ?
вот неплохобы вебинарчик наговорить на эту тему и видео на ютуб, всех страждущих носом тыкать
Galeups
тогда jade самое то, мне очень понравилось, надо взять его на поработать.
но он очень критичен к отсупам
Galeups
вот вэбпак все никак не освою, вот там бы закрутилось все )))
Eugene
https://github.com/yeoman/generator-webapp еще можешь взять этот генератор и почти все готово
Eugene
Eugene
ток pug прикрутить,
Eugene
https://github.com/yeoman/generator-webapp/blob/master/docs/recipes/pug.md вот так
Galeups
кстати человеку ещё live-reload забыли посоветовать
Galeups
browser-sync
Vladislav
тогда jade самое то, мне очень понравилось, надо взять его на поработать.
но он очень критичен к отсупам
Я в сассе привык к отступам)
Eugene
Eugene
browser-sync
Galeups
gulp+jade+sass+sourcemap+autoprefixer+browsersync
AlekVolsk
не забудьте человека научить всем этим пользоваться )))
Vladislav
Кстати да)))))
Vladislav
Хотя бы статейку
Vladislav
Какую
Galeups
долго мучил конфиг jade+browsersync, отмучил, работает ))
Eugene
соурс мапы и оптимизация картиночек тоже есть:)
Vladislav
Так
Vladislav
А соурсмап шо такое?
Galeups
ты в браузере смотришь же не sass, а css
Galeups
а соурсмап будет показывать где это свойство находится именно в sass
Vladislav
Ну да, у меня же при сохранении sass сразу компилится css, а css уже подключен к вертке
Vladislav
Ага
Vladislav
Понял
Vladislav
Полезно
Galeups
у кого сколько уходит на верстку, чую, что то я торможу не по детски, интерсна средняя скорость )))
Vladislav
- Node.js
- Gulp
- Jade/Sass
- SourceMap
- BrowserSync
Vladislav
Верно?
Vladislav
у кого сколько уходит на верстку, чую, что то я торможу не по детски, интерсна средняя скорость )))
У меня долго. Пока продумаю, как что назвать и как что логичнее выстроить.
Eugene
- Node.js
- Gulp
- Jade/Sass
- SourceMap
- BrowserSync
теперь идешь по ссылочки выше, читаешь как запустить и готово:)
Eugene
Eugene
ток pug надо будет прикрутить
Максим
кто-то gulp-shorthand юзает?
Galeups
У меня долго. Пока продумаю, как что назвать и как что логичнее выстроить.
))) такая же фигня, проблема - как назвать очередной класс 😂
Eugene
))) такая же фигня, проблема - как назвать очередной класс 😂
тут мне кажется надо апать английский
Eugene
если вы конечно не пишите class="shapka"
Vladislav
Сложноооо
Vladislav
На русском есть?
Vladislav
тут мне кажется надо апать английский
Да нет, проблем нет. Логика важна. Какие элементы еще можно будет использовать, а какие нет
Vladislav
Так то все на инглише
Vladislav
У меня в сайте было <!— Конец головы —>
Eugene
npm install —global yo gulp-cli bower generator-webapp
yo webapp
gulp serve
Кодишь
Vladislav
Я долго ржал с такого коммента)