Github,и прочее...

[Евгений_SB]

Здравствуйте ребят,хотел спросить кто нибудь пользуется Github или для верстки он не обязателен,и как вы располагаете сами каталоги да и поделитесь как вы в обще начинаете верстать и с чего,

При чтении книжки по jQuery наткнулся на ссылку http://ru.bem.info/   почитал что к чему, стало интересно как в обще происходит верстка у профи, с самого начала и до конца,просто пока верстаю использую всего 3 файла (index.html) (style.css) (script.js). и папку и изображениями, но после прочтения прочитал что разбивать все на блоки проще и комфортнее, да и просто удобно что бы стиль от блока лежал в отдельном файле, и как это связано с Github.

Да и просто хотелось бы узнать мнение профессиональных верстальщиков,как организовать сам процесс работы,что бы научиться работать действительно как профессионал

Поделитесь своими методами работы,какие инструменты используете,как организовываете сами каталоги ну и прочее,

Edited June 13, 2014 by Евгений_SB

[Zverushka]

Хотелось бы тоже послушать про гитхаб. Как-то попыталась им пользоваться для контроля версий, отменила изменения, сделала пару правок, а потом захотела вернуть отменные изменения - и никак не получилось этого сделать. Часть данных была утеряна, в том числе вырезанные картинки. Пока живу на архивах и заливке на веб-сервер на случай отказа диска или случайно утери файлов).

[Евгений_SB]

Хотелось бы тоже послушать про гитхаб. Как-то попыталась им пользоваться для контроля версий, отменила изменения, сделала пару правок, а потом захотела вернуть отменные изменения - и никак не получилось этого сделать. Часть данных была утеряна, в том числе вырезанные картинки. Пока живу на архивах и заливке на веб-сервер на случай отказа диска или случайно утери файлов).

 

Подскажите а как вы организуете порядок каталогов при организации работы,каким редактором пользуетесь, и что думаете по поводу БЕМа,и нужен ли Github обычному верстальщику? или стоит все таки его осваивать?

[Zverushka]

@Евгений_SB, у меня чистейшая отсебятина и не с кого было взять пример.

Все свои проекты я именую по порядку создаю папку 1 tv, 2 sanki итп, внутри них обычная структура папок для верстки, кроме папки temp - в темпе лежит сам макет псд и его архивная версия, там же файл todo, где я записываю потраченное время и примечания, а также другой мусор. Там же я потом создаю папку edit, в которой хранятся версии сайта после окончательной верстки, когда просят что-то поправить, если первый раз просят поправить - то захожу в temp > edit> 1 - в нем создаю папку save или temp - в ней держу архивную копию сайта или другой мусор.
Остальное то классика, редактор sublime text 2 (3) лучше не придумаешь.

По поводу Бема думаю, что он небходим в больших проектах, в маленьких, типа лендов или небольших сайтах избыточен. Могу еще поменять мнение.

Про гитхаб не знаю.

Edited June 13, 2014 by Zverushka

[Bassline]

Хотелось бы тоже послушать про гитхаб. Как-то попыталась им пользоваться для контроля версий, отменила изменения, сделала пару правок, а потом захотела вернуть отменные изменения - и никак не получилось этого сделать. Часть данных была утеряна, в том числе вырезанные картинки. Пока живу на архивах и заливке на веб-сервер на случай отказа диска или случайно утери файлов).

http://habrahabr.ru/post/157175/

[Zverushka]

@Bassline, обожеж ты мой - на виндовс версии с кнопочками это нереализуемо наверное? 

[Bassline]

@Bassline, обожеж ты мой - на виндовс версии с кнопочками это нереализуемо наверное? 

Почему же, ставишь msysgit http://msysgit.github.io/ и все реализуешь. Мне через консоль проще, нужно выучить около десятка команд и все дела. http://git-scm.com/book/ru/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5

Edited June 13, 2014 by Bassline

[amelice]

Если бы я ввела какой нибудь проект то наверно было бы так:
nameProject
|
|\less
|
|\common (общие блоки)
|   |
|   |\header
|   |\footer
|   |\nav
|   |\...
|
|\main (блоки по этой странице)
|   |
|   |\photo-wide
|   |\...
|
|\business (блоки по этой странице)
|  |\...
|\js
|
|\img (возможно папка тоже бы расслоилась)
|\css
|\main.html
|\business.html
|\...
И так далее. 
 

Edited June 13, 2014 by amelice

[amelice]

Такое ощущение, что я описала построение папок в БЕМе, если так то прошу прощения ))  Не помню уже когда читала про БЕМ.
Давно не веду самостоятельный проект, так как на работе работаем в команде. Структура тщательно продумывается в зависимости от проектов.

 

[Евгений_SB]

Такое ощущение, что я описала построение папок в БЕМе, если так то прошу прощения ))  Не помню уже когда читала про БЕМ.

Давно не веду самостоятельный проект, так как на работе работаем в команде. Структура тщательно продумывается в зависимости от проектов.

 

Почитал про Github, понял что в принципе верстальщику не работающему в команде он по большому счету и не нужен, Хотя почитал на хабе многие крупные компании при подборе учитывают активность на Github. это видимо показатель работы в команде что ли))

Кстати часто слышу про less/sass нужно ли их использовать в обязательном порядке когда достаточно обычного css. или это уже по желанию самого верстальщика?

Кстати спасибо за построение папок изначально делал так же,думал делаю неправильно, причем еще разбивал блоки на странице на отдельные сss файлы типа header.css,menu.css потом импортом подключаю их к global.css.кстати если у вас есть ссылка на инфу,как организовывается работа в команде? как в обще происходит совместная разработка, было бы интересно почитать.

[npofopr]

Как верстают другие:

 

1. http://cssing.org.ua/2014/03/11/coding-live/

2. 

3. https://www.youtube.com/watch?v=gTiWurgBX2A

 

А гитхаб все таки стоит использовать, у меня например вся верстка лежит на bitbucket, аналог гитхаба. Очень удобно бывает посмотреть, что и когда ты поменял, тем более когда проект затяжной.

+ использование препроцессоров, stylus, less, scss,... например, можно задействовать.

+ grunt или gulp, облегчают жизнь.

[Zverushka]

@Евгений_SB, мне хватило двух часов изучения less  и одного дня работы на нем, чтобы никогда не вернуться на обычный css ни за что на свете. 

[Евгений_SB]

@Евгений_SB, мне хватило двух часов изучения less  и одного дня работы на нем, чтобы никогда не вернуться на обычный css ни за что на свете. 

 

 

Вот здесь читаю http://lesscss.ru/#-client-side-usage, уже пол дня пока ничерта непонял)) либо я тупой либо для начала надо толком изучить JS.

врубился только в то что можно определить переменные а потом их втыкать в любое место css. Еще понравилось влаживание класов,почему в css до этого не додумались)) может для больших проэктов less и будет удобен когда нужно сверстать 500 страниц в 1 стиле. не знаю видимо я пока еще не дорос до less))

Edited June 14, 2014 by Евгений_SB

[amelice]

Почитал про Github, понял что в принципе верстальщику не работающему в команде он по большому счету и не нужен

Конкретно про Гитхаб ничего не скажу. Думаю он нужен, наверно если ваш заказчик так требует, или ведете свой собственный проект, который улучшается все время,  и к которому хотите подключить  других разработчиков или просто иметь историю изменения этого проекта и так далее разные причины.

Я  для небольшого проекта объязательно  развернула б ГИТ на локальном компе. А вот для маленького проекта например на три страницы, где все на ладони смысла не вижу.

 

Хотя почитал на хабе многие крупные компании при подборе учитывают активность на Github. это видимо показатель работы в команде что ли))

Скорее смотрят сможет ли кандидат работать с системой контролей версиями, гитхаб - ведь это ж тоже самое. А в компаниях все проекты основывается на них. 

 

Edited June 14, 2014 by amelice

[Евгений_SB]

Как верстают другие:

 

1. http://cssing.org.ua/2014/03/11/coding-live/

2. 

3. https://www.youtube.com/watch?v=gTiWurgBX2A

 

А гитхаб все таки стоит использовать, у меня например вся верстка лежит на bitbucket, аналог гитхаба. Очень удобно бывает посмотреть, что и когда ты поменял, тем более когда проект затяжной.

+ использование препроцессоров, stylus, less, scss,... например, можно задействовать.

+ grunt или gulp, облегчают жизнь.

 

у меня все файлы на google диске, и доступны для редактирования даже с телефона)) как и с любого компьютера, для верстки пары страниц заводить акаунт на Github-e ну незнаю )))

[Zverushka]

@Евгений_SB,  начни с простого, используй просто вложенности и переменные. Остальное подтянется.

Edited June 14, 2014 by Zverushka

[amelice]

Кстати спасибо за построение папок изначально делал так же,думал делаю неправильно, причем еще разбивал блоки на странице на отдельные сss файлы типа header.css,menu.css потом импортом подключаю их к global.css

Все верно, в моей структуре в папке less также идет расслоение по блокам. А потом собирается в один в .css файл, который будет лежать в папке css.
Так же в структуре есть папка fonts. 

[npofopr]

у меня все файлы на google диске

ну, у меня тоже в dropbox все файлы, + по завершению проекта я архивирую и перебрасываю в я.диск, ну и копия на bitbacket. Чтобы если надо было вернуться к проекту, то удобно будет посмотреть, хотя бы где какие изменения были.

В общем тут дело житейское. Если у вас маленькие проекты, то конечно, может и не стоит. 

[Veseloff]

Система контроля версий — это очень круто и удобно. Даже есть «в одного» разрабатываете. Git — лучшее из всего, что я встречал. Гитхаб или нет — ваше личное дело. Я лично использую битбакет — там можно бесплатно создавать сколько угодно приватных репозиториев. Что касается «потерялись файлы, то это просто из-за неумения пользоваться гитом — так бывало и у меня поначалу. Надо просто сперва мануал прочитать. Если есть сомнения — всегда можно сделать коммит и пуш, а потом уже разбираться и откатываться.

[nerv]

Первое время я пользовался github for windows. Не смотря на название, это гит + интеграция с гитхаб. Легкая, понятная.

Сейчас использую git в связке с phpstrom, т.к. пишу код в нем.