Как правильно верстать?

#html #вёрстка #css

Цель вопроса: узнать, нет ли какого нибудь универсального способа верстки шаблонов.

Например, для красивого оформления форм, например checkbox: мы скрываем основной
checkbox и рядом ставим метку label и оформляем с помощью CSS при нажатии на нее изменяем
checkbox на checked.  Или можно обойтись без label – но с этим способом не знаком. 

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

Про кросcбраузерность: для оформления закругленных углов можно использовать CSS 3
 что и удобно, но он не поддерживается некоторыми браузерами. Для всех браузеров нужно
использовать image, что замедляет процесс верстки.

Мне хотелось бы узнать кто как верстает и почему…
    

Ответы

Ответ 1

почему в тегах указан php? 
интерес со стороны программиста или верстальщика?

Если ты программист, то начни с самых азов верстки. Универсального способа нет, хотя
я не сталкивался с таким.
Вс страницы итак делаются по шаблонам, 1-2-3-4-5 колонок, потом только знай подписывай
к ним свои стили и только.


Ответ 2

Почитайте несколько статей по вёрстке сайтов, посмотрите некоторые способы реализаций
различных макетов. Потом, когда набьёте руку, сможете создавать свои способы.


Ответ 3

В добавок к вышесказанному: возможно есть смысл посмотреть на твиттеровский бутстрап.
Не то чтобы я сильно любил эту штуку, но подчерпнуть что-то или использовать готовые
кусочки можно.
Касательно чекбоксов, думаю, что любое решение будь то JQuery-плагин или изврат с
перекрытием будут основанны на атрибуте checked. Если нет, поправьте. Буду рад :).
Разберитесь со способом который вам нравится больше всего и сохраните к себе в шаблон-заготовочку,
чтобы по необходимости было ясно, какую картинку заменить.
Рекомендую копить такие готовые решения в заготовке, постепенно раздувая ее. Начать
собирать такой шаблон можно с так называемого бойлерплэйта. Обратите так же внимание
на препроцессор SASS. Во-первых удобно и круто :), во-вторых это позволит вам разбить
CSS-код вашей заготовки на файлы и подключать по необходимости. По мимо основных файлов
отвечающих за лэйаут и блоки, можно дробить до "переверстанные элементы форм", "футер
прижатый к низу", к примеру.


Ответ 4

Старайся исключать картинки при верстке, читай статьи и думай как это можно написать
кодом.  Css код сжимай, комментруйся, проверяй на валидацию ... 
Лично я смотрю код работ топовых веб студий, с опытом всё сам поймешь, как правильно
и лучше;) Двигайся вперед, что раньше делали градиент картинкой, сейчас уже можно сделать
кодом кроссбраузенро от ие5. И постоянно совершенствуйся!