Базовые элементы верстки (страницы) — образцы?

Question

[Moe Green]

Доброго времени суток!

Вопрос простой.

Стоит задача - научиться верстать базовые элементы верстки (страницы), такие как tabs, pagination и так далее. Для полного понимания, что нужно научиться верстать, наверное, подойдет такая ссылка - getuikit.com/docs/core.html.

Почему возник вопрос? В Инете существуют несколько рецептов на каждый случай жизни. Например, табы можно сделать, наверное, пятью способами, как минимум.

Но для начала необходимо иметь в арсенале верстальщика базовые навыки - сделать быстро, просто и работоспособно. Так вот, где можно научиться (подсмотреть) примеры таких элементов, как их делать? Так сказать - классика жанра.

P.S.
HTML Academy - вряд-ли подойдет, наверное. Сам не пробовал осилить их курсы. Но слышал плохие отзывы о навыках, которые прививает эта "школа".

P.S.S.
Подозреваю услышать ответ - такого рецепта нет. И у каждого верстальщика в его арсенале есть свой набор решений, который он осилил\запомнил\сделал. К примеру, один делает табы одним способом, другой - другим. И все довольны.

P.S.S.S
Что касается tabs, то здесь наиболее практичный способ - это использование UI jQuery, я так думаю. Да?

Comments

[dpismenny]

А вопрос какой? Берете и верстаете, потом с проекта в проект переносите редактируя оформление. Табы написать самому, для этого не нужно подключать UI jQuery. Код можно хранить на Gists или Codepen, или еще где :)

[Moe Green]

Денис Письменный: я сейчас как раз таким прцессом и занимаюсь. наработкой компонентов. и тогда ответный вопрос - полностью рабочий (ie8+) пример tabs без ui jquery - пример кода посмотреть можно?

[dpismenny]

Valery Semenencko: Я под IE8 давно уже не верстаю, и я под Mac OS. Но думаю нагуглить не проблема. В любом случае, открываете любой Bootstrap (он тоже забил на IE8), смотрите как там сверстаны элементы, и делаете свои компоненты.

Answer 1

[Moe Green]

возвращаясь к основной теме вопроса. как и предполагалось, готовых решений нет и не будет. все решается по месту и конкретным условиям. и да здравствует Его Величество Опыт! ))
как мне думается, вопрос по этой теме можно закрывать. )

P.S.
Благодарю Сергей Сергеев и Денис Письменный за ответы и советы! Они для меня действительно оказались ценными и своевременными!

Comments

[dpismenny]

Готовые решения есть, но они похожи на швейцарский нож. А хорошему специалисту в проект нужно включить только нужное. Лучший способ это собрать свою библиотеку. Спустя несколько проектов уже может быть неплохой набор. Хотя вот Bootstrap — стильно, модно, молодёжно :)

[Moe Green]

Денис Письменный: спасибо! Вы дали мне ответ, который мне очень нужен сейчас! И да - я пытаюсь ковырять готовые CSS-фреймворки для "посмотреть"; мне в этом плане больше getuikit.com нравится.

Answer 2

[Денис Инешин]

В топку jQuery UI.
Да его можно скачать, посмотреть как там все устроено. Но если хотите посмотреть на разные подходы, то ищите плагины, качайте и смотрите в кишки.
Вот например те же табы. TOP-30 плагинов для их создания и у каждого свой подход. Смотрите, изучайте.

Comments

[Moe Green]

а ссылочка прикольная - спасибо! )

[Денис Инешин]

Valery Semenencko: и кстати, не PSS, а PPS)

[Moe Green]

Денис Инешин: учту на будущее ))