klierik

проще использовать псевдо-элементы для решения данной задачи.

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

это избыточно в 99.9% и я, честно говоря, вот так с ходу даже не вспомню когда такое может понадобится. скорее всего это уникальная ситуация с какой-то фичой.

1. Если на странице отсутствует Заголовок как таковой (например на Домашне промо странице, что часто и случается) тогда можно завернуть логотип в H1. А вообще это все проделки SEO-шников и оптимизация под каждый ресурс делается индивидуально. 2,3,5. inline-block -- данный вариант себя хорошо зарекомендовал в ситуациях, когда подряд идущие элементы формируют многострочную конструкцию, и каждая новая строка требует соответствующего выравнивания (корректного отображения). Давай наглядно посмортим на примере. Открывай: http://www.templatemonster.com/ru/magento-themes-type/47672.html Видишь, на первом макете список продуктов "New Product". Тут он представлен 4 шт. в ряд. Допустим у нас ситуация когда надо разместить 12 штук в 3 ряда, но у каждого элемента (продукта) "плавающая" высота. Если ты используеш float, то у тебя сразу образуется "лесенка", а вот с inline-block и vertical-align: top получится очень даже хорошо. float -- одна из типичный ситуаций когда используется float - это когда надо в строке, помимо контента, разместить "экшены" (кнопки), но длина строки не известна за ранее, и кол-во кнопок может меняться. Например имеется такая ситуация: http://screencast.com/t/TWrvtQmd А теперь предположим что наш сайт мультиязычный, и не известно насколько длинный будет заголовок в переводе. Так же предположим что потребовалось добавить +1 кнопку: http://screencast.com/t/KKtHq4DXl Ну вот как-то так. Ситуаций в действительности очень много. Очень хорошо когда верстальщик за ранее предполагает как может изменятся контент в рамках своей кострукции. Ведь дизайне все выравнивает "под линеечку", а когда сайт наполняем контентом, то результат, как правило, не 1:1 с макетом. Вот сюда я добавлю одну существенную разницу. В начале браузер попытается загрузить <img>, а лишь потом только то что в background-image. Т.е. у картинок приоритет. Если у тебя список продуктов -- <img>Если это иконки, то -- spriteЕсли же это responsive -- тут индивидуально. @Ludwig Voltman, Я тоже так делал. Нельзя знать всего У меня как-то из головы вылетело что елси блок absolute то он по умолчанию блочный. В данном случае это скорее "подстаховка самого себя" что бы визуально воспринимать и понимать что данный элемент блочный. Сейчас если я пишу absolute, то block не добавляю -- это одна из полезных привычек

1. его не обязательно оборачивать. 2,3,5 -- зависит от конкретной задачи. оба подхода хороши. есть задачи которые нельзя решить тем или иным способом. сюда через пару лет добавится ещё flex-box 4. по-хорошему в тех, которые скажет заказчик. Но по умолчанию на сегодня это IE8+, последние 2 версии современного браузера.

хмъ, я и не предпологал что такой вариант прийдет в голову. Смотри, ты описала структуру например так: .block-1+.block-2+.block-3+.block-4и предположим что жти блоки лежат один за одним и у каждого есть свои уникальные классы. А завтра эти блоки надо менять местами и в раметке они стали так: .block-3+.block-2+.block-1+.block-4и сразу теряется смысл последовательности. Вместо индекса, в качестве модификатора, удобнее использовать термин. Но я говорю не про вариант, когда число пишется буквами, а когда модификатор имеет интуитивно понятно логическое название. например: .block.related-products+.block.upsell-products+.block.sidebar-navigation+.block.size-chart

Chrome Version 31.0.1650.63url: http://pcvector.net/uploads/demo/scripts/layout_and_interface/cube_rotate/index.html screen: http://screencast.com/t/Nkvy0s8z

От чего же, это flex-box. Сейчас его можно попробовать использовать в мобильной верстке. Там свои ньюансы, но имеет смысл ознакомится с видео от Вадиа Макеева на даную тему. Там около получаса всего. Очень вкусно выглядит

Он может тормазить страницу

http://habrahabr.ru/post/173271/ Можно еще нагуглить по запросу "хабр для дизайнеров верстка" и ему позожих

Кажется это позволяет сделать терминал

Используй кастомный js скролл

Это когда одно и тоже изображение повторяется по вертикали и горизонтали

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

Я не уверен на 100% но врядли. Но можно порезать спрайт и указать каждому элементу фон, потом применить background-size

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

Хороший дизайнер учитывет сложность работы и размер страницы в итоге. А начинающие как правило валят море графики не думая о конечном результате -- главное что "красиво". Еще хорошая практика когда фон можно заместить. Но я так понимаю в данном случае фон должен занимать 100% ширины области ?!!

Свойство которое позволяет расположить блок по центру области можно будет использовать в полной мере через 1-2 года Пока что пиходится делать извращения. Класический способ это поместить блок в ячейку таблицы (или эмулировать таблицу через стили) и ей задать выравнивание. Еще можно поигратся вложеностью дивов и абсолютом. Так как не очевидно что за проблема у тебя, то сказать сложно. Почитай у меня в подписи как правильно задавать вопросы

Надо .color_1 а не .color 1 Пробел не должен присутсвовать. Имя должно быть цельное

Что не получилось ?

Оптимизацией изображения занимается как раз таки верстальщик. Чем меньше размер страницы тем быстрее полностью ее получит пользователь. В идеале страница должна грузится секунды за 2, но естественно зависит от скорости подключения. Это может быть как мобильный интернет так и выделеный

Все новички упираются в ету проблему. Я говорил еще пару лет назад тут на форуме что на это надо забить. Это нормальное поведение страницы и все сайты так работают. Ты ничего толком не сделаешь. Разве что кастомным скролом на свой страх и риск. Сейчас кстати кастомный скрол вроде более менее адекватный потому что мощностя компьютеров выросли. Но я все равно рекомендую не заморачиватся с этим и принять как данное. Это нормально > можно сделать, чтобы он всегда отображался В Мас не проканает

Нет это не нормально. Это зло! Но если другого выхода нет то ничего не поделать. Можно уменьшить изображение оптимизируя его: 1. В фотошопе сохранить для веба 2. Использовать онлайн или офлайн инструменты для сжатия изображений Это может уменьшить размер изображения

очень грубый пример: http://jsfiddle.net/klierik/Jcn6g/

что бы камент был информативнее выложи список ссылок на ресурсы... будет черный список, что ли...