Где брать хтмл шаблоны для обучения?

Question

[Kris125]

Всем привет, прошла многочасовую теорию по верстке + html академию. Собираюсь начать практиковаться, но хотелось бы сразу учиться у правильных верстальщиков. Вот думаю купить на Themeforest шаблончик, стоит оно того? И как отделить зерна от плевин, т.е. не хотелось бы купить шаблон с кривым кодом :)

Comments

[sergey]

даже стало интересно: зачем Вам шаблон с кодом? Вы кодить собираетесь или копипастить?

[Сергей Горячев]

SM: Кодипастить %)))

[sergey]

Sergey Goryachev: 100%:))))

Answer 1

[Сергей Горячев]

Если вы прошли обучение верстке, то вам не нужны готовые шаблоны.
Вам нужно искать PSD макеты и верстать, а не смотреть шаблоны.
Про Тем Форест скажу сразу - не стоит ничего там покупать.
Готовые шаблоны делаются уникализированными и как правило содержат кучу ненужного кода.
Берите PSD, от простого к сложному и верстайте.
В идеале, найдите наставника, который бы мог проверить ваш код (не сверстать для вас, а просто проверить).
На крайний случай, пишите сюда с просьбой откомментировать верстку.

Comments

[Kris125]

большое спасибо. стоит ли использовать сетки бутстрапа для адаптивности, скажите пожалуйста

[Сергей Горячев]

Kris125: В обучении - нет. Сначала изучите как работает вообще адаптивность и медиа-запросы. А потом уже беритесь за фреймворки. Я говорю не бутстрап, а именно фреймворки, так как их оченьб много. И бутстрап не панацея. Но знать его нужно.

[Kris125]

Sergey Goryachev: "Сначала изучите как работает вообще адаптивность и медиа-запросы" Что вы имеете в виду?

Answer 2

[Ксения]

+1 к предыдущему оратору )
смотрите в отладчике сайты крупных/уважаемых ресурсов, изучайте, как устроен их код, namespace, как применяется семантика. А по поводу psd - вот вам немного для начала:
раз
два
три
четыре

Comments

[Kris125]

спасибо большое, псд не нужны, я дизайнер с 10 летним стажем, осваиваю новую работу для себя :)

[Kris125]

стоит ли использовать сетки бутстрапа для адаптивности, скажите пожалуйста

[Ксения]

Kris125: Вам и карты в руки - теперь любую свою фантазию сможете воплотить

[Ксения]

Kris125: я использую медиа-запросы из него, насчет сеток не знаю, не сильна в них)

[Kris125]

Ксения Полякова: take.ms/Dpm3W медиа запросы это вы про это? :)

[Ксения]

Kris125: это про адаптивность, в бутстрапе с этим все уже сделано

Answer 3

[Максим]

я самое первое это делал копию mail.ru - от меню (их два там ) до самого низа - у меня это неделю заняло ... давно это было
вот и вы увидите сайт который вам понравился и делайте его копию

Comments

[Kris125]

угу спасибо

[Kris125]

стоит ли использовать сетки бутстрапа для адаптивности, скажите пожалуйста

[Максим]

Kris125: я не люблю bootstrap , но многие любят его и пользуются в купе с less ,и .... короче я враг bs

[Kris125]

Максим Ленский: мне больше sass нравится на самом деле, а вы адаптивность с помощью чего делаете?

[Максим]

Kris125: я руками делаю, там нет так сложно как кажется

[Kris125]

Максим Ленский: а как именно руками?

[Максим]

Kris125: как понять как ? ну написать каркас и временно набиваю его содержимым , и потом адаптирую ... на основе медиа запросов , это показывать надо - да и курсов на эту тематику много

[Алексей Царапкин]

Копию mail.ru
И потом ссылочки подраскидать и аккаунты собрать =)

Answer 4

[Николай]

Честно говоря на themeforest оч мусорные по коду шаблоны, много классов и id. Тем более весь их код можно посмотреть через консоль разработчика (исходный код) страницы. Огромные библиотеки с js файлами, тяжелые слайдеры и так далее. Если купить макет для верстки, то можно на них учится, они ровные и чистые. А так идея смотреть чужой код да и за деньги не особо перспективная, учитывая что это можно делать бесплатно и в Российских реалях. Посмотри работы у хороших веб-студий: sibirix.ru, youdiz.ru и других по рейтингу рунета, открывай исходный код и смотри что как работает.

Comments

[Kris125]

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

[Николай]

Kris125: На themeforest иногда такие костыли, а еще наткнуться там на русского оч легко, туда они с левых аккаунтов грузят свой г*вно)

Answer 5

[Роман Мисюра]

Согласен с ответами сверху.
Могу помочь в обучении и проверке кода. Макеты сам когда-то искал в гугле по запросу free psd website template. Можете оставить скайп для связи или какие-то данные, отпишу.

Comments

[Kris125]

макетов psd у меня полно, т.к. дизайном занимаюсь уже лет 10 :) большое спасибо. стоит ли использовать сетки бутстрапа для адаптивности, скажите пожалуйста

[Роман Мисюра]

Собственно сетки есть готовые, также их можно запилить под нужное количество колонок (хоть 100500, но где смысл, разве для большой кастомизации). Если заниматься версткой, то вначале я б посмотрел теорию (т.е. блоки, что куда и зачем, дальше собственно стили и приправить все JS'ом). Касаемо консультации и подобного - могу помочь. + https://www.smashingmagazine.com/ почитать советую ну и лучшие практики.

[Ксения]

Роман Мисюра: Консультации - мне тоже интересно, напишите мне, пож-та: https://vk.com/polyakovakseniya

[Сергей Горячев]

Ксения Полякова: Какие пошли симпатичные девушки в IT)))