advokatua

Про слоган в данном случае, вроде как, спорно. Не раз видел крупные сайты, где слайды лепят сходу картинками. Если слоган не про скидки и не какое-то рекламное предложение, а типа - "Наша команда пламенно приветствует вас на новом сайте", или подобная фигня, то по поиску ведь его все равно никто не будет искать.

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

Даже интересно стало. А в каком месте, если не секрет? Макет вроде как фиксированный, потому не пойму где он должен рушится.

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

1) Вопрос корректности данного этапа изначально мне был не особо известен, потому сделал как сделал. Думаю это больше вопрос к ТЗ (могу ошибаться), которого у меня очевидно не было. Переделал с учетом замечания, и по идее - да, стало зрительно эстетичнее. На 15-дюймовом мониторе, такие вопросы сходу непросто замечать. Надо быстрее копить денег на 24. 2) Черт его знает. В данном случае макет выглядит как завершенный, и кажется, что подобные блоки если и будут меняться, то очень редко. 3) Можно и в круговую. Один фиг - строчку добавить ) 4) После экспериментов видать остались. 5) Над этим блоком больше всего экспериментировал. Compass со своим авто созданием спрайтов реально доставил (все иконки различаются по размеру, из-за чего скакал заголовок под ними). Пришлось танцы с бубном плясать на всяких relative и absolutе позициях. Вот флоат у элементов действительно лишний. Перекроил под инлайн, теперь вроде как кошерно должно быть. 6) Типа как-то так, что ли? <ul class="results-list"> <li> <span class="term term-1">Quisque euismod</span> <div class="prog"><span style="width: 80%">80%</span></div> </li></ul> 7) Не нравится, что название тарифа и цена идут вместе? Там более менее очевидно, что блоку не нужна ни большая длина, ни какая-то резина, потому посчитал, что такой конструкции достаточно 8) СЕОшники нагадали, что ссылки лучше, чем батоны ) 9) Микроформат требует. Заточка для поисковиков. http://en.wikipedia.org/wiki/VCard (раздел hCard 1.0) 10) Так это ведь всего лишь префикс для визуальной пометки. Человек создает новый блок .tel и у него слева сразу буковка/иконка с буквой "f" + отступ. Если человек не хочет его видеть, то достаточно удалить/поменять название класса. 11) Без разницы, там ведь внутренний блок просто ограничен по ширине. 12) Я, честно говоря, не в курсе зачем ) Какие-то СЕОшные шаманства? Пошел искать. PS Огромный спасиб. Буду знать над чем скил качать.

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

насчет стыка в курсе. Сперва думал, что он не должен репититься, потом почему-то обратно поменял на повтор по Х. upd. исправил. Теперь выглядит так, как должно, по идее )

Прошу оценить и высказать любые претензии/пожелания по верстке. Верстка под ие8+ Картинка макета (правая кнопка на слайдере случайно не попалась) Сайт Макет изначально был чересчур широк, потому пришлось своими силами подстраивать его под 1000px.

Так дело не в циферках. Просто так 4 поста никто минусовать не станет, я потому и говорю - "поклонник".) Интересно ведь узнать за что он мне так, или где я переперчил/пересолил ))

Тема заглохла что-то У меня сегодня появился тайный поклонник. Поклонник прошелся буквально по последним моим 4-ем меседжам и залепил на каждый из них по минусу )) Кого это я так разозлил, интересно, что он ссыт об этом в лицо сказать, ну или хотя бы в личку )

Спорить о типе воспринимаемой информации буквально также глупо, как любителю соленых огурцов спорить со сладкоежкой. Есть аудиалы и есть визуалы. Каждому типу свой более приемлемый вид информации.

Хорошее замечание. Хотелось бы от опытных услышать чуть более подробностей, как же все таки учитываются такие моменты верстки. Есть ли смысл строить верстку с учетом на 5-7 будущих пунктов, или же делать нужно по макету как есть? Для примера гляньте на этот сайт www.sabidom.ru от студии АЛ. В верхнее меню даже 1 доп. пункт нельзя впихнуть, т.к. другой элемент тут же заезжает под логотип, а после 3 доп. пунктов так вообще все куда-то уплывает. Заплатили мешок денег и такое вот что-то непонятное, для меня по крайней мере )

radioactive68, переучиваться будешь потом дольше ) Чем собственно не угодили нормальные книги и другие более толковые предложенные авторы?

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

Я не про адаптивность имел ввиду, а про количество цифр после запятой.

Я себе такой же вопрос задаю о пользователях твиттера. Первое время думал, что более бредового сервиса, с более бредовой идеей до него не было. Маркетинг он такой маркетинг ) "99 Франков" на эту тему рекомендую посмотреть, кто не видел.

В данной верстке, id это последнее к чему стоило бы цепляться. Человек, даже микроразметку зачем-то прицепил, а вы к нему насчет id придираетесь. )) Все что я нашел, к чему можно прикопаться, так это только такие цифры: margin-left: 3.76648%;Но, если не ошибаюсь они ничего не портят и плохо от них никому не станет. Я вот спросил бы, зачем верстать такие мегаужаснопротивные макеты, когда есть тонна более приличных? )

А чем этот лендинг отличается от сотни подобных? 100 000 элементов тут не видно, а потому с чего бы ему кикать браузер? Такие лендинги не создавал, но я бы поставил 10 баксов на нулевую вероятность, у нормальных браузеров. А осел он и от обычных сайтов виснет запросто.

Так она ведь репитится на всю ширину.

спасибо. Ох уж эти гики со своими примерами, что б их... Второй трах за день сейчас получил от подключения слайдера, русского. Такое ощущение, что они специально в мануалах разные названия файлов и примеры конфигов приводят, чтобы человек не просто взял все, скачал, и за 5 минут подключил, а обязательно пол денька повозился. Пока исправит все точки, тире и нижние подчеркивания в именах файлов. Это же надо так ненавидеть людей, талант прям )

Дело не в боксайзинге, а в универсальном селекторе. Хотя, относительно применения его к свойству box-sizing: border-box; надо подумать и посмотреть, если ли какая-то побочка, а то сегодня и сам думал - зачем к каждому блоку пилить эту боксовую модель, когда можно повесить ее глобально, что в разы проще и уменьшает лишнюю нагрузку на мозг. ) Поспешил похвалить. Макет действительно не самый нубский, причем судя по дизайну он предполагает адаптацию к более мелким разрешениям, а значит верстать нужно куда внимательнее. В твоем случае конкретный косяк нашел на меню. Когда заказчику потребуется добавить в верхнее меню 2 доп. пункта, то посмотри, что произойдет. Сам сейчас его верстаю, ломаю голову. ) Косяк с обрезанием в данном случае вообще не столь важный выходит.

Потратил вчера весь день на попытки установить и настроить эту "чудную" вещь. Закончилось все кучей мата и пару кило потраченных нервов. Все что я хотел сделать, это приклеить данное дополнение к Compass и отобразить на макете сетку. На сайте написано, для того чтобы отобразить сетку нужно прописать всего 2 строчки: $grids: 12; $gutters: 1/3; и для цвета колонок @include background-grid($color: blue); Руководство на гитхабе, 2-ая глава: https://github.com/Team-Sass/Singularity/wiki/Creating-Grids Как я не извращался и не менял цвета колонкам, но сетка так и не отобразилась 8( Но, технически сама сетка работает. Т.е. если задать блоку класс и приклеить к нему такой инклуд: @include grid-span(1, 2); то получим, что наш блок будет шириной в 1 колонку, на позиции 2-ой колонки. Вопрос собственно такой - как отобразить эту сетку, и можно ли ее вообще отобразить?

Подскажите пожалуйста, как реализовали "Just do it" всплывающим. Посмотрела код, но что-то не вижу, что дает возможность всплывать ему.Заранее спасибо за ответ 1) Вот это сам слоган. Изначально скрыт с помощью 0 высоты и прижат к полу слайдера .slider .slogan { position: absolute; bottom: 0; width: 100%; height: 0px; /*Изначальную высоту блока ставим 0, и при ховере ее меняем на нужную*/ background-color: #191919; background-color: rgba(255, 255, 255, 0.1); line-height: 64px; text-align: left; /*лишнее, осталось от экспериментов*/ text-indent: 10px; font-size: 36px; font-weight: normal; /*лишнее, осталось от экспериментов*/ color: #ecf0f1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: -1; /*Вроде как лишний. До того как написал блок контента, блок со слоганом из-за неверного порядка слоя немного неверно отображался при ховере*/}2) Событие при наведении мыши на блок слайдера (hover): .main .slider:hover .slogan { bottom: 0; /*лишняя строка, осталась после экспериментов*/ height: 67px; z-index: 99;}

Очень ёмко )) Какая может быть проблема с первым методом?

Макет довольно элементарный, я даже не знаю с чем тут могут возникнуть сложности. Просто взял и нарезал как есть. Если в таком макете что-то не ясно, то нужно начинать с самых низов и пробовать верстать отдельные блоки, а не целые макеты. Полно примеров, которые я и сам все переверстал можно взять тут http://htmlbook.ru/practical там же в комментах можно смотреть как остальные выполнили задание. Единственная сложность в данном макете может показаться разве что с прижатием футера к полу. В гугле полно подбробных описаний.