Есть книги по верстке, не основы css, а именно как верстать правильно?

Верстать научился, основы выучил хорошо, только не знаю где как правильнее делать. Макеты из psd верстаю без проблем. Пока к адаптивной верстке не приступил, вот думаю, может лучше сначала почитать книжки и потом уже перейти к вопросам адаптивности и кроссбраузерности ? Как мне сейчас лучше поступить ?
  • Вопрос задан
  • 2198 просмотров
Решения вопроса 1
@xenongattz
Лично я, в свое время также задавался этим вопросом. Потом я просто начал изучать чужие исходные коды и смотреть как там все реализовано. У меня стали возникать вопросы: почему так или почему этак. И я подвергал все это экспериментам, в ходе которых логически заключал, что этот подход работает в таком случае, а другой подходит для иных ситуаций.

Также, я читал статьи разных зарубежных специалистов, имена которых на слуху, и просто статьи с крупных порталов по тематике. Оттуда я всегда что-то черпал для себя, составляя "большую картину мира". А исходя из общего плана у меня лучше получалось принимать решения относительно узкоспециализированных вопросов верстки.

Например, какую ширину макета лучше брать за максимальную? Я анализировал разные работы, фреймворки и понимал, что как правило эта цифра варьируется от и до. А в рамках конкретного проекта я уже мог более-менее осознанно выбирать эту цифру.
Или сколько ширин макетов оптимально иметь до того, как страничка перейдет в "резиновое" состояние. Ориентироваться можно на Bootstrap, например: 3 смены фиксированной ширины макета и далее идет "резина".
При какой минимальной ширине экрана лучше всего включать резиновый вариант макета? Стоит ли тянуть размеры между тремя предыдущими макетами, то есть должны ли они также быть резиновыми?

В общем куча вопросов всегда возникает. Но чтобы более-менее подходить осознанно к вопросу, надо знать, а как делают ВООБЩЕ? Кто как отвечает на эти вопросы в своих проектах? А потом уже аналитически выбирается наиболее подходящий метод к своей ситуации. И если надо, можно синтезировать решение, исходя из имеющихся в багаже способов.

Накопление знаний, анализ, синтез. Для меня такой подход работает.
Ответ написан
Пригласить эксперта
Ответы на вопрос 7
serjikz
@serjikz
web-developer
Быстрый ответ: habrahabr.ru/post/114256
----------------------------------------------------------
Если вы знаете основы, значит знаете определенные css правила. Скажите такую вещь, как мне правильно сверстать 3 блока, идущих в ряд горизонтально?
Варианты ответов:
1. Используя float
2. Используя inline-block
3. Используя flex-box
4. Используя table
5. Используя position 0_o (потому что можно задать relative родителю и absolute детям+top/right/bottom/left)

Правильный ответ: всё выше перечисленное (ну может быть последнее не очень верно, но ведь тоже можно сделать и сделать очень аккуратно, не повредив общей структуры сайта). Ваш вопрос как по мне просто идентичен моему по смыслу. В разных ситуациях используются совершенно разные подходы, а количество этих ситуаций измеряется количеством вашего/чьего-то воображения.
--------------------------------------------------------------------------------
Если вы работаете в команде - спросите/посмотрите какой стиль вёрстки использовался до вас и можно ли использовать свой стиль, либо верстать так, как раньше верстали (многие команды даже гайды пишут по этому поводу, к примеру csssr).
Если работаете один - можно тоже самое blog.csssr.ru/code-guide и ещё в довесок ссыль в начале поста.
Ответ написан
Rodos
@Rodos
Designer / Developer
Лучший способ, понять как верстать правильно, это посмотреть исходники общепризнанных решений, от опытных специалистов. Советую вам изучить код нескольких css-фреймворков, например Foundation и Bootstrap. Css код первого, на мой взгляд, практически эталон.
Ответ написан
Бен Фрейн - Разработка сайтов для любых браузеров и устройств
Ответ написан
axaxa_man
@axaxa_man
web developer
Работа с сеточками почитай, 12 колонок, 16 колонок, что за grid 960 такой.
Ответ написан
e_svirsky
@e_svirsky
Web Developer
Есть чёткие курсы от Московской Школы "Специалист" по вёрстке. Поищите, очень качественные курсы для новичка.
Ответ написан
@Konakov1
ITSM, ITIL
Тим Харроуэр. Настольная книга газетного дизайнера
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы