понедельник, 10 декабря 2012
09:36

Верстка. Где все-таки взять этот скилл?

все записи пользователя в сообществе Тигр
У меня очень слабый навык верстки. При этом сложные фронт-енды мне нравятся, и программировать их получается.

Чувствую блок, и не понимаю как через него пройти. Обычно задания по верстке приводят к сорванным срокам, даже если я их ставлю крайне пессиместично(3 дня на страницу например).
Делегировать верстку - вполне вариант, когда команда может себе это позволить. И верстальщики разных уровней на крайний случай у меня всегда есть.

Короче жить можно, но закрыть пробел в образовании хочется.

В связи с этим у меня вопрос.. Какие хорошие курсы по верстке, фронт-ендам и UX вам известны?


@темы: usability, html

URL
Комментарии
10.12.2012 в 10:25

alhames
alhames.ru
А такие вообще существуют?
Вот в Яндексе немного рассказывали - events.yandex.ru/events/shri/msk-2012/
Но по моему только опыт реализации различных решений дает полное осознание того, как нужно сверстать страницу.
URL
10.12.2012 в 11:29

Тигр
Угу, опыт реализации различных решений - мне кажется его можно уложить в курс..

Я запуган фразами "кросс-браузерность", "резиновая верстка", "фиксированная верстка", "различные css фреймворки рулез", "фреймворки сакс, думай своей головой", "блоки рулят", "а тут только таблицы".. Хочется системных знаний.
URL
10.12.2012 в 12:28

alhames
alhames.ru
"кросс-браузерность"
без фанатизма, ie6 слава богу никому уже сто лет не нужен

"резиновая верстка", "фиксированная верстка"
ну тут напрямую от дизайна зависит. порталы как правило всегда резиновые, все остальные - фиксированные

"различные css фреймворки рулез", "фреймворки сакс, думай своей головой"
никогда не пользовался фреймворками. были только reset.css (по моему от yahoo), сбрасывающий все дефолтные стили элементов и самописный base.css с общими решениями для всех проектов.

"блоки рулят", "а тут только таблицы"
Тут вообще все просто - везде верстать блоками, и только если нет возможности блоками - то таблицей.

Мне тоже хочется системности, но проблема в том что пока курсы будут огранизованы и обучится первая группа - варианты реализации рассказываемые на курсах неизбежно устареют..
URL
10.12.2012 в 15:27

O
Пау-чок
Тут вообще все просто - везде верстать блоками, и только если нет возможности блоками - то таблицей.
Небольшое дополнение. "Верстка блоками" - это далеко не всегда тупо div'ы. Иногда требования SEO заставляют использовать ul/li или dl/dd/dt с display:block, если семантически содержимое нескольких блоков однотипно и может считаться списком. Например, для пунктов меню используются ul/li, а для разделов FAQ - dl/dd/dt.

"различные css фреймворки рулез", "фреймворки сакс, думай своей головой"
Cкажем, для вёрстки под мобильные девайсы очень удобен jQuery Mobile, позволяющий делать приятные интерфейсы совсем из ничего. Но мобильные страницы всё же более жёстко структурированы, нежели рассчитанные на десктопы, в них свобода для творчества ограничена мелким экраном и сложившимися традициями передачи информации. А вот под десктопы, да, я бы кроме reset.css не стал пользоваться ничем посторонним - так больше контроля.

Системные знания приходят с опытом. Нельзя сначала всё узнать, а потом сесть - и сверстать суперстраницу. И если сейчас уходит по три дня на страницу, то по мере выработки собственных паттернов, собственных подходов, это время неизбежно будет сокращаться.
URL
10.12.2012 в 15:42

alhames
alhames.ru
"Верстка блоками" - это далеко не всегда тупо div'ы.
Ну, в реалиях html5 это все больше всякие nav, header, article и т.п. Вообщем, фактически все кроме таблиц :)

очень удобен jQuery Mobile
Ой, я про JS-фреймворки совсем забыл. Я лично не представляю сейчас верстки без jQuery - так к нему привык..
URL
10.12.2012 в 23:17

Тигр
jQuery я потихоньку забрасываю. Именно из-за мобильных приложений. Там из-за сахара приложения жиреют, а у мобильных js движков метаболизм низкий до сих пор. :)

На самом деле доклады яндекса пойду просматривать.

Спасибо за ответы по пунктам. :)
URL