Браузеры берите наиболее популярные (последние версии, т.к. старые могут не поддерживать некоторые элементы) - Google Chrome, Опера, Мозила думаю, что основная масса сидит на этих браузерах.

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

В принципе неправильная постановка вопроса. Сайт должен отображатся нормально во всех браузерах, даже без поддержки css и JavaScript, то есть базовый функционал должен быть доступный. Но это в идеале, а в реальной жизни нужно выходить из популярности браузеров в потенциальных посетителях сайта, хорошо бы было конечно посмотреть с каких браузеров ходят к Вам посетители, но это не возможно, как вариант посмотрите на популярность браузеров по региону. Я думаю можно построить такой ряд совместимости: Firefox, Chrome, Opera, IE.



Два вопроса можно объединить в один ответ. Нужно было заказывать не резиновый дизайн, а адаптивный. Если использовать его все вопросы с мобильными устройствами отпадут. То есть принцип такой верстаем сайт под браузер, а после постепенно его адаптируем под разные разрешения экрана, минимум на котором можно остановится это 480px, под меньшие экраны делать нет смысла. В процессе такой верстки дизайн сайта постоянно деградирует, то есть уменшаются размер шрифтов, блоки перемещаются, или скрываются, меню меняет дизайн, адаптированый под мобильные устройства. В Вашем случае уже на ширине экрана 1024 уже лезут проблемы, как например меню не умещается в одну строчку, и в шапке элементы перекрывают друг друга. Как это сделать это отдельный разговор, в сети материалов по этому вопросу полно.


Как по мне это зло, особенно на продающем сайте. Я б их вообще отключил.


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

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

Сообщение отредактировал bibika - 10.11.2014, 9:32

Скачивать последние версии этих браузеров и в них тестировать верстку?
Предыдущие версии или старые версии этих браузеров стоит использовать для тестирования верстки?



Если 5 популярных браузеров умножить на несколько версий каждого, то сколько это работы получится для верстальщика?


Я правильно понял:
резиновый дизайн - это 1.0
адаптивный дизайн - это 2.0
??


Спасибо. Приятно

зачем же только последние? наиболее актуальные


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


что есть 1.0 и 2.0?
резина без ограничений может сыграть довольно злую шутку (говорим спасибо 5К разрешению).
фиксированная вёрстка с размерами в пикселях тоже плохой вариант (при ширине дисплея в 1280 и 1920 точек уже смотрится по разному, а при 5К вообще жуть будет).
адаптивный дизайн подстраивает отображение в зависимости от ширины окна браузера. посмотреть, как это будет смотреться «в миниатюре», можно просто скукожив окошко. но такая вёрстка сложнее.

Сообщение отредактировал x64 - 10.11.2014, 12:22

В принципе на все за меня ответили.



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



Не Вы путаете их с версиями CSS. Вот выдержка с Вики адаптивный дизайн - дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств

Подскажите, на страницах (ссылку на которые я написал в первом сообщении) стили CSS тоже прописаны на страницах (как и скрипты) или вынесены в отдельную папку, а страницы только ссылаются на стили CSS?
Спрашиваю, так как я сам не программист и не могу это определить.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.